Zum Hauptinhalt
Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.

CTAs (Legacy) auf Ihrer externen Website einbetten

Zuletzt aktualisiert am: Mai 22, 2023

Mit einem der folgenden Abonnements verfügbar (außer in den angegebenen Fällen):

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Ehemaliges Marketing Hub Basic

HubSpot-Legacy-CTAs können sowohl auf HubSpot- als auch auf Nicht-HubSpot-Seiten verwendet werden. Verwenden Sie HubSpot CTAs auf Ihrer externen Website, um Leads zu gewinnen und zu konvertieren.

Bevor Sie CTAs (Legacy) auf Ihrer externen Website einbetten, stellen Sie sicher, dass der HubSpot Tracking-Code auf Ihren Seiten installiert ist.

Bevor Sie loslegen

Bevor Sie einen CTA (Legacy) auf Ihrer externen Website hinzufügen, beachten Sie bitte Folgendes: 

  • 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.
  • Aufgrund von Unterschieden in den Content-Management-Systemen (CMS) können die Schritte zum Zugriff auf den HTML-Code Ihrer Website und zum Einbetten des CTA-Codes (Legacy) unterschiedlich sein. Wenn Sie 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, Ihre IT-Abteilung oder einen technischen Mitarbeiter.
  • Wenn Sie einen CTA in eine WordPress-Seite einbetten, beachten Sie bitte Folgendes:

    • Wenn Sie einen CTA in Ihre WordPress-Website einbetten, müssen Sie möglicherweise zusätzliche CSS-Deklarationen in Ihrem externen Stylesheet anwenden, um den CTA responsiv zu machen. 
    • Wenn Sie bemerken, dass Ihr CTA in WordPress nicht funktioniert oder der Einbettungscode geändert wird, wenn Sie die Live-Seite anzeigen, müssen Sie den CTA möglicherweise mit einem Plugin einfügen, um sicherzustellen, dass der Einbettungscode intakt bleibt.
    • Wenn Sie die neueste Version von Gutenberg verwenden, die Inline-JavaScript entfernt, verwenden Sie das Plugin Inline JS Block for Gutenberg, um Formulare und CTAs in Ihre Seite einzubetten.

Einbetten eines CTA (Legacy) auf Ihrer externen Website

So betten Sie eine CTA-Schaltfläche auf Ihrer externen Website ein: 

  • Navigieren Sie in Ihrem HubSpot Account zu Marketing > Lead Capture > CTAs.
  • Klicken Sie oben links auf das Dropdown-Menü und wählen Sie CTAs (Legacy).
  • Bewegen Sie den Mauszeiger auf dem Dashboard CTAs (Legacy) über einen CTA und klicken Sie auf Aktionen > Code einbetten.
  • Klicken Sie im Dialogfeld auf Kopieren.

 
  • Navigieren Sie zum Content-Management-System (CMS) Ihrer externen Website. 
  • Fügen Sie den CTA-Einbettungscode in den HTML-Code Ihrer Nicht-HubSpot-Seite ein, wo immer der CTA erscheinen soll. 
  • Zeigen Sie eine Vorschau Ihres CTA auf der Webseite an, um zu sehen, wie es aussieht, wenn es live ist.
    • Wenn die CTA nicht korrekt angezeigt wird, überprüfen Sie, ob Ihr externes CMS den kopierten Code verändert hat.
    • Wenn Sie ein Bild-CTA verwenden, müssen Sie möglicherweise zusätzliches Styling hinzufügen, um sicherzustellen, dass das Bild-CTA responsiv ist
  • Wenn Sie fertig sind, veröffentlichen Sie Ihre Seite.

War dieser Artikel hilfreich?
Dieses Formular wird nur verwendet, um Feedback zur Dokumentation zu sammeln. Erfahren Sie, wie Sie Hilfe bei Fragen zu HubSpot erhalten können.