Integración de Bubble.io y HubSpot: Guía paso a paso 2024

Integrando Bubble.io con HubSpot

Para integrar Bubble.io con HubSpot, primero necesitarás una cuenta en ambas plataformas. Si aún no las tienes, tómate el tiempo para registrarte en Bubble.io y HubSpot antes de continuar.

Paso 1: Obtener tu llave API de HubSpot

Para integrar Bubble.io con HubSpot, tendrás que obtener una llave API de tu cuenta de HubSpot. Así es como puedes hacerlo:

1.1. Inicia sesión en tu cuenta de HubSpot.

1.2. Haz clic en el icono de configuración en la barra de navegación principal.

1.3. En el menú lateral izquierdo, navega a Integraciones > Llave API.

1.4. Si nunca se ha generado una llave para tu cuenta, haz clic en Crear llave.

1.5. Si ya tienes una llave API existente, la verás en esta sección.

1.6. Copia tu llave API y guárdala de manera segura. La necesitarás para los siguientes pasos.

Paso 2: Integrando HubSpot en Bubble.io

Ahora que tienes tu llave API de HubSpot, puedes comenzar el proceso de integración en Bubble.io siguiendo estos pasos:

2.1. Inicia sesión en tu cuenta de Bubble.io.

2.2. Ve a la pestaña Data en tu editor de Bubble.io.

2.3. Haz clic en APIs en el menú lateral izquierdo. Vamos a integrar HubSpot como una API.

2.4. Haz clic Agregar otra API.

2.5. En la sección de API, haz clic Autenticación.

2.6. En el menú desplegable de Tipo de Autenticación, selecciona Manejado por uno mismo.

2.7. Para Método de Autenticación, elije Encabezados HTTP.

2.8. En los nuevos campos que aparecen, usa los siguientes parámetros:

• Campo de Clave: hapikey
• Campo de Valor: [Tu llave API de HubSpot]

2.9. Presiona Inicializar Llamada para inicializar la API.

Paso 3: Configurando las llamadas API en Bubble.io

Una vez que tengas tu llave API y la API de HubSpot integrada en tu aplicación de Bubble.io, el siguiente paso es configurar las llamadas API.

3.1. Ve a la pestaña Data > APIs y haz clic en el icono GET.

3.2. Ahora necesitamos configurar una nueva llamada API. Necesitas hacer esto para cada punto final de API que vayas a utilizar en tu aplicación.

3.3. Para la mayoría de las integraciones básicas, necesitas configurar dos llamadas API: GET contactos y POST contactos.

Para GET Contactos, usa los siguientes parámetros:

• Tipo de Datos: JSON
• URL de la API: https://api.hubapi.com/crm/v3/objects/contacts

1. Haz clic en Añadir Parámetro, usa los siguientes parámetros:

• Clave: hapikey
• Valor: [Tu llave API de HubSpot]

1. Haz clic en Definir Otra Solicitud.

Para POST Contactos, usa los siguientes parámetros:

• Tipo de Datos: JSON
• URL de la API: https://api.hubapi.com/crm/v3/objects/contacts

1. Haz clic en Agregar Parámetro, usa los siguientes parámetros:

• Clave: hapikey
• Valor: [Tu llave API de HubSpot]

1. En el menú desplegable de Tipo de Cuerpo, elige JSON.

2. En el campo del cuerpo, ingresa el formato JSON para los datos que estás publicando en HubSpot:

{
 "properties": {
   "firstname": "first_name",
   "lastname": "last_name",
   "email": "[email protected]"
 }
}

Haz clic en Definir Otra Solicitud.

Después de configurar tus llamadas API, ahora deberías poder usar la API de HubSpot en tu aplicación de Bubble.io. Puedes hacer solicitudes GET y POST a la API de HubSpot en flujos de trabajo y mostrar los datos en tu aplicación de Bubble.io. También puedes usar las llamadas API para actualizar y eliminar contactos en HubSpot.

Esta integración te permite sincronizar datos entre tu aplicación de Bubble.io y HubSpot, automatizar acciones basadas en el comportamiento del usuario y mucho más. Las posibilidades son infinitas, ¡así que comienza a explorar!