Fügen Sie Aufrufe zum Handeln (CTAs) zu Ihrem Inhalt hinzu

Nachdem Sie unter Ihren Aufruf zum Handeln (CTA) erstellt haben, können Sie den CTA sowohl zu HubSpot- als auch zu externen Seiten hinzufügen. Wenn Sie Ihren CTA für externe Seiten konfigurieren, muss der HubSpot Tracking Code installiert sein. Sie können auch CTAs zu Ihren Drag-and-Drop-Marketing-E-Mailshinzufügen.

Wie Sie eine CTA zu einer Seite hinzufügen, hängt davon ab, welche Art von CTA Sie erstellt haben:

• Wenn Sie eingebettete CTAs verwenden, können Sie maximal 100 eingebettete CTAs pro Seite hinzufügen. Eingebettete CTAs können auf folgende Weise verwendet werden:
  • Das Standardmodul für Aufrufe zum Handeln auf HubSpot-Seiten
  • Das Standard-Schaltflächenmodul in einer Marketing-E-Mail
  • Ein Codeschnipsel auf Ihrer externen Website
• Wenn Sie ein klebriges Banner, eine Pop-up-Box oder einen Slide-in-Aufruf zur Aktion verwenden, können Sie entweder:
  • Triggern Sie die CTA, die erscheint, wenn ein Besucher auf eine Schaltfläche klickt.

• • Wählen Sie einen oder mehrere Aktivierungs-Trigger, und legen Sie dann Ziele anhand der URL der Website oder der Besucherinformationen fest. Sobald der erste Trigger erfüllt ist, wird die CTA auf den Zielseiten und für die angegebenen Besucher angezeigt: 
    • Trigger beim Blättern der Seite
    • Trigger bei Ausstiegsabsicht
    • Trigger nach verstrichener Zeit
    • Trigger nach Inaktivität

Fügen Sie Ihrem HubSpot-Inhalt einen CTA hinzu

Hinzufügen eines CTA zu einer HubSpot-Seite

Mit dem Modul Call-to-Action können Sie CTAs auf Seiten einbetten, die auf HubSpot gehostet werden. 

• Gehen Sie zu Ihrem Inhalt: 

  • Website-Seiten: Gehen Sie in Ihrem HubSpot-Account zu Content > Website-Seiten.
  • Landingpages: Gehen Sie in Ihrem HubSpot-Account zu Content > Landingpages.
• Klicken Sie auf den Namen Ihres Inhalts. 
• Klicken Sie im Inhaltseditor auf die Schaltfläche +Hinzufügen in der linken Seitenleiste. 
• Suchen Sie im Seitenleisten-Editor das Modul Call-to-Action und klicken Sie darauf. Ziehen Sie es dann an die Position auf die Seite. 
• Klicken Sie im Bereich CTA auf Auswählen.
   

Einem Blog-Beitrag von HubSpot einen CTA hinzufügen

• Gehen Sie in Ihrem HubSpot-Account zu Content > Blog..
• Klicken Sie auf den Namen Ihres Posts. 
• Klicken Sie im Content-Editor auf das Rich-Text-Modul , um den Inhalt anzupassen.
• Klicken Sie in der Rich-Text-Symbolleiste auf Einfügen > Call-to-Action.
   

• Klicken Sie im rechten Bereich auf die Registerkarte CTAs .
• Wählen Sie ein CTA zum Einfügen aus und klicken Sie dann auf Einfügen. 
• Klicken Sie im linken Bereich auf Änderungen übernehmen. Das ausgewählte CTA wird nun in Ihrem Rich-Text-Editor und in Ihrer Vorschau angezeigt.
   

Triggern Sie Ihre CTA beim Klicken auf eine Schaltfläche in HubSpot 

• Gehen Sie zu Ihrem Inhalt:

  • Website-Seiten: Gehen Sie in Ihrem HubSpot-Account zu Content > Website-Seiten.
  • Landingpages: Gehen Sie in Ihrem HubSpot-Account zu Content > Landingpages.

• Klicken Sie auf den Namen  
• Suchen Sie im linken Bereich auf der Registerkarte Hinzufügen das Standard-Schaltflächenmodulund wählen Sie es aus. Klicken Sie auf das Modul Buttonmodul und ziehen Sie es auf Ihre Seite.
   

• Klicken Sie im linken Bereich auf das Dropdown-Menü Link zu und wählen Sie CTA.
• Klicken Sie auf das Dropdown-Menü CTA und wählen Sie ein vorhandenes CTAaus. 
• Fahren Sie mit der Einrichtung Ihres Buttonmoduls fort.
   

Fügen Sie einen eingebetteten CTA in Ihre Drag-and-Drop-Marketing-E-Mails ein

Fügen Sie eingebettete CTAs zu Ihren Drag-and-Drop-Marketing-E-Mails hinzu und verfolgen Sie die Wirksamkeit Ihres CTA-Angebots über mehrere Touchpoints hinweg.

So fügen Sie ein CTA im Drag-and-Drop-E-Mail-Editorhinzu:

• Navigieren Sie in Ihrem HubSpot Account zu Marketing > Marketing-E-Mails.
• Bewegen Sie den Mauszeiger über die E-Mail, der Sie die CTA hinzufügen möchten, und klicken Sie dann auf Bearbeiten. Oder eine neue E-Mail erstellen.
• Klicken Sie im linken Bereich auf das Modul Button und ziehen Sie es in den E-Mail-Editor.
   

• Klicken Sie im linken Bereich auf das Dropdown-Menü Link zu. Wählen Sie dann CTA. 
• Klicken Sie unter dem CTA-Feld auf Auswählen. 
• Wählen Sie im rechten Bereich einen CTA aus, den Sie einfügen möchten, und klicken Sie dann auf Einfügen.
  

Bitte beachten Sie: unterstützt bei der Erstellung oder Auswahl eines CTAs für Ihre E-Mail nur eine einzelne Schaltfläche oder Bild. CTAs mit mehreren Elementen, wie z. B. einer Schaltfläche und einem Bild, können nicht verwendet werden.

Passen Sie die Schaltflächen eines Designs so an, dass Ihr CTA beim Klicken auf die Schaltfläche ausgelöst wird 

Wenn Sie ein benutzerdefiniertes Design in HubSpot verwenden, müssen Sie möglicherweise das Buttonmodul des Designs anpassen, um einen CTA auszulösen.

Wenn Sie ein Standard-Design bearbeiten, müssen Sie es zuerst kopieren . Designs, die auf dem Ressource-Marketplace für Vorlagen gekauft wurden, können nicht kopiert werden; es wird empfohlen, stattdessen ein untergeordnetes Design zu erstellen. 

So passen Sie das Schaltflächenmodul Ihres Themas an: 

• Gehen Sie in Ihrem HubSpot-Account zu Content > Design-Manager.
• Suchen Sie oben links nach Ihrem Buttonmodul. 
• Bewegen Sie den Mauszeiger im rechten Fenster auf die Schaltfläche (Feldgruppe) und klicken Sie auf Bearbeiten.
•  Bewegen Sie den Mauszeiger unter Gruppierte Felder auf URL (URL) und klicken Sie auf Bearbeiten.
• Klicken Sie auf das Dropdown-Menü Unterstützte URL-Typen. Aktivieren Sie dann das Kontrollkästchen CTA. 
• Klicken Sie oben rechts auf „Änderungen veröffentlichen“. Nachdem Sie Ihre Änderungen veröffentlicht haben, sollte die Option CTA erscheinen, wenn Sie das Buttonmodul des Themas auf Ihren Seiten verwenden.
   

Fügen Sie einen CTA zu Ihrem externen Inhalt hinzu

Sie können CTAs zu Ihren externen Seiten hinzufügen. Bevor Sie einen HubSpot CTA auf Ihrer externen Website verwenden, müssen Sie den HubSpot Tracking-Codeinstallieren.

Nach der Installation des Tracking-Codes erscheint bei den meisten Aktivierungs-Triggern der CTA, wenn der erste Trigger erfüllt ist. Um jedoch eingebettete CTAs oder CTAs zu verwenden, die ausgelöst werden, wenn ein Besucher auf eine Schaltfläche klickt, müssen Sie die CTA manuell hinzufügen. 

Einbetten eines CTA auf Ihrer externen Website 

So fügen Sie einen eingebetteten CTA zu Ihren externen Seiten hinzu:

• Gehen Sie in Ihrem HubSpot-Account zum Abschnitt Marketing und klicken Sie dann auf CTAs.
• Klicken Sie oben links auf das Dropdown-Menü und wählen Sie CTAs aus.
• Bewegen Sie den Mauszeiger über einen CTA und klicken Sie auf Aktionen > Einbetten.
•  klicken Sie auf in die Zwischenablage kopieren, um den CTA-Code in die Zwischenablage zu 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 das CTA nicht korrekt angezeigt wird, überprüfen Sie, ob Ihr externes CMS den Code nicht verändert hat.

• Wenn Sie fertig sind, veröffentlichen Sie Ihre Seite. 

Im Allgemeinen hat die Bearbeitung des CTA keine Auswirkungen auf den eingebetteten Code. Wenn Sie zum Beispiel die Option Link in neuem Tab öffnen bearbeiten, wird das Attribut target="_blank" im Einbettungscode nicht geändert. 

Der eingebettete Code-Snippet fungiert als Platzhalter, bevor die iframe Version des CTAs gerendert wird. Diese gerenderte Version der CTA gibt den korrekten In neuem Tab öffnen Wert wieder, der im Editor eingestellt wurde.

Um einen Link im gleichen Fenster im Platzhalter zu öffnen, können Benutzer das Ziel-Attribut-Tag manuell in target="_self"ändern.

 

Triggern Sie einen CTA beim Klick auf eine Schaltfläche auf Ihrer externen Website 

Bevor Sie einen CTA auf Ihrer externen Website verwenden, müssen Sie den HubSpot Tracking-Code installieren. So richten Sie Ihren Trigger auf einer externen Seite ein:

• Gehen Sie in Ihrem HubSpot-Account zum Abschnitt Marketing und klicken Sie dann auf CTAs.
• Klicken Sie oben links auf das Dropdown-Menü und wählen Sie CTAs aus.
• Bewegen Sie den Mauszeiger über einen CTA und klicken Sie auf Bearbeiten. 
• Klicken Sie oben auf die Registerkarte Targeting . 

• Klicken Sie unter der Schaltfläche Trigger on auf den Abschnitt und dann auf Code-Snippet.
   

• Klicken Sie im Dialogfeld auf „Kopieren“. 
• Fügen Sie die Einbettungsklassen in Ihre Schaltfläche auf Ihrer externen Website ein. Wenn Sie nicht sicher sind, wie Sie CSS-Klassen zu den Buttons auf Ihrer Website hinzufügen können, sollten Sie mit Ihrem Webmaster, Ihrer IT-Abteilung oder Ihrem Entwickler zusammenarbeiten.