Alle Artikel

DokumentationHubSpotHubSpot verbinden

HubSpot verbinden

Verbinde dein HubSpot-Konto, damit transjt dein Theme direkt dorthin deployen kann.

Bevor du loslegst

  • Ein HubSpot-Konto. Jeder Plan funktioniert, auch der kostenlose.
  • Super-Admin-Rechte in diesem HubSpot-Konto. Ohne sie lässt HubSpot transjt das Theme nicht installieren.

HubSpot verbinden

Du kannst HubSpot an zwei Stellen verbinden: unter Settings > Integrations oder später im Schritt Deploy deines Projekts.

Option 1: unter Settings

  1. Öffne in transjt Settings > Integrations.
  2. Klicke neben Add CMS auf +.
  3. Wähle im Dialog Select CMS die Option HubSpot und klicke auf Proceed.
  4. Ein HubSpot-Fenster öffnet sich (OAuth). Melde dich bei HubSpot an, wähle unter Select an account das Konto, das du verbinden möchtest, und klicke auf Select account.
  5. Zurück in transjt erscheint das Konto in der Liste, mit dem Verbindungsstatus O.K.

Option 2: im Schritt Deploy

  1. Öffne dein Projekt und gehe zum Schritt Deploy.
  2. Klicke auf Add HubSpot.
  3. Ein HubSpot-Fenster öffnet sich (OAuth). Melde dich bei HubSpot an, wähle das Konto unter Select an account und klicke auf Select account.
Erlaube das Popup. Das Login von HubSpot öffnet sich in einem eigenen Fenster (OAuth). Browser blockieren es oft. Wenn nach dem Klick nichts passiert, erlaube in deinem Browser Popups für app.transjt.ai und versuche es noch einmal.

Du kannst auch in HubSpot starten: Die transjt-App ist im HubSpot Marketplace gelistet. In transjt verlinkt auch Plugins dorthin.

Settings > Integrations > Add CMS > HubSpot
HubSpot window app.hubspot.com: transjt.ai is being connected to HubSpot, with Select an account, a list of HubSpot accounts and the Select account button
Das HubSpot-Fenster: Wähle dein HubSpot-Konto und klicke auf Select account.

Ein Projekt wird in genau ein HubSpot-Konto deployt. Du verknüpfst es im Schritt Deploy:

  1. Öffne dein Projekt und gehe zum Schritt Deploy. Du siehst Ready to deploy mit deinem aktuellen Paket.
  2. Klicke auf Deploy Theme to HubSpot.
  3. Ist das Projekt noch nicht verknüpft, öffnet sich Select Account or Add new: Wähle ein Konto unter Select Existing Account oder klicke auf Add HubSpot, um ein neues zu verbinden. Melde dich in dem Fenster, das sich öffnet, bei HubSpot an und autorisiere transjt.
  4. Klicke auf Deploy.

Sobald das Projekt verknüpft ist, entfällt die Kontoauswahl und das Theme wird direkt deployt.

Frühere Pakete. Jeder Export bleibt im Schritt Deploy als Paket erhalten. Du kannst ein älteres Paket herunterladen oder erneut nach HubSpot deployen, zum Beispiel, um zu einer früheren Version zurückzukehren. Siehe Frühere Pakete.
Ready to deploy for a HubSpot project: the current package with its components, Download Theme and Deploy Theme to HubSpot, and a list of previous packages
Ready to deploy: Klicke auf Deploy Theme to HubSpot.
The Deploy step in transjt for a HubSpot project: Select Account or Add new, with the Add HubSpot button, the Select Existing Account dropdown and the Deploy button
Schritt Deploy: Füge ein neues HubSpot-Konto hinzu oder wähle ein vorhandenes und klicke dann auf Deploy.

Mehrere HubSpot-Konten

Agenturen verbinden oft ein HubSpot-Konto pro Kunde. Jedes verbundene Konto erscheint als eigene Zeile unter Settings > Integrations. Prüfe vor dem Deployen im Schritt Deploy, ob das richtige Konto ausgewählt ist.

Settings, Integrations in transjt: Add CMS and Add Repository, and a list of connected HubSpot, WordPress and GitHub accounts, each with the connection status O.K., the creation date and a bin icon
Settings > Integrations: alle verbundenen Konten mit ihrem Status. Das Papierkorb-Symbol entfernt eine Verbindung.

Verbindung entfernen

Klicke in Settings > Integrations auf das Papierkorb-Symbol neben dem HubSpot-Konto. Du kannst die transjt-App auch auf der HubSpot-Seite deinstallieren, unter Settings > Integrations > Connected Apps.

Deine Projekte bleiben, wie sie sind, ebenso alles, was bereits nach HubSpot exportiert wurde. Ein Projekt, das diese Verbindung genutzt hat, ist nicht mehr verknüpft; wähle im Schritt Deploy erneut ein Konto.

Fehlerbehebung

  • Das Theme erscheint nicht in HubSpot. Es erscheint erst nach deinem ersten Export. Prüfe in Tasks, ob der Export abgeschlossen ist und ob das im Schritt Deploy ausgewählte Konto das ist, in dem du nachsiehst.
  • HubSpot verweigert den Zugriff. Melde dich mit einem Nutzer an, der in diesem Konto Super-Admin-Rechte hat.

Wie das Figma-Plugin und die HubSpot-Verbindung zusammenspielen: Figma-zu-HubSpot-Plugin.

Gestalte deine Website heute, geh morgen live.

Bei transjt zählt jede Sekunde. Deshalb ist unsere Mission einfach: dir Zeit sparen und Reibung aus deinem Workflow nehmen.