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.

Pop-up-Formulare erstellen

Zuletzt aktualisiert am: November 29, 2023

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

Alle

Mit dem Pop-up-Formular-Tool können Benutzer ansprechende Formulare für die Erfassung von Leads erstellen. Sie können Pop-up-Formulare für alle bei HubSpot gehosteten Blog-Beiträge, Landingpages und Website-Seiten verwenden. 

Wenn Sie Ihr Pop-up-Formular mit einer Schaltfläche auslösen möchten oder ein Pop-up weiter anpassen möchten, empfehlen wir einen CTA mit einem Formular zu erstellen

Bitte beachten: Das Tool für Pop-up-Formulare wird eingestellt und läuft aus. Ab dem 17. Juli ist es für Benutzer von Starter, Professional und Enterprise nicht mehr möglich, Pop-up-Formulare zu erstellen oder zu klonen. Benutzer können bestehende Pop-up-Formulare jedoch weiterhin bearbeiten, löschen und die Veröffentlichung aufheben. Es wird empfohlen, Haftbanner, Pop-up-Felder oder Slide-in-CTAs mit dem neuen CTAs-Tool zu erstellen.

Pop-up-Formular erstellen

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.

So erstellen Sie ein neues Pop-up-Formular: 

  • 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.
  • So verknüpfen Sie das Formular mit einem Unternehmensbereich (nur Add-on für Unternehmensbereiche):
    • Klicken Sie auf das Dropdown-Menü Unternehmensbereich auswählen.
    • Wählen Sie den Unternehmensbereich aus, mit dem Sie dieses Formular verknüpfen möchten. 
  • Wählen Sie Ihren Formulartyp aus. Um ein Pop-up-Formular zu erstellen, wählen Sie einen der folgenden Formulartypen aus:
    • 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.

Ihren Callout einrichten 

Auf der Registerkarte Callout können Sie Callout-Text hinzufügen und anpassen, um die Aufmerksamkeit der Besucher zu wecken. 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.

  • Feature-Bild: Wählen Sie ein Feature-Bild aus, das sowohl im Callout als auch im Formular angezeigt wird. (nur Pop-up-Feld und Einblendfeld)
  • Callout-Überschrift: Geben Sie den Text für die Hauptüberschrift des Callouts ein.
  • Callout-Text: Geben Sie etwaige zusätzliche Informationen oder Details zum Callout ein. Dies ist optional.
  • Callout-Button-Text: Geben Sie den Text für die Callout-Formular-Schaltfläche ein.
  • 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: Geben Sie einen Link zu einer externen Seite ein.
    • HubSpot-Seite oder -Blog-Beitrag (Marketing Hub oder CMS Hub Starter, Professional oder 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.
    • Meetinglink: Wählen Sie einen Meetinglink im Dropdown-Menü aus.
    • Kalender-Event: Erstellen Sie ein Kalender-Event und konfigurieren Sie Ihre Event-Details. Das Event wird im Google Kalender oder Outlook-Kalender des Kunden erstellt.

Ihr Pop-up-Formular anpassen

Wenn Ihre Callout-Schaltfläche mit einem Formularschritt verknüpft ist, können Sie das angezeigte Formular anpassen. Passen Sie auf der Registerkarte Formular die folgenden Details an:
  • Formulartext: Geben Sie etwaige zusätzliche Informationen oder Details ein, die vor den Formularfeldern angezeigt werden. Dies ist ein optionaler Schritt. 
  • Hinzugefügte Felder: Wählen Sie die Felder für Ihr Pop-up-Formular aus. 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
      • Sie können die Feldbezeichnung bearbeiten, Platzhaltertext hinzufügen oder einen Standardwert eingeben.
      • Für das Feld E-Mail können Sie E-Mail-Adressen oder Domains angeben, die Sie blockieren möchten.
  • Formular-Button-Text: Passen Sie den Text der Formularschaltfläche an. Standardmäßig wird der Formular-Schaltflächentext von der Registerkarte Callout in dieses Feld übernommen. 
  • GDPR-Optionen: Wenn Sie in Ihrem HubSpot-Account Datenschutzeinstellungen 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.
  • CAPTCHA: Aktivieren Sie CAPTCHA, um zusätzlichen Schutz vor Spam-Einsendungen bereitzustellen.

Eine Danksagungsnachricht für ein Formular erstellen

Wenn Ihre Callout-Schaltfläche mit einem Formularschritt verknüpft ist, konfigurieren Sie auf der Registerkarte Danke, was passiert, nachdem ein Besucher Ihr Pop-up-Formular eingesendet hat. 

  • Geben Sie in das Feld Danksagung eine Nachricht ein, die angezeigt werden soll, nachdem Besucher Ihr Pop-up-Formular eingesendet haben. Sie können den Rich-Text-Editor verwenden, um Ihren Text zu formatieren.
  • 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 oderCMS Hub Starter, Professional oder 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.
      • Meetinglink: Wählen Sie einen Meetinglink im Dropdown-Menü aus.
      • Kalender-Event: Erstellen Sie ein Kalender-Event und konfigurieren Sie Ihre Event-Details. Das Event wird im Google Kalender oder Outlook-Kalender des Kunden erstellt.

 

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. Durch das Erstellen einer Follow-up-E-Mail wird automatisch eine CAPTCHA zum Formular hinzugefügt.

Das Targeting für Ihr Pop-up-Formular anpassen

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, wann das Pop-up-Formular angezeigt wird. 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 den Namen des Abfrageparameters in das erste Textfeld 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 Pop-up anzeigen auf das erste Dropdown-Menü, um auszuwählen, wann Ihr Pop-up-Formular angezeigt wird.
    • 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.


Hinweis:

  • 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 es nicht erneut angezeigt, solange er sich noch in derselben Browser-Sitzung befindet. 

 

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.

Ihre Pop-up-Formularoptionen anpassen 

Auf der Registerkarte Optionen können Sie die Einstellungen des Pop-up-Formulars weiter anpassen. Abhängig von Ihrem HubSpot-Abonnement und den von Ihnen hinzugefügten Integrationen werden einige Optionen möglicherweise nicht angezeigt. Sie können die folgenden Optionen konfigurieren:

  • Terminplanung (nur Professional- oder Enterprise-Accounts): Standardmäßig wird sofort ein Pop-up-Formular veröffentlicht. 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. 
  • Legen Sie eine Lifecycle-Phase fest, wenn ein Kontakt oder ein Unternehmen erstellt wird: Klicken Sie auf das Dropdown-Menü Lifecycle-Status festlegen auf und wählen Sie eine Lifecycle-Phase aus. Wenn Besucher ein Formular einsenden, wird der entsprechende Datensatz auf die ausgewählte Lifecycle-Phase festgelegt. 
    • Sie können die Lifecycle-Phase eines Datensatzes nicht auf eine frühere Phase setzen. Wenn ein bestehender Kontakt oder ein Unternehmen mit einer späteren Lifecycle-Phase ein Formular einsendet, wird die Lifecycle-Phase nicht aktualisiert. 
  • 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 erneut 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 einen HubSpot-Benutzer oder ein Team zu benachrichtigen, wenn Kontakte erfasst werden.
  • Opt-in-E-Mails senden: Klicken Sie zum Verwalten von Double-Opt-in-Einstellungen für Ihre Pop-up-Formulare auf In Einstellungen verwalten.
  • Erstellte Kontakte als Marketingkontakte einstufen: Wenn Ihr HubSpot-Account Zugriff auf Marketingkontakte hat, können Sie alle über dieses Formular erstellten Kontakte automatisch als Marketingkontakte einstufen. 
  • 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.



Automatisierungen mit Ihrem Pop-up-Formular verwenden

Nutzen Sie einfache Automatisierungsfunktionen wie das Versenden einer Follow-up-E-Mail an einen Kontakt oder das Versenden automatischer interner E-Mail-Benachrichtigungen mit Ihren Pop-up-Formularen. Sie können die Formulareinsendung auch als Trigger in einem einfachen Workflow verwenden. Erfahren Sie in diesem Artikel mehr darüber, wie Sie Automatisierungen mit dem Formulartool verwenden können

  • Klicken Sie im oberen Bereich auf die Registerkarte Automatisierungen. Auf der Registerkarte Automatisierungen können Sie konfigurieren, was nach dem Absenden des Formulars passiert.
    • Passen Sie im Abschnitt Festlegen, was nach dem Einsenden eines Formulars passiert die Einstellungen für Ihr Formular nach Bedarf an.
    • Richten Sie im Abschnitt Einfachen Workflow erstellen einen einfachen Workflow ein, um Follow-up-Aktionen zu automatisieren, z. B. das Senden einer E-Mail oder das Festlegen einer Kontakteigenschaft.

Eine Vorschau Ihres Pop-up-Formulars anzeigen

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

  • Um zu überprüfen, 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 dieleftrightPfeil-nach-links- und Pfeil-nach-rechts-Symbole..

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

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.