BetaErstellen Sie Apps mit dem HubSpot-Konnektor für Lovable

Bitte beachten: Die Informationen in diesem Artikel sind vertraulich und nur für Teilnehmer der privaten Beta-Version des HubSpot-Connectors für Lovable bestimmt. Bitte geben Sie keine der hier dargelegten Informationen öffentlich weiter.

Verwenden Sie den HubSpot-Connector für Lovable, um benutzerdefinierte Apps und Benutzeroberflächen mit HubSpot-Daten zu erstellen. Nachdem ein Administrator den Zugriff konfiguriert hat, können Benutzer HubSpot mit Lovable verknüpfen, eine App in natürlicher Sprache beschreiben und die App mit anderen Benutzern teilen.

Der HubSpot-Datenzugriff jedes Benutzers basiert auf seinen bestehenden HubSpot-Benutzerberechtigungen. Wenn ein Benutzer eine Lovable-App erstellt oder darauf zugreift, kann er nur auf HubSpot-Daten zugreifen, für die er in HubSpot eine Zugriffsberechtigung hat. Admins steuern, wer Lovable-Apps erstellen kann und wer auf den HubSpot-Connector für Lovable zugreifen kann.

Bevor Sie loslegen

Bevor Benutzer Apps in Lovable mithilfe von HubSpot-Daten erstellen können, sollten Sie Folgendes überprüfen:

• Super-Admins: Gewähren Sie Benutzern die Berechtigung "HubSpot Connector for Lovable " in HubSpot und legen Sie fest, welche Benutzer den Connector und die von Lovable erstellten Apps installieren können.
• Liebenswerte Admins: Aktivieren Sie den HubSpot-Connector im Arbeitsbereich "Liebenswert".
• Benutzer, die Apps erstellen: Verknüpfen Sie mit ihrem HubSpot-Account bei Lovable, erstellen Sie die App und teilen Sie sie mit anderen Benutzern.
• Benutzer, die auf Apps zugreifen: Greifen auf von Lovable erstellte Apps zu, erstellen die Apps jedoch nicht selbst.
• Der Bereich der HubSpot-Daten ist auf den einzelnen Benutzer zugeschnitten. Das Erstellen einer App oder der Zugriff auf eine App ermöglicht einem Benutzer keinen Zugriff auf HubSpot-Daten, der über seine bestehenden HubSpot-Berechtigungen hinausgeht.
• Wenn Sie HubSpot mit Lovable verknüpfen, sollten Sie alle verfügbaren optionalen Berechtigungen auswählen. Die optionalen Berechtigungen, die Sie auswählen, legen die maximalen HubSpot-Berechtigungen fest, die für Apps verfügbar sind, die Sie mit dem Connector erstellen. Wenn Sie nur einige optionale Berechtigungen auswählen, können die Apps und Funktionen, die Sie in Lovable erstellen können, eingeschränkt werden.

Zugriff für Benutzer einrichten (Administrator erforderlich)

Führen Sie die folgenden Schritte aus, bevor Benutzer den HubSpot-Connector für Lovable verwenden können.

1. Benutzern die Berechtigung erteilen, Apps in Lovable zu erstellen

Ein Super-Admin muss Benutzern, die Lovable-Apps erstellen sollen, zunächst die Berechtigung "HubSpot Connector for Lovable " erteilen.

1. Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das Zahnradsymbol, um die Einstellungen aufzurufen.
2. Gehen Sie im Menü der Seitenleiste links zu Benutzer & Teams.
3. Klicken Sie in der Benutzertabelle auf den Datensatz eines Benutzers und dann auf den Tab Zugriff .
4. Klicken Sie unter Berechtigungen auf Berechtigungen bearbeiten.
5. Klicken Sie auf den Abschnitt Berechtigungen auswählen , um ihn zu erweitern.
6. Klicken Sie auf KI-Funktionen.
7. Aktivieren Sie den HubSpot-Connector für Lovable .
8. Klicken Sie oben rechts auf Speichern.

Nachdem Sie die Berechtigung erteilt haben, genehmigen Sie die Benutzer, die den Connector installieren können.

2. Benutzern erlauben, den HubSpot-Connector für Lovable zu installieren

Ein Super-Admin muss den Zugriff auf Benutzer genehmigen, um den HubSpot-Connector für Lovable zu installieren.

1. Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das Zahnradsymbol, um die Einstellungen aufzurufen.
2. Gehen Sie in der linken Seitenleiste zu Integrationen > Verknüpfte Apps.
3. Klicken Sie auf die Registerkarte Genehmigte Apps .
4. Klicken Sie auf Apps genehmigen .

5. Suchen Sie nach dem HubSpot-Konnektor für Lovable und wählen Sie ihn aus.
6. Klicken Sie im Banner Zugriff verwalten auf Genehmigen. 

7. Wählen Sie im Dialogfeld aus, wer die App installieren darf, und überprüfen Sie die Berechtigungen, Daten und APIs, auf die der Connector zugreifen kann.
8. Klicken Sie auf App genehmigen.

Erfahren Sie mehr über das Genehmigen des Zugriffs auf Apps für Ihr Team.

3. Optionale Berechtigungen für den HubSpot-Konnektor für Lovable aktivieren

Super-Admins steuern, welche optionalen Berechtigungen im HubSpot-Connector für Lovable verfügbar sind, und legen die Berechtigungsobergrenze für alle App-Builder fest. Selbst wenn eine optionale Berechtigung aktiviert ist, hat ein App-Builder nur dann Zugriff, wenn seine eigenen HubSpot-Berechtigungen dies zulassen.

1. Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das Zahnradsymbol, um die Einstellungen aufzurufen.
2. Gehen Sie in der linken Seitenleiste zu Integrationen > Verknüpfte Apps.
3. Klicken Sie auf die Registerkarte Genehmigte Apps .
4. Klicken Sie für den HubSpot-Connector für Lovable rechts auf Zugriff verwalten .
5. Klicken Sie im rechten Bereich auf den Tab Datenberechtigungen .
6. Aktivieren Sie im Abschnitt Optional einige oder alle optionalen Berechtigungen .
7. Klicken Sie auf Änderungen speichern.

4. HubSpot-Connector in Ihrem Lovable-Arbeitsbereich aktivieren

Ein Lovable-Administrator muss den HubSpot-Konnektor in Lovable aktivieren, bevor genehmigte Benutzer HubSpot mit Lovable verknüpfen können.

1. Gehen Sie in Lovable im Menü der linken Seitenleiste zu Connectors.
2. Suchen Sie nach dem Eintrag HubSpot und wählen Sie ihn aus.
3. Klicken Sie im Abschnitt Funktionen auf Aktivieren sowohl für den Chat-Connector als auch für den App-Benutzer-Connector.

Nachdem der Konnektor aktiviert wurde, können Benutzer mit den erforderlichen HubSpot-Berechtigungen und Installationszugriff HubSpot mit Lovable verknüpfen.

HubSpot-Konnektor für Lovable einrichten

Nachdem ein Super-Admin die erforderlichen HubSpot-Berechtigungen und Konnektor-Zugriff erteilt hat und ein Lovable-Admin den Konnektor aktiviert hat, können Benutzer HubSpot mit Lovable verknüpfen und mit der Erstellung von Apps beginnen.

1. Gehen Sie zu https://lovable.dev/ und melden Sie sich bei Ihrem Lovable-Konto an.
2. Klicken Sie im Menü der Seitenleiste links auf Connectors.
3. Wählen Sie HubSpot aus.
4. Klicken Sie auf das Dropdown-Menü + Verknüpfung hinzufügen und wählen Sie Chat-Connector aus.

5. Klicken Sie auf Verknüpfen.

6. Wählen Sie den HubSpot-Account aus, den ein Super-Admin für den Zugriff auf den Connector genehmigt hat.
7. Überprüfen Sie die Daten und Tools, auf die der Connector in Ihrem HubSpot-Account zugreifen kann. Optionale Berechtigungen definieren die maximalen Berechtigungen, die für Apps verfügbar sind, die Sie mit dem Connector in Lovable erstellen, werden jedoch nicht alle automatisch verwendet. Eine optionale Berechtigung wird nur verwendet, wenn die App, die Sie erstellen, sie ausdrücklich erfordert. Um zu vermeiden, dass Sie die Berechtigungen später neu konfigurieren, wird empfohlen, alle verfügbaren optionalen Berechtigungen auszuwählen. Wenn Sie nur einige optionale Berechtigungen auswählen, können die Apps und Funktionen, die Sie in Lovable erstellen können, eingeschränkt werden. 

8. Lesen Sie die Bedingungen und die Datenschutzrichtlinie. Aktivieren Sie dann das Kontrollkästchen , um die Nutzungsbedingungen der Integration zu akzeptieren.
9. Klicken Sie auf „App verknüpfen“.

Nachdem Sie HubSpot mit Lovable verknüpft haben, können Sie den Connector verwenden, um eine App in Lovable zu erstellen, die HubSpot-Daten nutzt.

Wenn während des Installationsprozesses die Fehlermeldung "Sie verfügen nicht über die richtigen Berechtigungen zum Installieren des HubSpot-Connectors für Lovable " angezeigt wird, bitten Sie einen Super-Admin , Ihnen die Berechtigung " HubSpot-Connector für Lovable " in HubSpot zu erteilen.

Wenn die Fehlermeldung "Sie haben keinen Installationszugriff für diese App" angezeigt wird, bitten Sie einen Super-Admin , Ihren Zugriff auf die Installation des Connectors zu bestätigen.

Wählen Sie nach der Installation des Connectors aus, wie Lovable eine Genehmigung für Tool-Aufrufe anfordert. Sie können eine Genehmigung für alle Tool-Aufrufe verlangen, eine Genehmigung nur für bestimmte Tool-Aufrufe verlangen oder Tool-Aufrufe immer zulassen. Die Option "Immer zulassen " kann den Chat optimieren und Ihnen helfen, schneller Ergebnisse zu erzielen, ermöglicht es Lovable jedoch, Tool-Anrufe ohne weitere Genehmigung vorzunehmen, wodurch Sie weniger Einblick und Kontrolle über die Aktivitäten des Connectors haben.

Verwenden Sie den HubSpot-Connector für Lovable

Nachdem Sie HubSpot mit Lovable verknüpft haben, verwenden Sie natürliche Sprache, um die App oder Benutzeroberfläche zu beschreiben, die Lovable erstellen soll:

1. Geben Sie unter Lovable einen Prompt ein, der die App oder Benutzeroberfläche beschreibt, die Sie erstellen möchten, und HubSpot in Ihrem Prompt @mention. Drücken Sie dann die Eingabetaste.

2. Wählen Sie aus, wer auf die App zugreifen kann, nachdem Sie sie veröffentlicht haben:

• • Intern in meinem Workspace: Nur angemeldete Benutzer in Ihrem Lovable-Arbeitsbereich können auf die veröffentlichte App zugreifen.
  • Öffentlich für externe Benutzer: Jeder mit der App-URL kann auf die veröffentlichte App zugreifen.

3. Klicken Sie auf „Weiter“. Die ausgewählte Zielgruppe wird angewendet, sobald Sie die App veröffentlichen.

4. Überprüfen Sie im Abschnitt Bereitstellung der HubSpot-App die erforderlichen Berechtigungen der App in HubSpot. Klicken Sie dann auf Zulassen.

5. Lovable beginnt mit der Generierung einer Vorschau Ihrer App. Die Vorschau wird in der Regel nach einigen Minuten angezeigt.
6. Klicken Sie in der App-Vorschau auf HubSpot verknüpfen.

7. Wählen Sie im Dialogfeld Ihren HubSpot-Account aus.
8. Überprüfen Sie die HubSpot-Daten, auf die Ihre von Lovable erstellte App zugreifen kann.
9. Aktivieren Sie das Kontrollkästchen und klicken Sie dann auf App verknüpfen.
10. Ihre HubSpot-Daten werden in der App-Vorschau angezeigt.

Die App zeigt nur HubSpot-Daten an, für die Sie aufgrund Ihrer HubSpot-Benutzerberechtigungen berechtigt sind. Wenn Sie beispielsweise nur Deals anzeigen können, für die Sie zuständig sind, zeigt eine Lovable-App, die HubSpot-Deals anzeigt, nur die Deals an, für die Sie zuständig sind.

Teilen Sie eine Lovable-App mit anderen Benutzern

Nachdem Sie Ihre App in Lovable erstellt haben, können Sie sie mit anderen Benutzern in Ihrem Workspace teilen.

1. Klicken Sie oben rechts auf Veröffentlichen.

2. Wählen Sie aus, wer Ihre App anzeigen kann: Ihren gesamten Arbeitsbereich oder bestimmte Benutzer.

3. Um das Domain-Präfix der App zu bearbeiten, klicken Sie auf das Bleistift-Symbol neben der Domain. Oder klicken Sie auf + Domain hinzufügen , um eine benutzerdefinierte Domain zu verwenden. 

4. Klicken Sie auf Veröffentlichen.
5. Nachdem die App veröffentlicht wurde, klicken Sie auf Link kopieren, um die URL der App zu kopieren und sie mit Kollegen in Ihrem Workspace zu teilen, die die App verwenden werden.

1. Öffnen Sie die URL für die Lovable-App.
2. Klicken Sie auf Mit HubSpot verknüpfen.
3. Wenn Sie zur Genehmigung aufgefordert werden, klicken Sie auf Installieren anfordern. Eine Anfrage wird an den Super-Admin in HubSpot gesendet.

4. Nachdem der Administrator die Anfrage genehmigt hat, schließen Sie die Schritte zur App-Verknüpfung ab.

Liebenswerte Vorlagen aufbereiten

Verwenden Sie eine vorgefertigte Vorlage als Ausgangspunkt und passen Sie das aufbereitete Projekt dann an die Bedürfnisse Ihres Teams an.

Bevor Sie eine Vorlage neu mischen, richten Sie den HubSpot-Konnektor für Lovable ein und aktivieren Sie die Option App-User-Konnektor für Ihren Workspace.

1. Navigieren Sie zu einer der folgenden vorgefertigten Lovable-Vorlagen von HubSpot:
   • Pipeline Pulse: Zeigt den Wert des Deals, Follow-up-Vorschläge und die Abschlusswahrscheinlichkeit an, um Umsatzchancen zu identifizieren und zu priorisieren.
   • Kampagnenkompass: Verfolgt die Kampagnen- und E-Mail-Performance im Laufe der Zeit nach, einschließlich ihres Einflusses auf geplante Meetings und abgeschlossene Umsätze.
   • Optimal Ops: Zeigt HubSpot-Ticket-Daten an, einschließlich der Anzahl offener und gelöster Tickets, Lösungszeiten, des Backlog-Alters und Probleme, die bearbeitet werden müssen.
2. Melden Sie sich bei Ihrem Lovable-Workspace an.
3. Nachdem die Vorlage geladen wurde, klicken Sie oben rechts auf Mischen .
4. Geben Sie einen Namen für das Projekt ein. Wenn Sie Zugriff auf mehrere Workspaces haben, wählen Sie den Workspace aus, in dem Sie das Projekt erstellen möchten. Erteilen Sie dann Ihr Einverständnis zum Remixen der Vorlage.

5. Folgen Sie den Anweisungen im aufbereiteten Projekt:

• • Kopieren Sie die Prompt für die Benutzerauthentifizierung.
  • Fügen Sie den Prompt in das Chatfenster "Liebenswerter Mitarbeiter" ein.
  • Wählen Sie die Option aus, um die HubSpot-Anmeldung für einzelne Benutzer zu aktivieren.

6. Klicken Sie auf HubSpot verknüpfen.
7. Folgen Sie den Authentifizierungsaufforderungen, um HubSpot zu verknüpfen und Ihre HubSpot-Daten in die App zu laden.
8. Passen Sie die App nach Bedarf an.