BêtaCréer des applications avec le connecteur HubSpot pour Lovable

Remarque : les informations contenues dans cet article sont confidentielles et sont destinées uniquement aux participants à la version bêta privée du programme HubSpot Connector for Loveble . Veuillez ne pas partager publiquement les informations qui y sont présentées.

Utilisez le connecteur HubSpot pour Lovable afin de créer des applications et des interfaces utilisateur personnalisées avec les données HubSpot. Une fois qu’un administrateur a configuré les accès, les utilisateurs peuvent connecter HubSpot à Lovable, décrire une application en utilisant un langage naturel et partager l’application avec d’autres utilisateurs.

L’accès aux données HubSpot de chaque utilisateur est basé sur ses autorisations utilisateur HubSpot existantes. Lorsqu’un utilisateur crée ou accède à une application Loveable, il ne peut accéder qu’aux données HubSpot auxquelles il a l’autorisation d’accéder dans HubSpot. Les administrateurs contrôlent qui peut créer des applications Lovable et qui peut accéder au connecteur HubSpot pour Lovable.

Avant de commencer

Avant que les utilisateurs puissent créer des applications dans Lovable à l’aide des données HubSpot, vérifiez les éléments suivants :

• Super administrateurs : accordez aux utilisateurs le connecteur HubSpot pour l’autorisation Lovable dans HubSpot et approuvez les utilisateurs pouvant installer le connecteur et les applications conçues par Lovable.
• Administrateurs adorables : activez le connecteur HubSpot dans l’espace de travail Adorable.
• Les utilisateurs qui créent des applications : connectez-vous à leur compte HubSpot à Lovable, créez l’application et partagez-la avec d’autres utilisateurs.
• Utilisateurs qui accèdent aux applications : ils accèdent à des applications conçues par Aimable, mais ils ne créent pas les applications eux-mêmes.
• Les données HubSpot sont limitées à l’utilisateur individuel. La création ou l’accès à une application ne donne pas à un utilisateur un accès aux données HubSpot au-delà de ses autorisations HubSpot existantes.
• Lorsque vous connectez HubSpot à Lovable, il est recommandé de sélectionner toutes les autorisations facultatives disponibles. Les autorisations facultatives que vous sélectionnez définissent les autorisations HubSpot maximales disponibles pour les applications que vous créez avec le connecteur. Sélectionner seulement quelques autorisations facultatives peut limiter les applications et les fonctionnalités que vous pouvez créer dans Lovable.

Configuration de l’accès pour les utilisateurs (Administrateur requis)

Terminez les étapes suivantes avant que les utilisateurs puissent commencer à utiliser le connecteur HubSpot pour Lovable.

1. Autorisez les utilisateurs à créer des applications dans Lovable

Un super administrateur doit d’abord accorder l’autorisation au connecteur HubSpot pour Lovable aux utilisateurs qui créeront des applications Adorable.

1. Dans votre compte HubSpot, cliquez sur l'icône Paramètres dans la barre de navigation principale.
2. Dans le menu latéral de gauche, accédez à Utilisateurs et équipes.
3. Dans le tableau des utilisateurs, cliquez sur une fiche d’informations utilisateur, puis cliquez sur l’onglet Accès .
4. Cliquez sur Modifier les autorisations sous Autorisations.
5. Cliquez pour développer la section Choisir des autorisations .
6. Cliquez sur Fonctionnalités d’IA.
7. Activez le connecteur HubSpot pour l’option .
8. Dans le coin supérieur droit, cliquez sur Enregistrer.

Après avoir accordé l’autorisation, approuvez les utilisateurs qui peuvent installer le connecteur.

2. Autoriser les utilisateurs à installer le connecteur HubSpot pour Lovable

Un super administrateur doit approuver l’accès des utilisateurs à l’installation du connecteur HubSpot pour Lovable.

1. Dans votre compte HubSpot, cliquez sur l'icône Paramètres dans la barre de navigation principale.
2. Dans le menu latéral de gauche, accédez à Intégrations > Applications connectées.
3. Cliquez sur l’onglet Applications approuvées .
4. Cliquez sur Approuver les applications.

5. Recherchez et sélectionnez le connecteur HubSpot pour Lovable.
6. Dans la bannière Gérer l’accès , cliquez sur Approuver. 

7. Dans la boîte de dialogue, sélectionnez qui peut installer l’application et vérifiez les autorisations, les données et les API auxquelles le connecteur peut accéder.
8. Cliquez sur Approuver.

Découvrez-en davantage sur l’approbation de l’accès aux applications pour votre équipe.

3. Activer les autorisations facultatives pour le connecteur HubSpot pour Lovable

Les super administrateurs contrôlent les autorisations facultatives disponibles dans le connecteur HubSpot pour Lovable, en définissant le plafond d’autorisations pour tous les développeurs d’applications. Même si une autorisation facultative est activée, un créateur d’applications n’y a accès que si ses propres autorisations HubSpot le permettent.

1. Dans votre compte HubSpot, cliquez sur l'icône Paramètres dans la barre de navigation principale.
2. Dans le menu latéral de gauche, accédez à Intégrations > Applications connectées.
3. Cliquez sur l’onglet Applications approuvées .
4. Pour le connecteur HubSpot pour Lovable, cliquez sur Gérer l’accès à droite.
5. Dans le panneau de droite, cliquez sur l’onglet Autorisations de données .
6. Dans la section Facultatif , activez certaines ou toutes les autorisations facultatives .
7. Cliquez sur Enregistrer les modifications.

4. Activez le connecteur HubSpot dans votre espace de travail Lovable

Un administrateur Lovable doit activer le connecteur HubSpot dans Lovable avant que les utilisateurs approuvés puissent connecter HubSpot à Lovable.

1. Dans Adorable, dans le menu latéral de gauche, accédez à Connecteurs.
2. Recherchez et sélectionnez HubSpot.
3. Dans la section Fonctionnalités , cliquez sur Activer pour le connecteur de chat et le connecteur d’utilisateur d’application.

Une fois le connecteur activé, les utilisateurs disposant des autorisations HubSpot requises et de l’accès à l’installation peuvent connecter HubSpot à Lovable.

Configurer le connecteur HubSpot pour Lovable

Une fois qu’un super administrateur a accordé l’autorisation et l’accès au connecteur requis à HubSpot, et qu’un administrateur adorable a activé le connecteur, les utilisateurs peuvent connecter HubSpot à Adorable et commencer à créer des applications.

1. Accédez à https://lovable.dev/ et connectez-vous à votre compte Lovable.
2. Dans le menu latéral de gauche, cliquez sur Connecteurs.
3. Sélectionnez HubSpot.
4. Cliquez sur le menu déroulant + Ajouter une connexion et sélectionnez Connecteur de chat.

5. Cliquez sur Connecter.

6. Sélectionnez le compte HubSpot qu’un super administrateur a approuvé pour que vous puissiez accéder au connecteur.
7. Vérifiez les données et les outils auxquels le connecteur peut accéder dans votre compte HubSpot. Les autorisations facultatives définissent les autorisations maximales disponibles pour les applications que vous créez avec le connecteur dans Lovable, mais qui ne sont pas toutes utilisées automatiquement. Une autorisation facultative n’est utilisée que lorsque l’application que vous créez l’exige spécifiquement. Pour éviter de reconfigurer les autorisations plus tard, il est recommandé de sélectionner toutes les autorisations facultatives disponibles. Sélectionner seulement quelques autorisations facultatives peut limiter les applications et les fonctionnalités que vous pouvez créer dans Lovable. 

8. Consultez les conditions générales et la politique de confidentialité. Cochez ensuite la case pour accepter les conditions générales d’utilisation de l’intégration.
9. Cliquez sur Connecter l'application.

Après avoir connecté HubSpot à Lovable, vous pouvez utiliser le connecteur pour créer une application dans Lovable qui utilise les données HubSpot.

Si vous rencontrez l’erreur Vous ne disposez pas des autorisations appropriées pour installer le connecteur HubSpot pour Lovable pendant le processus d’installation , demandez à un super administrateur de vous accorder l’autorisation du connecteur HubSpot pour Adorable dans HubSpot.

Si vous rencontrez l’erreur Vous n’avez pas l’accès à l’installation de cette application, demandez à un super administrateur d’approuver votre accès pour installer le connecteur.

Après avoir installé le connecteur, choisissez comment Lovable demande l’approbation pour les appels d’outil. Vous pouvez exiger une approbation pour tous les appels d’outils, exiger une approbation uniquement pour des appels d’outils spécifiques ou toujours autoriser les appels d’outils. L’option Toujours autoriser peut rationaliser le chat et vous aider à obtenir des résultats plus rapidement, mais permet à Lovable de passer des appels d’outils sans autre approbation, vous donnant une visibilité et un contrôle réduits sur l’activité du connecteur.

Utiliser le connecteur HubSpot pour Lovable

Après avoir connecté HubSpot à Lovable, utilisez un langage naturel pour décrire l’application ou l’interface utilisateur que vous souhaitez que Lovable crée :

1. Dans Adorable, saisissez un prompt décrivant l’application ou l’interface utilisateur que vous souhaitez créer et @mention HubSpot dans votre prompt. Appuyez ensuite sur Entrée.

2. Sélectionnez qui peut accéder à l’application après l’avoir publiée :

• • En interne à mon espace de travail : seuls les utilisateurs connectés dans votre espace de travail Adorable peuvent accéder à l’application publiée.
  • Publiquement pour les utilisateurs externes : toute personne disposant de l’URL de l’application peut accéder à l’application publiée.

3. Cliquez sur Suivant. L’audience sélectionnée sera appliquée une fois que vous publierez l’application.

4. Dans la section Provisionnement de l’application HubSpot , passez en revue les autorisations requises de l’application dans HubSpot. Cliquez ensuite sur Autoriser.

5. Adorable commencera à générer un aperçu de votre application. L’aperçu prend généralement quelques minutes pour apparaître.
6. Dans l’aperçu de l’application, cliquez sur Connecter HubSpot.

7. Dans la boîte de dialogue, sélectionnez votre compte HubSpot.
8. Analysez les données HubSpot auxquelles votre application conçue par Loable a accès.
9. Sélectionnez la case à cocher, puis cliquez sur Connecter l’application.
10. Vos données HubSpot apparaîtront dans l’aperçu de l’application.

L’application affichera uniquement les données HubSpot auxquelles vous êtes autorisé à accéder en fonction de vos autorisations d’utilisateur HubSpot. Par exemple, si vous pouvez uniquement afficher les transactions que vous possédez, une application Adorable qui affiche des offres HubSpot n’affichera que les offres que vous possédez.

Partagez une application adorable avec d’autres utilisateurs

Une fois que vous avez créé votre application dans Lovable, partagez-la avec d’autres utilisateurs de votre espace de travail.

1. Dans l'angle supérieur droit, cliquez sur Publier.

2. Sélectionnez qui peut afficher votre application : l’ensemble de votre espace de travail ou des utilisateurs spécifiques.

3. Pour modifier le préfixe de domaine de l’application, cliquez sur l’icône Crayon à côté du domaine. Ou cliquez sur + Ajouter un domaine pour utiliser un domaine personnalisé. 

4. Cliquez sur Publier.
5. Une fois l’application publiée, cliquez sur Copier le lien pour copier l’URL de l’application et la partager avec les collègues de votre espace de travail qui utiliseront l’application.

1. Ouvrez l’URL de l’application Adorable.
2. Cliquez sur Se connecter à HubSpot.
3. Lorsque vous êtes invité à approuver, cliquez sur Demander l’installation. Une demande sera envoyée au super administrateur dans HubSpot.

4. Une fois la demande approuvée par l’administrateur, terminez les étapes de connexion à l’application.

Réutilisation de modèles adorables

Utilisez un modèle prédéfini comme point de départ, puis personnalisez le projet remixé en fonction des besoins de votre équipe.

Avant de réutiliser un modèle, configurez le connecteur HubSpot pour Lovable et activez l’option Connecteur d’utilisateur d’application pour votre espace de travail.

1. Accédez à l’un des modèles prédéfinis Adorable de HubSpot suivants :
   • Pipeline Pulse : affiche la valeur de la transaction, les suggestions de suivi et la probabilité de conclusion pour vous aider à identifier et à hiérarchiser les opportunités de revenus.
   • Boussole des campagnes : suit les performances des campagnes et des e-mails au fil du temps, y compris leur influence sur les réunions planifiées et les revenus fermés.
   • Optimisation des opérations : affiche les données des tickets HubSpot, y compris le nombre de tickets ouverts et résolus, les délais de résolution, l’ancienneté de l’arriéré et les problèmes qui nécessitent une attention particulière.
2. Connectez-vous à votre espace de travail Lovable.
3. Une fois le modèle chargé, cliquez sur Réutiliser dans l’angle supérieur droit.
4. Saisissez un nom pour le projet. Si vous avez accès à plusieurs espaces de travail, sélectionnez l’espace de travail dans lequel vous souhaitez créer le projet. Ensuite, autorisez la réutilisation du modèle.

5. Suivez les instructions dans le projet remixé :

• • Copiez le prompt d’authentification de l’utilisateur.
  • Collez le prompt dans la fenêtre de discussion de l’agent Adorable.
  • Sélectionnez l’option permettant d’activer la connexion HubSpot pour les utilisateurs individuels.

6. Cliquez sur Connecter HubSpot.
7. Suivez les prompts d’authentification pour connecter HubSpot et charger vos données HubSpot dans l’application.
8. Personnalisez l’application autant que nécessaire.