Einbetten von Calls-to-Action (CTA) auf Ihrer externen Website

Wenn Sie Ihre Website-Inhalte außerhalb von HubSpot hosten, können Sie Ihre HubSpot-CTAs weiterhin verwenden, um Leads anzuziehen und zu konvertieren. Erfahren Sie, wie Sie CTAs und Smart CTAs auf Ihrer externen Website mithilfe des CTA-Einbettungscodes einbetten.

• Gehen Sie in Ihrem HubSpot-Account zu Marketing > Lead-Erfassung > CTAs.
• Bewegen Sie im Calls-to-Action-Dashboard den Mauszeiger über eine CTA und klicken Sie auf das Dropdown-Menü Aktionen, und wählen Sie dann Code einbetten aus.

• Klicken Sie im Dialogfeld auf Code kopieren. Klicken Sie dann auf Schließen .

• Navigieren Sie zum Content-Management-System Ihrer externen Website (CMS). 

• Fügen Sie den CTA-Einbettungscode in den HTML-Code Ihrer Nicht-HubSpot-Seite ein, wo die CTA angezeigt werden soll.  

• Rufen Sie eine Vorschau Ihrer CTA auf der Webseite auf, um deren Erscheinungsbild zu überprüfen. Wenn die CTA nicht korrekt angezeigt wird, überprüfen Sie, ob Ihr externes CMS den kopierten Code verändert hat. Falls Sie eine CTA mit Bild verwenden, müssen Sie unter Umständen zusätzliche Styling-Elemente hinzufügen, damit die CTA mit Bild auch wirklich responsiv ist.
• Wenn Sie fertig sind, veröffentlichen Sie Ihre Seite(n), um Ihre Änderungen zu übernehmen. 

Da jede Website/CMS anders strukturiert ist, sind diese Schritte keine genauen Anweisungen dahingehend, wie Sie auf den HTML-Code Ihrer Website zugreifen können. Wenn Sie sich nicht sicher sind, wie Sie auf den HTML-Code Ihrer Website zugreifen oder einen externen Code einbetten können, senden Sie diesen Artikel per E-Mail an Ihren Webmaster, an Ihre IT-Abteilung oder technische Ressource.

Bitte beachten: CTAs, die auf Ihrer externen Website eingebettet sind, werden automatisch global aktualisiert, wenn der Inhalt, Text oder das allgemeine Design der CTA geändert wird.

Wenn Ihr CTA nicht in WordPress funktioniert oder der Einbettungscode geändert wird, wenn Sie die Live-Seite anzeigen, müssen Sie ggf. den CTA mit einem Plugin einfügen, um sicherzustellen, dass der Einbettungscode intakt bleibt. Wenn Sie die neueste Version von Gutenberg (entfernt Inline-JavaScript) verwenden, betten Sie Formulare und CTAs mithilfe des Plug-ins zum Blockieren von Inline-JS für Gutenberg auf Ihrer Seite ein.