BetaCrea aplicaciones con el conector de HubSpot para Lovable

Nota: la información contenida en este artículo es confidencial y está destinada exclusivamente a los participantes en la beta privada del conector de HubSpot para Lovable . Por favor, no comparta públicamente ninguna información aquí expuesta.

Utiliza el conector de HubSpot para Lovable para crear aplicaciones e interfaces de usuario personalizadas con datos de HubSpot. Una vez que un administrador haya configurado el acceso, los usuarios podrán conectar HubSpot a Lovable, describir una aplicación utilizando lenguaje natural y compartirla con otros usuarios.

El acceso a los datos de HubSpot de cada usuario se basa en sus permisos de usuario de HubSpot actuales. Cuando un usuario crea o accede a una aplicación de Lovable, solo puede acceder a los datos de HubSpot para los que tenga permiso en HubSpot. Los administradores controlan quién puede crear aplicaciones de Lovable y quién puede acceder al conector de HubSpot para Lovable.

Antes de empezar

Antes de que los usuarios puedan crear aplicaciones en Lovable utilizando datos de HubSpot, revisa lo siguiente:

• Superadministradores: concedan a los usuarios el permiso del conector de HubSpot para Lovable en HubSpot y aprueben qué usuarios pueden instalar el conector y las aplicaciones desarrolladas por Lovable.
• Administradores de Lovable: activad el conector de HubSpot en el espacio de trabajo de Lovable.
• Los usuarios que crean aplicaciones: conectan su cuenta de HubSpot a Lovable, crean la aplicación y la comparten con otros usuarios.
• Usuarios que acceden a aplicaciones: acceden a aplicaciones desarrolladas por Lovable, pero no son ellos quienes las desarrollan.
• Los datos de HubSpot se refieren a cada usuario en particular. Crear una aplicación o acceder a ella no permite al usuario acceder a datos de HubSpot más allá de los permisos de HubSpot de los que ya dispone.
• Al conectar HubSpot con Lovable, se recomienda que selecciones todos los permisos opcionales disponibles. Los permisos opcionales que selecciones determinan los permisos máximos de HubSpot a los que tendrán acceso las aplicaciones que crees con el conector. Si seleccionas solo algunos permisos opcionales, esto puede limitar las aplicaciones y las funcionalidades que puedes crear en Lovable.

Configurar el acceso de los usuarios (se requiere un administrador)

Sigue estos pasos antes de que los usuarios puedan empezar a utilizar el conector de HubSpot para Lovable.

1. Conceder a los usuarios permiso para crear aplicaciones en Lovable

Un superadministrador debe conceder primero permiso para el conector de HubSpot para Lovable a los usuarios que vayan a crear aplicaciones de Lovable.

1. En tu cuenta de HubSpot, haz clic en el icono de Configuración en la barra de navegación superior.
2. En la barra lateral izquierda, navega a Usuarios y equipos.
3. En la tabla de usuarios, haz clic en un registro de usuario y, a continuación, haz clic en la pestaña «Acceso ».
4. En la sección «Permisos», haz clic en «Editar permisos».
5. Haz clic para desplegar la sección «Elegir permisos ».
6. Haz clic en «Funciones de IA».
7. Activa el conector de HubSpot para Lovable .
8. En la parte superior derecha, haga clic en Guardar.

Una vez concedido el permiso, aprueba a los usuarios que puedan instalar el conector.

2. Autorizar a los usuarios a instalar el conector de HubSpot para Lovable

Un superadministrador debe autorizar el acceso de los usuarios para que puedan instalar el conector de HubSpot para Lovable.

1. En tu cuenta de HubSpot, haz clic en el icono de Configuración en la barra de navegación superior.
2. En el menú de la barra lateral izquierda, navega a Integraciones > Aplicaciones conectadas.
3. Haga clic en la pestaña Aplicaciones aprobadas .
4. Haga clic en Aprobar aplicaciones.

5. Busca y selecciona el conector de HubSpot para Lovable.
6. En el banner Gestionar acceso , haga clic en Aprobar. 

7. En el cuadro de diálogo, selecciona quién puede instalar la aplicación y revisa los permisos, los datos y las API a los que puede acceder el conector.
8. Haga clic en Aprobar aplicación.

Obtén más información sobre cómo autorizar el acceso a las aplicaciones para tu equipo.

3. Activa los permisos opcionales para el conector de HubSpot para Lovable

Los superadministradores controlan qué permisos opcionales están disponibles en el conector de HubSpot para Lovable, estableciendo el límite máximo de permisos para todos los creadores de aplicaciones. Aunque se active un permiso opcional, el desarrollador de una aplicación solo tendrá acceso si sus propios permisos de HubSpot se lo permiten.

1. En tu cuenta de HubSpot, haz clic en el icono de Configuración en la barra de navegación superior.
2. En el menú de la barra lateral izquierda, navega a Integraciones > Aplicaciones conectadas.
3. Haga clic en la pestaña Aplicaciones aprobadas .
4. En el conector de HubSpot para Lovable, haz clic en «Gestionar acceso» , situado a la derecha.
5. En el panel de la derecha, haz clic en la pestaña «Permisos de datos ».
6. En la sección «Opcional» , activa algunos o todos los permisos opcionales .
7. Clic en Guardar cambios.

4. Activa el conector de HubSpot en tu espacio de trabajo de Lovable

Un administrador de Lovable debe activar el conector de HubSpot en Lovable para que los usuarios autorizados puedan conectar HubSpot a Lovable.

1. En Lovable, en el menú lateral izquierdo, ve a «Conectores».
2. Busque y seleccione HubSpot.
3. En la sección «Funciones» , haz clic en «Habilitar» tanto para el conector de chat como para el conector de usuarios de la aplicación.

Una vez activado el conector, los usuarios que dispongan de los permisos necesarios de HubSpot y del acceso a la instalación podrán conectar HubSpot a Lovable.

Configura el conector de HubSpot para Lovable

Una vez que un superadministrador haya concedido los permisos necesarios de HubSpot y el acceso al conector, y un administrador de Lovable haya activado el conector, los usuarios podrán conectar HubSpot a Lovable y empezar a crear aplicaciones.

1. Ve a https://lovable.dev/ y inicia sesión en tu cuenta de Lovable.
2. En el menú lateral izquierdo, haz clic en «Conectores».
3. Selecciona HubSpot.
4. Haz clic en el menú desplegable «+ Añadir conexión » y selecciona «Chat Connector».

5. Haz clic en Conectar.

6. Selecciona la cuenta de HubSpot que un superadministrador te haya autorizado para que puedas acceder al conector.
7. Revisa los datos y las herramientas a los que puede acceder el conector en tu cuenta de HubSpot. Los permisos opcionales definen los permisos máximos de los que disponen las aplicaciones que se crean con el conector en Lovable, aunque no todos se utilizan automáticamente. Un permiso opcional solo se utiliza cuando la aplicación que estás desarrollando lo requiere específicamente. Para evitar tener que volver a configurar los permisos más adelante, se recomienda que selecciones todos los permisos opcionales disponibles. Si seleccionas solo algunos permisos opcionales, esto puede limitar las aplicaciones y las funcionalidades que puedes crear en Lovable. 

8. Lee las condiciones y la política de privacidad. A continuación, marca la casilla de verificación para aceptar los términos y condiciones de la integración.
9. Haz clic en Conectar una aplicación.

Una vez que hayas conectado HubSpot a Lovable, podrás utilizar el conector para crear una aplicación en Lovable que utilice los datos de HubSpot.

Si durante el proceso de instalación aparece el error «No tienes los permisos necesarios para instalar el conector de HubSpot para Lovable» , pide a un superadministrador que te conceda el permiso para el conector de HubSpot para Lovable en HubSpot.

Si te aparece el error «No tienes permiso para instalar esta aplicación», pide a un superadministrador que apruebe tu acceso para instalar el conector.

Una vez instalado el conector, elige cómo quiere Lovable solicitar la autorización para las llamadas a herramientas. Puedes exigir autorización para todas las llamadas a herramientas, exigir autorización solo para llamadas a herramientas concretas o permitir siempre las llamadas a herramientas. La opción «Permitir siempre» puede agilizar el chat y ayudarte a obtener resultados más rápidamente, pero permite que Lovable realice llamadas a herramientas sin necesidad de una aprobación adicional, lo que reduce tu visibilidad y control sobre la actividad del conector.

Utiliza el conector de HubSpot para Lovable

Una vez que hayas conectado HubSpot a Lovable, utiliza un lenguaje natural para describir la aplicación o la interfaz de usuario que quieres que Lovable cree:

1. En Lovable, introduce un prompt en el que describas la aplicación o la interfaz de usuario que quieres crear y menciona a HubSpot con @. A continuación, introduce Intro.

2. Selecciona quién puede acceder a la aplicación una vez que la hayas publicado:

• • Dentro de mi espacio de trabajo: solo los usuarios que hayan iniciado sesión en tu espacio de trabajo de Lovable pueden acceder a la aplicación publicada.
  • Públicamente para usuarios externos: cualquier persona que disponga de la URL de la aplicación puede acceder a la aplicación publicada.

3. Haz clic en Siguiente. El público seleccionado se aplicará una vez que publiques la aplicación.

4. En la sección de la aplicación «HubSpot Provisioning» , revisa los permisos necesarios de la aplicación en HubSpot. A continuación, haz clic en «Permitir».

5. Lovable comenzará a generar una vista previa de tu aplicación. La vista previa suele tardar unos minutos en aparecer.
6. En la vista previa de la aplicación, haz clic en «Conectar HubSpot».

7. En el cuadro de diálogo, selecciona tu cuenta de HubSpot.
8. Revisa los datos de HubSpot a los que puede acceder tu aplicación desarrollada con Lovable.
9. Marca la casilla de verificación y, a continuación, haz clic en «Conectar aplicación».
10. Tus datos de HubSpot aparecerán en la vista previa de la aplicación.

La aplicación solo mostrará los datos de HubSpot a los que tengas autorización para acceder según tus permisos de usuario de HubSpot. Por ejemplo, si solo puedes ver los negocios que te corresponden, una aplicación de Lovable que muestre los negocios de HubSpot solo mostrará los negocios que te corresponden.

Comparte una aplicación de Lovable con otros usuarios

Una vez que hayas creado tu aplicación en Lovable, compártela con otros usuarios de tu espacio de trabajo.

1. En la parte superior derecha, haz clic en Publicar.

2. Selecciona quién puede ver tu aplicación: todo tu espacio de trabajo o usuarios concretos.

3. Para editar el prefijo del dominio de la aplicación, haz clic en el icono del lápiz situado junto al dominio. O bien, haz clic en + Añadir dominio para utilizar un dominio personalizado. 

4. Haz clic en Publicar.
5. Una vez publicada la aplicación, haz clic en «Copiar enlace»para copiar la URL de la aplicación y compartirla con los compañeros de tu espacio de trabajo que vayan a utilizarla.

1. Abre la URL de la aplicación Lovable.
2. Haz clic en «Conectar con HubSpot».
3. Cuando se te solicite la autorización, haz clic en «Solicitar instalación». Se enviará una solicitud al superadministrador de HubSpot.

4. Una vez que el administrador haya aprobado la solicitud, sigue los pasos para conectar la aplicación.

Plantillas de Remix Lovable

Utiliza una plantilla ya preparada como punto de partida y, a continuación, adapta el proyecto modificado a las necesidades de tu equipo.

Antes de modificar una plantilla, configura el conector de HubSpot para Lovable y activa la opción «Conector de usuarios de la aplicación » para tu espacio de trabajo.

1. Accede a una de las siguientes plantillas «Lovable» prediseñadas de HubSpot:
   • Pipeline Pulse: muestra el valor de los negocios, sugerencias de seguimiento y la probabilidad de cerrar para ayudarte a identificar y priorizar las oportunidades de ingresos.
   • Campaign Compass: realiza un seguimiento del rendimiento de las campañas y los correos electrónicos a lo largo del tiempo, incluida su influencia en las reuniones programadas y los ingresos cerrados.
   • Optimal Ops: muestra los datos de los tickets de HubSpot, incluyendo el número de tickets abiertos y resueltos, los tiempos de resolución, la antigüedad de los tickets pendientes y los problemas que requieren atención.
2. Inicia sesión en tu espacio de trabajo de Lovable.
3. Una vez que se haya cargado la plantilla, haz clic en «Remix» en la esquina superior derecha.
4. Introduce un nombre para el proyecto. Si tienes acceso a varios espacios de trabajo, selecciona aquel en el que quieras crear el proyecto. A continuación, da tu consentimiento para remezclar la plantilla.

5. Sigue las instrucciones del proyecto remezclado:

• • Copia el prompt de solicitud de autenticación del usuario.
  • Pega el prompt en la ventana de chat del agente de Lovable.
  • Selecciona la opción para activar el inicio de sesión en HubSpot para usuarios individuales.

6. Haz clic en «Conectar HubSpot».
7. Sigue los prompts de autenticación para conectar HubSpot e importar tus datos de HubSpot a la aplicación.
8. Personaliza la aplicación según tus necesidades.