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.
Forms

Pop-up-Formulare erstellen

Zuletzt aktualisiert am: Oktober 28, 2021

Produkte/Lizenzen

Alle

Mit dem Pop-up-Formular-Tool können Benutzer ansprechende Formulare für die Erfassung von Leads erstellen. Sie könnenPop-up-Formulare für jeden Blog-Beitrag, jede Landing-Page und jede von HubSpot gehostete Website-Seite verwenden.

Um Pop-up-Formulare zu einer externen Seite hinzuzufügen, müssen Sie den HubSpot-Tracking-Code auf Ihrer externen Website installieren oder das HubSpot WordPress-Plugin auf Ihrer WordPress-Website installieren.

  • Gehen Sie in Ihrem HubSpot-Account zu „Formulare“.
    • Für Professional- und Enterprise-Accounts gehen Sie zu „Marketing“ > „Lead-Erfassung“ > „Formulare“.
    • Für Starter-Accounts und kostenlose Accounts gehen Sie zu „Marketing“ > „Formulare“.
  • Klicken Sie oben rechts auf „Formular erstellen“.
  • Wählen Sie Ihren Formulartyp aus. Sie können für ein Pop-up-Formular Folgendes auswählen:
    • Popup-Feld
    • Dropdown-Banner
    • Einblendfeld links
    • Einblendfeld rechts
  • Klicken Sie oben rechts auf „Weiter“.
  • Klicken Sie oben im Formular-Editor auf das edit Bleistift-Symbol, um den Namen des Formulars zu bearbeiten.

1. Callout – Aktion auswählen

Auf der Registerkarte „Callout“ können Sie Callout-Text hinzufügen und anpassen, um die Aufmerksamkeit der Besucher zu wecken.

  • Feature-Bild: Wählen Sie ein Feature-Bild aus, das sowohl im Callout als auch im Formular angezeigt wird. (nur Popup-Feld und Einblendfeld)
  • Callout-Überschrift: Die Hauptüberschrift des Callouts.
  • Callout-Text: (Zusätzliche Informationen oder Details zum Callout. Dies ist optional.
  • Callout-Button-Text: Der Text für die Callout-Formular-Schaltfläche.
  • Designfarbe: Hiermit legen Sie die Designfarbe für die Schaltfläche auf Ihrem Pop-up-Formular fest. Wählen Sie über die Farbauswahl eine benutzerdefinierte Farbe aus oder geben Sie manuell einen Hexadezimal-Wert ein.
  • Link-Schaltfläche: Wählen Sie aus, wohin die Callout-Schaltfläche verlinkt:
    • Formularschritt: Leitet Ihre Benutzer zu einem Formular vom Pop-up-Formular weiter. Passen Sie Ihr Formular an, indem Sie auf die Registerkarte „Formular“ klicken.
    • Externe URL: Fügen Sie einen Link zu einer externen Seite ein.
    • HubSpot-Seite oder -Blog-Beitrag (Marketing Hub Starter, Professional bzw. Enterprise oder CMS Hub Professional bzw. Enterprise): Wählen Sie eine Seite oder einen Blog-Beitrag von HubSpot im Dropdown-Menü aus.
    • Datei-Download: Klicken Sie auf „Dateien durchsuchen“, um Ihre Datei hinzuzufügen.
    • Meeting-Link: Wählen Sie einen Meeting-Link im Dropdown-Menü aus.
    • Kalender-Event: Erstellen Sie ein Kalender-Event und legen Sie Event-NameStartdatum, Enddatum, Zeitzone, Standort und Details fest. Das Event wird im Google-Kalender oder Outlook Kalendar des Kunden erstellt.

  • Jeder Callout wird in der Vorschau auf der rechten Seite angezeigt. Damit erhalten Sie eine Vorstellung davon, wie Ihr Pop-up-Formular live auf der Seite dargestellt wird.
  • Klicken Sie auf „Weiter“. Wenn Sie die Schaltfläche nicht zu einem Formular verlinken, fahren Sie mit Schritt 5fort.

2. Formular – Pop-up-Formular anpassen

Auf der Registerkarte Formular können Sie festlegen, was für Besucher angezeigt wird, wenn sie auf die Pop-up-Formular-Schaltfläche klicken.
  • Formulartext: Zusätzliche Informationen oder Details zum Formular. Dies ist optional. 
  • Hinzugefügte Felder: Das Standard-E-Mail-Feld wird automatisch eingefügt und dem Formular können maximal vier Felder hinzugefügt werden.
    • Um dem Formular weitere Felder hinzuzufügen, klicken Sie auf „+ Weiteres Formularfeld hinzufügen“. Pop-up-Formulare unterstützen die folgenden Feldtypen: einzeiliger Text, mehrzeiliger Text, Dropdown-Auswahl, einfaches Kontrollkästchen, Zahl, Datumsauswahl und Datei. Benutzer in einem Marketing Hub Starter-, Professional- und Enterprise-Account können benutzerdefinierte Kontakteigenschaften in Pop-up-Formularen erstellen.
    • Um anzupassen, wie Besuchern ein Formularfeld angezeigt wird, klicken Sie auf das edit Bleistift-Symbol.  Um die Feldbezeichnung zu bearbeiten, fügen Sie Platzhaltertext hinzu oder geben Sie einen Standardwert ein. Für das Feld E-Mail können Sie E-Mail-Adressen oder Domains angeben, die Sie blockieren möchten.
  • Formular-Button-Text: Der Formular-Schaltflächentext von der Registerkarte Callout wird in dieses Feld übernommen. Um Änderungen am Schaltflächentext im Formular vorzunehmen, bearbeiten Sie ihn hier.
  • Hinweis und Einwilligung/Berechtigtes Interesse (DSGVO): Wenn Sie in Ihrem HubSpot-Account die DSGVO aktiviert haben, können Sie die Hinweis- und Einwilligungsoption für dieses Pop-up-Formular festlegen. Klicken Sie zum Anpassen des Standardtextes auf das edit Bleistift-Symbol.
  • Sprache: Hier können Sie Sprache für das Formular festlegen. Dies ändert die Formularfeldbezeichnungen, die Mitteilung für „Hinweis und Einwilligung/Berechtigtes Interesse“ und Fehlermeldungen, die im Formular angezeigt werden bzw. wird. Alle anderen bearbeitbaren Felder müssen manuell übersetzt werden.
  • Lifecycle-Phase festlegen: Wählen Sie die Lifecycle-Phase aus, die Kontakten zugewiesen wird, die das Pop-up-Formular einsenden. Diese ist standardmäßig auf Lead festgelegt.
  • CAPTCHA: Aktivieren Sie CAPTCHA, um zusätzlichen Schutz vor Spam-Einsendungen bereitzustellen.

Wenn Sie mit dem Anpassen Ihres Pop-up-Formulars fertig sind, klicken Sie auf „Weiter“.

3. Danksagung – Danksagungsnachricht erstellen

Auf der Registerkarte Danksagung können Sie eine Danksagungsnachricht eingeben, die für Ihre Besucher nach dem Einsenden des Pop-up-Formulars angezeigt wird. Schließen Sie mithilfe des Rich-Text-Editor leicht formatierten Text ein, oder verweisen Sie Ihre Besucher per Link auf weitere Ressourcen.

So fügen Sie eine Schaltfläche nach Ihrer Danksagung hinzu, über die Ihre Besucher zu einer anderen Stelle weitergeleitet werden:

  • Aktivieren Sie das Kontrollkästchen Button hinzufügen.
  • Passen Sie den Button-Text an.
  • Wählen Sie den Link für Ihre Schaltfläche aus:
    • Externe URL: Hiermit werden Benutzer auf eine externe Seite weitergeleitet. Geben Sie die Seiten-URL ein.
    • HubSpot-Seite oder -Blog-Beitrag (Marketing Hub Starter, Professional bzw. Enterprise oder CMS Hub Professional bzw. Enterprise): Wählen Sie im Dropdown-Menü eine Seite oder einen Blog-Beitrag von HubSpot aus.
    • Datei-Download: Klicken Sie auf „Dateien durchsuchen“, um Ihre Datei hinzuzufügen.
    • Meeting-Link: Wählen Sie einen Meeting-Link im Dropdown-Menü aus.
    • Kalender-Event: Erstellen Sie ein Kalender-Event und legen Sie Event-NameStartdatum, Enddatum, Zeitzone, Standort und Details fest. Das Event wird im Google Kalender oder Outlook-Kalender des Kunden erstellt.
  • Wenn Sie mit dem Erstellen der Danksagung fertig sind, klicken Sie auf „Weiter“.



4. Follow-up – Follow-up-E-Mail erstellen

Auf der Registerkarte Follow-up können Sie eine Follow-up-E-Mail erstellen, die Besucher erhalten, nachdem sie Ihr Formular eingesendet haben.

Bitte beachten: Accounts, die die kostenlosen Tools von HubSpot nutzen, müssen einen E-Mail-Setup-Assistenten ausführen, um die Double-Opt-in-Funktion für Pop-up-Formulare zu aktivieren.

  • Klicken Sie dann auf „Follow-up-E-Mail erstellen“.
  • Passen Sie im rechten Bereich die Details Ihrer Follow-up-E-Mail an:
    • Abonnementtyp: Klicken Sie auf das Dropdown-Menü und wählen Sie den Abonnementtyp aus.
    • Von Benutzer: Klicken Sie auf das Dropdown-Menü und wählen Sie den Absender Ihrer Follow-up-E-Mail aus.
    • Absendername: Geben Sie einen benutzerspezifischen Absendernamen für Ihre Follow-up-E-Mail ein.
    • Betreffzeile: Geben Sie einen Betreff für die Follow-up-E-Mail ein.
    • Textkörper: Geben Sie den Text der E-Mail ein, um weiter mit Ihrem Kontakt zu interagieren.
    • E-Mail-Fußzeile bearbeiten: Klicken Sie auf diese Option, um den Namen und die Adresse Ihres Unternehmens in den E-Mail-Konfigurationseinstellungen anzupassen.
  • Klicken Sie auf „Speichern“. Eine kurze Vorschau der E-Mail sollte angezeigt werden. Benutzer in Marketing Hub Starter-, Basic (Legacy)-, Professional- und Enterprise-Accounts können auf „Weitere E-Mail hinzufügen“ klicken, um bis zu drei Follow-up-E-Mails hinzuzufügen.
  • Wenn Sie mit dem Hinzufügen einer Follow-up-E-Mail fertig sind, klicken Sie auf „Weiter“.

Bitte beachten: Durch das Erstellen einer Follow-up-E-Mail wird automatisch eine CAPTCHA zum Formular hinzugefügt.

5. Targeting – Anpassen, wo Ihr Pop-up-Formular angezeigt wird

Sprechen Sie Ihre Besucher gezielt an, indem Sie festlegen, wann dieses Pop-up-Formular auf Ihrer Website angezeigt werden soll. Fügen Sie Filter hinzu, um durch die Kombination mehrerer Regelsätze zu bestimmen, welche Besucher Ihr Pop-up-Formular sehen. Erfahren Sie mehr über Targeting-Regeln.

Website-URL

Sie können bedingte Logik für bestimmte Webseiten-URLs und/oder Abfrageparameterwerte hinzufügen. Standardmäßig wird das Pop-up-Formular auf allen Seiten angezeigt.

  • Um das Pop-up-Formular anzuzeigen, wenn ein Besucher eine bestimmte Website-URL aufgerufen hat, führen Sie im Abschnitt „Website-URL“ folgende Aktionen durch:
    1. Klicken Sie auf das erste Dropdown-Menü und wählen Sie „Website-URL“ aus.
    2. Klicken Sie auf das zweite Dropdown-Menü und wählen Sie eine Targeting-Regel aus.
    3. Geben Sie Ihre Regelkriterien in das Textfeld ein.

  • Um das Pop-up-Formular anzuzeigen, wenn ein Besucher eine Website-Seite aufgerufen hat, deren URL spezifische Abfrageparameter enthält, führen Sie folgende Aktionen durch:
    1. Klicken Sie auf das erste Dropdown-Menü und wählen Sie „Abfrageparameter“ aus.
    2. Geben Sie im ersten Textfeld den Namen des Abfrageparameters ein.
    3. Klicken Sie auf das Dropdown-Menü und wählen Sie eine Targeting-Regel aus.
    4. Geben Sie im zweiten Textfeld den Wert des Abfrageparameters ein.

  • Um eine weitere Regel hinzuzufügen, klicken Sie auf Regel hinzufügen.
  • Wenn das Pop-up-Formular von bestimmten Seiten (z. B. der Seite mit der Datenschutzrichtlinie) ausgeschlossen werden soll, klicken Sie auf „Ausschlussregel hinzufügen“.

Besucherinformationen und -verhalten (optional)

Sie können Ihr Pop-up-Formular auch basierend auf bekannten Besucherinformationen und -verhalten auf bestimmte Kontakte ausrichten. Die Art der Filterregeln, die Sie hinzufügen können, hängt von den Abonnements Ihres Accounts ab. Marketing Hub Professional- und Enterprise-Accounts können Filter mit zusätzliche Kriterien für das Anzeigen oder Ausblenden Ihres Pop-up-Formulars erstellen.

Um Kriterien basierend auf Besucherinformationen festzulegen, führen Sie im Abschnitt „Besucherinformation und -verhalten“ folgende Aktionen durch:

  • Wählen Sie aus, wann das Pop-up-Formular angezeigt werden soll:
    • Klicken Sie auf der Kachel „Popup anzeigen“ auf das erste Dropdown-Menü, um auszuwählen, wann Besucher Ihr Pop-up-Formular sehen.
    • Klicken Sie auf das nächste Dropdown-Menü, um Ihre Filterregeln auszuwählen.
    • Um weitere Regeln für die Anzeige Ihres Pop-up-Formulars hinzuzufügen, klicken Sie auf „Regel hinzufügen“ und wählen Sie Ihre Filter aus.
  • Wählen Sie aus, wann das Pop-up-Formular ausgeblendet werden soll:
    • Klicken Sie auf „Ausschlussregel hinzufügen“.
    • Klicken Sie auf das erste Dropdown-Menü, um auszuwählen, wann das Pop-up-Formular ausgeblendet werden soll.
    • Klicken Sie auf das nächste Dropdown-Menü, um Ihre Filterregeln auszuwählen.
    • Um weitere Regeln für das Ausblenden Ihres Pop-up-Formulars hinzuzufügen, klicken Sie auf „Ausschlussregel hinzufügen“ und wählen Sie Ihre Filter aus.
  • Um einen anderen Satz von Filterregeln zu erstellen, klicken Sie auf „Filtergruppe hinzufügen“ und wählen Sie Ihre Filterregeln aus.

add-filter-groups

Trigger

Legen Sie fest, wann das Pop-up-Formular auf der Seite angezeigt werden soll. Sie können die folgenden Optionen auswählen:

  • Beim Scrollen (50 %): Das Formular wird angezeigt, wenn der Besucher bis zur Hälfte der Seite gescrollt hat.
  • Bei Verlassen der Seite (Exit Intent)  (nur Popup-Feld): Das Formular wird angezeigt, wenn der Besucher seinen Cursor auf den oberen Balken des Browser-Fensters bewegt.
  • Nach verstrichener Zeit: Das Formular wird nach der angegebenen Zeit in Sekunden angezeigt.

Wenn Sie die Einrichtung Ihrer Targeting-Regeln abgeschlossen haben, klicken Sie auf „Weiter“.

Bitte beachten:

  • Wenn Sie mehrere Trigger ausgewählt haben, wird das Formular je nach der Triggerbedingung, die zuerst erfüllt wird, angezeigt.

  • Wenn ein Kontakt Ihr Pop-up-Formular ausgefüllt hat, wird ihm das Pop-up-Formular innerhalb der derselben Browser-Sitzung nicht erneut angezeigt. 

6. Optionen – Pop-up-Formular weiter anpassen 

Im Abschnitt „Optionen“ können Sie Ihr Pop-up-Formular anpassen. Sie können die folgenden Optionen anpassen:

  • Planen (nur Professional- oder Enterprise-Accounts) Um ein Pop-up-Formular zu planen, damit es nur ab einem bestimmten Datum aktiv ist, wählen Sie „Für einen späteren Zeitpunkt planen“ aus.
    • Um das Pop-up-Formular an einem bestimmten Datum und zu einer bestimmten Uhrzeit zu veröffentlichen, klicken Sie auf die Dropdown-Menüs „Startdatum“ und „Zeit“ und legen Sie das Datum und die Uhrzeit fest.
    • Um die Veröffentlichung des Pop-up-Formulars an einem bestimmten Datum und zu einer bestimmten Uhrzeit rückgängig zu machen, aktivieren Sie das Kontrollkästchen „Datum und Uhrzeit für die Rückgängigmachung der Veröffentlichung festlegen“, klicken Sie dann auf die Dropdown-Menüs „Enddatum“ und „Zeit“ und legen Sie das Datum und die Uhrzeit fest. 
  • Kleinere Bildschirme: Wenn das Pop-up-Formular für Mobilgeräte deaktiviert werden soll, aktivieren Sie das Kontrollkästchen Pop-up-Formular auf kleineren Bildschirmen deaktivieren. Pop-up-Formulare sind zwar für die Anzeige auf Mobilgeräten optimiert, es wird jedoch empfohlen, sie auf Mobilgeräten zu deaktivieren.
  • Ignoriertes Pop-up-Formular wieder anzeigen nach: Klicken Sie auf das Dropdown-Menü, um die Zeit festzulegen, die nach dem Verwerfen des Pop-up-Formulars durch den Besucher verstreichen soll, ehe es wieder angezeigt wird.
  • Kontakte zu einer Salesforce-Kampagne hinzufügen: Wenn Sie die Salesforce-Integration verwenden, klicken Sie auf das Dropdown-Menü, um Kontakte, die das Pop-up-Formular einsenden, mit einer Salesforce-Kampagne zu verknüpfen.
  • Kontakte zu GoToWebinar hinzufügen: Wenn Sie die GoToWebinar-Integration verwenden, klicken Sie auf das Dropdown-Menü, um jeden Kontakt, der das Pop-up-Formular einsendet, für ein bestimmtes Webinar zu registrieren.
  • Wenn Kontakte erfasst werden, E-Mail-Benachrichtigungen senden an: Klicken Sie auf das Dropdown-Menü, um eine E-Mail-Adresse einzugeben, oder wählen Sie einen Benutzer oder ein Team aus, um Benachrichtigungen zu erhalten, wenn Kontakte erfasst werden.
  • Opt-in-E-Mails senden: Wenn Double-Opt-in aktiviert ist, klicken Sie zum Verwalten von Double-Opt-In-Einstellungen für Ihre Pop-up-Formulare auf „In Einstellungen verwalten“.
  • Follow-up-Abonnementtyp: Wenn die DSVGO-Einstellungen aktiviert sind, klicken Sie auf das Dropdown-Menü, um einen Abonnementtyp für den E-Mail-Sendevorgang auszuwählen.
  • Neue Kontakte zu Ihrem E-Mail-Anbieter weiterleiten (optional): Klicken Sie auf In Einstellungen verwalten, um einen E-Mail-Anbieter auszuwählen, an den Kontakte weitergeleitet werden sollen. Erfahren Sie mehr über das Übertragen von Kontakten an MailChimp-Listen.
Wenn Sie mit der Konfiguration der Optionen Ihres Formulars fertig sind, klicken Sie auf „Weiter“.


7. Vorschau – Vorschau Ihres Pop-up-Formulars anzeigen

Auf der Registerkarte Vorschau können Sie eine interaktive Vorschau Ihres Pop-up-Formulars überprüfen.

  • Um zu sehen, wie Ihr Pop-up-Formular auf verschiedenen Geräten dargestellt wird, klicken Sie oben links auf die Schaltflächen Desktop, Tablet oder Mobilgerät .
  • Um die einzelnen Schritte des Pop-up-Formulars anzuzeigen, klicken Sie auf dieleftrightPfeile nach rechts/links.

Veröffentlichen und Rückgängigmachen der Veröffentlichung Ihres Pop-up-Formulars

  • Wenn Sie mit dem Einrichten Ihres Formulars fertig sind, klicken Sie oben rechts auf „Veröffentlichen“, um Ihr Pop-up-Formular zu veröffentlichen.
  • Sie können die Veröffentlichung eines Live-Formulars auch über die Registerkarte „Optionen“ rückgängig machen:
    • Gehen Sie zur Registerkarte „Optionen“.
    • Klicken Sie auf „Veröffentlichung rückgängig machen“.
    • Klicken Sie im angezeigten Dialogfeld auf „Veröffentlichung des Pop-up-Formulars rückgängig machen“.
    • Nachdem Sie die Veröffentlichung Ihres Formulars rückgängig gemacht haben, können Sie entweder zum Formular-Dashboard zurückkehren, indem Sie „Zum Dashboard“ auswählen, oder im Formular-Editor bleiben, indem Sie „Im Editor bleiben“ auswählen

New Call-to-action