BètaMaak apps met de HubSpot-connector voor Lovable

Let op: de informatie in dit artikel is vertrouwelijk en uitsluitend bedoeld voor deelnemers aan de besloten bètaversie van de HubSpot-connector voor Lovable. Deel de hier beschreven informatie alstublieft niet openbaar.

Gebruik de HubSpot-connector voor Lovable om aangepaste apps en gebruikersinterfaces te bouwen met HubSpot-gegevens. Nadat een beheerder de toegang heeft geconfigureerd, kunnen gebruikers HubSpot koppelen aan Lovable, een app beschrijven in natuurlijke taal en de app delen met andere gebruikers.

De toegang tot HubSpot-gegevens van elke gebruiker is gebaseerd op zijn of haar bestaande HubSpot-gebruikersrechten. Wanneer een gebruiker een Lovable-app bouwt of opent, heeft hij of zij alleen toegang tot HubSpot-gegevens waarvoor hij of zij in HubSpot toestemming heeft. Beheerders bepalen wie Lovable-apps mag bouwen en wie toegang heeft tot de HubSpot-connector voor Lovable.

Voordat u aan de slag gaat

Voordat gebruikers apps in Lovable kunnen bouwen met behulp van HubSpot-gegevens, dient u het volgende te controleren:

• Superbeheerders: verleen gebruikers in HubSpot de machtiging voor de HubSpot-connector voor Lovable en keur goed welke gebruikers de connector en in Lovable gebouwde apps mogen installeren.
• Lovable-beheerders: schakel de HubSpot-connector in de Lovable-werkruimte in.
• Gebruikers die apps bouwen: koppelen hun HubSpot-account aan Lovable, bouwen de app en delen deze met andere gebruikers.
• Gebruikers die apps openen: openen apps die in Lovable zijn gebouwd, maar bouwen de apps niet zelf.
• HubSpot-gegevens zijn beperkt tot de individuele gebruiker. Het bouwen van of toegang krijgen tot een app geeft een gebruiker geen toegang tot HubSpot-gegevens buiten zijn of haar bestaande HubSpot-toegangsrechten.
• Wanneer je HubSpot koppelt aan Lovable, wordt aanbevolen om alle beschikbare optionele machtigingen te selecteren. De optionele machtigingen die je selecteert, bepalen de maximale HubSpot-machtigingen die beschikbaar zijn voor apps die je met de connector bouwt. Als je slechts enkele optionele machtigingen selecteert, kan dit de apps en functionaliteit beperken die je in Lovable kunt bouwen.

Toegang voor gebruikers instellen (beheerder vereist)

Voer de volgende stappen uit voordat gebruikers de HubSpot-connector voor Lovable kunnen gaan gebruiken.

1. Geef gebruikers toestemming om apps te bouwen in Lovable

Een superbeheerder moet eerst de HubSpot-connector voor Lovable-toestemming verlenen aan gebruikers die Lovable-apps gaan bouwen.

1. Klik in je HubSpot-account op het instellingen-pictogram in de bovenste navigatiebalk.
2. Ga in het menu aan de linkerkant naar ‘Gebruikers en teams’.
3. Klik in de gebruikerstabel op een gebruikersrecord en klik vervolgens op het tabblad Toegang.
4. Klik onder ‘Toegangsrechten’ op ‘Toegangsrechten bewerken’.
5. Klik om het gedeelte ‘Rechten kiezen ’ uit te vouwen.
6. Klik op 'AI-functies'.
7. Zet de schakelaar 'HubSpot-connector voor Lovable' aan.
8. Klik rechtsboven op 'Opslaan'.

Nadat je de machtiging hebt verleend, moet je de gebruikers goedkeuren die de connector mogen installeren.

2. Gebruikers goedkeuren om

de HubSpot-connector voor Lovable te installeren

Een superbeheerder moet de toegang goedkeuren zodat gebruikers de HubSpot-connector voor Lovable kunnen installeren.

1. Klik in je HubSpot-account op het instellingen-pictogram in de bovenste navigatiebalk.
2. Ga in het menu aan de linkerkant naar Integraties > Gekoppelde apps.
3. Klik op het tabblad Goedgekeurde apps.
4. Klik op ‘Apps goedkeuren’.

5. Zoek de HubSpot-connector voor Lovable en selecteer deze.
6. Klik in de banner 'Toegang beheren ' op 'Goedkeuren'. 

7. Selecteer in het dialoogvenster wie de app mag installeren en bekijk de machtigingen, gegevens en API's waartoe de connector toegang heeft.
8. Klik op 'App goedkeuren'.

Lees meer over het goedkeuren van toegang tot apps voor je team.

3. Schakel optionele machtigingen in voor de HubSpot-connector voor Lovable

Superbeheerders bepalen welke optionele machtigingen beschikbaar zijn in de HubSpot-connector voor Lovable en stellen het machtigingsplafond in voor alle app-ontwikkelaars. Zelfs als een optionele machtiging is ingeschakeld, heeft een app-ontwikkelaar alleen toegang als zijn of haar eigen HubSpot-machtigingen dit toestaan.

1. Klik in je HubSpot-account op het instellingen-pictogram in de bovenste navigatiebalk.
2. Ga in het menu aan de linkerkant naar Integraties > Gekoppelde apps.
3. Klik op het tabblad Goedgekeurde apps.
4. Klik voor de HubSpot-connector voor Lovable rechts op Toegang beheren.
5. Klik in het rechterpaneel op het tabblad Gegevensmachtigingen.
6. Schakel in het gedeelte 'Optioneel' enkele of alle optionele machtigingen in.
7. Klik op Wijzigingen opslaan.

4. Schakel de HubSpot-connector in je Lovable-werkruimte

in Een Lovable-beheerder moet de HubSpot-connector in Lovable inschakelen voordat goedgekeurde gebruikers HubSpot aan Lovable kunnen koppelen.

1. Ga in Lovable in het menu aan de linkerkant naar 'Connectors'.
2. Zoek naar HubSpot en selecteer deze.
3. Klik in het gedeelte 'Functies' op 'Inschakelen' voor zowel de 'Chat'-connector als de 'App-gebruikers'-connector.

Nadat de connector is ingeschakeld, kunnen gebruikers met de vereiste HubSpot-machtigingen en installatietoegang HubSpot aan Lovable koppelen.

De HubSpot-connector voor Lovable instellen

Nadat een superbeheerder de vereiste HubSpot-machtiging en connectortoegang heeft verleend en een Lovable-beheerder de connector heeft ingeschakeld, kunnen gebruikers HubSpot aan Lovable koppelen en beginnen met het bouwen van apps.

1. Ga naar https://lovable.dev/ en log in op je Lovable-account.
2. Klik in het menu aan de linkerkant op ‘Connectors’.
3. Selecteer HubSpot.
4. Klik op het vervolgkeuzemenu ‘+ Verbinding toevoegen ’ en selecteer ‘Chat-connector’.

5. Klik op 'Verbinden'.

6. Selecteer het HubSpot-account waarvoor een superbeheerder je toegang tot de connector heeft goedgekeurd.
7. Bekijk welke gegevens en tools de connector in je HubSpot-account kan gebruiken. Optionele machtigingen bepalen de maximale machtigingen die beschikbaar zijn voor apps die je met de connector in Lovable bouwt, maar deze worden niet allemaal automatisch gebruikt. Een optionele machtiging wordt alleen gebruikt als de app die je bouwt deze specifiek nodig heeft. Om te voorkomen dat je later machtigingen opnieuw moet configureren, raden we je aan alle beschikbare optionele machtigingen te selecteren. Als je slechts enkele optionele machtigingen selecteert, kan dit de apps en functionaliteit beperken die je in Lovable kunt bouwen. 

8. Bekijk de voorwaarden en het privacybeleid. Vink vervolgens het selectievakje aan om akkoord te gaan met de algemene voorwaarden van de integratie.
9. Klik op App verbinden.

Nadat je HubSpot aan Lovable hebt gekoppeld, kun je de connector gebruiken om in Lovable een app te bouwen die gebruikmaakt van HubSpot-gegevens.

Als je tijdens het installatieproces de foutmelding ‘Je hebt niet de juiste machtigingen om de HubSpot-connector voor Lovable te installeren’ krijgt, vraag dan een superbeheerder om je in HubSpot de machtiging ‘HubSpot-connector voor Lovable’ te verlenen.

Als je de foutmelding ‘Je hebt geen installatietoegang voor deze app’ krijgt, vraag dan een superbeheerder om je toegang goed te keuren zodat je de connector kunt installeren.

Kies na het installeren van de connector hoe Lovable goedkeuring vraagt voor toolaanroepen. Je kunt goedkeuring vereisen voor alle toolaanroepen, alleen voor specifieke toolaanroepen, of toolaanroepen altijd toestaan. De optie ‘Altijd toestaan’ kan de chat stroomlijnen en je helpen sneller resultaten te behalen, maar stelt Lovable in staat om toolaanroepen te doen zonder verdere goedkeuring, waardoor je minder inzicht en controle hebt over de activiteiten van de connector.

Gebruik de HubSpot-connector voor Lovable

Nadat je HubSpot aan Lovable hebt gekoppeld, gebruik je natuurlijke taal om de app of gebruikersinterface te beschrijven die je door Lovable wilt laten bouwen:

1. Voer in Lovable een prompt in waarin je de app of gebruikersinterface beschrijft die je wilt bouwen en @vermeld HubSpot in je prompt. Druk vervolgens op Enter.

2. Selecteer wie toegang heeft tot de app nadat u deze hebt gepubliceerd:

• • Intern in mijn werkruimte: alleen aangemelde gebruikers in je Lovable-werkruimte hebben toegang tot de gepubliceerde app.
  • Openbaar voor externe gebruikers: iedereen met de URL van de app heeft toegang tot de gepubliceerde app.

3. Klik op Volgende. De geselecteerde doelgroep wordt toegepast zodra u de app publiceert.

4. Controleer in het gedeelte ‘HubSpot-app configureren ’ de vereiste machtigingen voor de app in HubSpot. Klik vervolgens op ‘Toestaan’.

5. Lovable begint met het genereren van een voorbeeld van je app. Het duurt meestal een paar minuten voordat het voorbeeld verschijnt.
6. Klik in het voorbeeld van de app op 'HubSpot koppelen'.

7. Selecteer in het dialoogvenster je HubSpot-account.
8. Controleer de HubSpot-gegevens waartoe je door Lovable gebouwde app toegang heeft.
9. Vink het selectievakje aan en klik vervolgens op 'App verbinden'.
10. Je HubSpot-gegevens verschijnen in het app-voorbeeld.

De app toont alleen HubSpot-gegevens waarvoor je toegang hebt op basis van je HubSpot-gebruikersrechten. Als je bijvoorbeeld alleen deals kunt bekijken die van jou zijn, zal een Lovable-app die HubSpot-deals weergeeft alleen de deals tonen die van jou zijn.

Deel een Lovable-app met andere gebruikers

Zodra je je app in Lovable hebt gebouwd, deel je deze met andere gebruikers in je werkruimte.

1. Klik rechtsboven op ‘Publiceren’.

2. Selecteer wie je app kan bekijken: je hele werkruimte of specifieke gebruikers.

3. Om het domeinvoorvoegsel van de app te bewerken, klik je op het potloodpictogram naast het domein. Of klik op + Domein toevoegen om een aangepast domein te gebruiken. 

4. Klik op ‘Publiceren’.
5. Nadat de app is gepubliceerd, klik je op ‘Link kopiëren’om de URL van de app te kopiëren en deze te delen met collega’s in je werkruimte die de app gaan gebruiken.

1. Open de URL voor de Lovable-app.
2. Klik op 'Verbinden met HubSpot'.
3. Wanneer om goedkeuring wordt gevraagd, klik je op ‘Installatie aanvragen’. Er wordt een verzoek verzonden naar de superbeheerder in HubSpot.

4. Nadat de beheerder het verzoek heeft goedgekeurd, voltooit u de stappen voor het koppelen van de app.

Lovable-sjablonen aanpassen

Gebruik een kant-en-klaar sjabloon als uitgangspunt en pas het aangepaste project vervolgens aan de behoeften van je team aan.

Voordat je een sjabloon aanpast, moet je de HubSpot-connector voor Lovable instellen en de optie 'App User Connector' voor je werkruimte inschakelen.

1. Ga naar een van de volgende vooraf opgebouwde Lovable-sjablonen van HubSpot:
   • Pipeline Pulse: toont de dealwaarde, suggesties voor opvolging en de kans op afsluiting om je te helpen om omzetkansen te identificeren en te prioriteren.
   • Campaign Compass: houdt de prestaties van campagnes en e-mails in de loop van de tijd bij, inclusief hun invloed op geplande afspraken en gerealiseerde omzet.
   • Optimal Ops: toont HubSpot-ticketgegevens, waaronder het aantal openstaande en opgeloste tickets, de afhandelingstijden, de ouderdom van de achterstand en problemen die aandacht vereisen.
2. Log in op je Lovable-werkruimte.
3. Zodra de sjabloon is geladen, klik je rechtsboven op ‘Remix ’.
4. Voer een naam in voor het project. Als je toegang hebt tot meerdere werkruimten, selecteer dan de werkruimte waarin je het project wilt aanmaken. Geef vervolgens toestemming om de sjabloon te bewerken.

5. Volg de instructies in het bewerkte project:

• • Kopieer de prompt voor gebruikersauthenticatie.
  • Plak de prompt in het chatvenster van de Lovable-agent.
  • Selecteer de optie om HubSpot-aanmelding voor individuele gebruikers in te schakelen.

6. Klik op 'HubSpot verbinden'.
7. Volg de authenticatie-instructies om HubSpot te koppelen en je HubSpot-gegevens in de app te laden.
8. Pas de app naar wens aan.