Pop-up-Formulare erstellen
Zuletzt aktualisiert am: Juli 17, 2023
Mit einem der folgenden Abonnements verfügbar (außer in den angegebenen Fällen):
|
Mit dem Pop-up-Formular-Tool können Benutzer ansprechende Formulare für die Erfassung von Leads erstellen. Sie können Popup-Formulare für jeden Blog Post, jede Landingpage oder jede auf HubSpot gehostete Website-Seite verwenden.
Wenn Sie Ihr Pop-up mit einer Schaltfläche triggern oder ein Pop-up weiter anpassen möchten, empfehlen wir einen CTA mit einem Formular zu erstellen.
Bitte beachten Sie:, das Tool für Pop-up-Formulare, wird nicht mehr weiterentwickelt und läuft aus. Ab dem 17. Juli werden alle Benutzer von Starter, Professional und Enterprise nicht mehr in der Lage sein, Pop-up-Formulare zu erstellen oder zu kopieren. Die Benutzer können weiterhin bestehende Popup-Formulare bearbeiten, löschen und die Veröffentlichung aufheben. Es wird empfohlen, das Tool new CTAs zu verwenden, um stattdessen Banner, Popup-Boxen oder Slide-In-CTAs 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 Site oder das HubSpot-WordPress-Plugin auf Ihrer WordPress-Site installieren.
So erstellen Sie ein neues Pop-up-Formular:
- Gehen Sie in Ihrem HubSpot-Account zu „Formulare“.
- Für Professional und Enterprise Accounts, navigieren Sie zu Marketing > Lead Capture > Formulare.
- Für Starter und Free Accounts, navigieren Sie zu Marketing > Formulare.
- Klicken Sie oben rechts auf „Formular erstellen“.
- So verknüpfen Sie das Formular mit einer Geschäftseinheit (Nur Add-on Geschäftseinheiten ):
- 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:
- Pop-up-Feld
- Dropdown-Banner
- Einblendfeld links
- Einblendfeld rechts
- Klicken Sie oben rechts auf „Weiter“.
- Klicken Sie oben im Formular-Editor auf das Bleistiftsymbol edit 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.
- Hervorgehobenes Bild: wählen Sie ein hervorgehobenes Bild aus, das sowohl im Callout als auch im Formularschritt angezeigt werden soll (nur Popup-Box und Slide-in-Box).
- 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.
- Text der Callout-Schaltfläche: geben Sie den Text der Callout-Schaltfläche des Formulars 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 vom Pop-up-Formular zu einem Formular weiter. Passen Sie Ihr Formular an, indem Sie auf die Registerkarte Formular klicken.
- Nicht-HubSpot-URL: geben Sie einen Link zu einer externen Seite ein.
- HubSpot-Seite oder Blog-Post (Marketing Hub oder CMS Hub Starter, Professional oder Enterprise): Wählen Sie eine HubSpot-Seite oder einen Blog-Post in der Dropdown-Liste.
- Dateidownload: Klicken Sie auf Dateien durchsuchen, um Ihre Datei hinzuzufügen.
- Meeting-Link: Wählen Sie einen Meeting-Link aus dem Dropdown-Menü aus.
- Kalenderereignis: erstellen Sie ein Kalenderereignis und konfigurieren Sie Ihre Ereignisdetails. Der Termin wird im Google- 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. Auf der Registerkarte Formular können Sie die folgenden Details anpassen:- 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, einzelnes Kontrollkästchen, Zahl, Datumswahl und Datei.
- Benutzer in einem Marketing Hub Starter, Professional, und Enterprise Account können benutzerdefinierte Kontakteigenschaften in Pop-up-Formularen erstellen.
- Um die Darstellung eines Feldes im Formular anzupassen, klicken Sie auf das Bleistiftsymbol edit .
- 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.
- Um dem Formular weitere Felder hinzuzufügen, klicken Sie auf „+ Weiteres Formularfeld hinzufügen“.
- Formular-Button-Text: Passen Sie den Text der Formularschaltfläche an. Standardmäßig wird dieses Feld mit dem Text der Formularschaltfläche auf der Registerkarte Callout ausgefüllt.
- Hinweis und Einwilligung / berechtigtes Interesse (DSGVO): wenn Sie DSGVO in Ihrem HubSpot Account aktiviert haben, können Sie die Hinweis- und Einwilligungsoption für dieses Pop-up Formular einstellen. Um den Standardtext anzupassen, klicken Sie auf das Stiftsymbol edit .
- 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.
- Hinzufügen einer Schaltfläche nach der Danksagung, um Ihre Besucher an eine andere Stelle weiterzuleiten:
- Swählen Sie das Kontrollkästchen Schaltfläche hinzufügen.
- Passen Sie den Button-Text an.
- Wählen Sie den Link für Ihre Schaltfläche aus:
- Nicht-HubSpot-URL: leitet die Besucher auf eine externe Seite um. Geben Sie die URL der Seite ein.
- HubSpot Seite oder Blog Post (Marketing Hub oderCMS Hub Starter, Professional oder Enterprise): wählen Sie eine HubSpot Seite oder einen Blog Post aus dem Dropdown-Menü.
- Dateidownload: Klicken Sie auf Dateien durchsuchen, um Ihre Datei hinzuzufügen.
- Meeting-Link: Wählen Sie einen Meeting-Link aus dem Dropdown-Menü aus.
- Kalenderereignis: erstellen Sie ein Kalenderereignis und konfigurieren Sie Ihre Ereignisdetails. Der Termin wird im Google- oder Outlook-Kalender des Kunden erstellt.

Bitte beachten Sie: Accounts, die die kostenlosen Tools von HubSpot verwenden, müssen einen E-Mail-Einrichtungsassistenten abschließen, um das Double-Opt-In für Pop-up-Formulare zu aktivieren. Beim Erstellen einer Follow-up-E-Mail wird dem Formular automatisch ein CAPTCHA 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 mehrere Regelsätze zu kombinieren, die bestimmen, wann das Popup-Formular angezeigt wird. Erfahren Sie mehr über die Zielgruppenregeln.
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 aufruft, wählen Sie im Abschnitt Website-URL :
- Klicken Sie auf das erste Dropdown-Menü und wählen Sie Website-URL.
- Klicken Sie auf das zweite Dropdown-Menü und wählen Sie eine zielregel.
- Geben Sie Ihre Regelkriterien in das Textfeld ein.
- Um das Pop-up-Formular anzuzeigen, wenn ein Besucher auf einer Website-Seite ist, deren URL bestimmte Abfrageparameter enthält:
- Klicken Sie auf das erste Dropdown-Menü und wählen Sie Abfrageparameter.
- Geben Sie in das erste Textfeld den Namen des Abfrageparametersein.
- Klicken Sie auf die Dropdown-Liste und wählen Sie eine Zielregelaus.
- Geben Sie in das zweite Textfeld den Wert des Abfrageparameters ein.

- Um eine weitere Regel hinzuzufügen, klicken Sie auf Regel hinzufügen.
- Um das Pop-up-Formular von bestimmten Seiten (z. B. einer Seite mit Datenschutzrichtlinien) auszuschließen, klicken Sie auf Ausschlussregel hinzufügen.
Besucherinformationen und -verhalten (optional)
Sie können Ihr Popup-Formular auch auf der Grundlage bekannter Besucherinformationen und -verhaltensweisen an bestimmte Kontakte richten. 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.
So legen Sie Kriterien auf der Grundlage von Besucherinformationen fest, und zwar im Abschnitt Besucherinformationen und -verhalten :
- 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.
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, wenn er sich in der gleichen Browsing-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 Pop-up-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.
-
- Die in einem Formular festgelegte Lifecycle-Phase überschreibt die in Ihren HubSpot-Einstellungen konfigurierte Standard-Lifecycle-Phase.
- Kleine Bildschirmgrößen: um Ihr Pop-up-Formular auf mobilen Geräten zu deaktivieren, aktivieren Sie das Kontrollkästchen Pop-up-Formular auf kleinen Bildschirmgrößen 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.
- Fügen Sie Kontakte zu Salesforce-Kampagnen hinzu: Wenn Sie die Salesforce-Integration verwenden, klicken Sie auf das Dropdown-Menü, um jeden Kontakt, der das Popup-Formular abschickt, mit einer Salesforce-Kampagne zu verknüpfen.
- Hinzufügen von Kontakten zu GoToWebinar: Wenn Sie die GoToWebinar-Integration verwenden, klicken Sie auf das Dropdown-Menü, um jeden Kontakt, der das Pop-up-Formular ausfüllt, 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.
- Senden Sie Opt-in-E-Mails: zur Verwaltung von Double-Opt-in-Einstellungen für Ihre Pop-up-Formulare, klicken Sie auf Verwalten in den Einstellungen.
- Erstellte Kontakte als Marketingkontakte festlegen: Wenn Ihr HubSpot Account Zugriff auf Marketingkontakte hat, können Sie alle Kontakte, die über dieses Formular erstellt werden, automatisch als Marketingkontakte festlegen.
- 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 und die Übertragung von Kontakten an MailChimp-Listen.

Automatisierungen mit Ihrem Pop-up-Formular verwenden
Nutzen Sie einfache Automatisierungsfunktionen, wie z. B. das Senden einer Folge-E-Mail an einen Kontakt oder das Senden 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 Formulars anzuzeigen, klicken Sie auf die Pfeilsymbole links und rechts aufleftright.
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.