Easily create mobile-optimized pop-up forms. Get started with HubSpot’s form  builder.

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: Juli 15, 2020

Produkte/Lizenzen

Alle

Mit dem Pop-up-Formular-Tool können Nutzer ganz einfach ansprechende Formulare für die Erfassung von Leads erstellen. Pop-up-Formulare sind für Blog-Beiträge, Landing-Pages oder Website-Seiten verfügbar, die in der HubSpot-Software gehostet werden. 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 in der linken Seitenleiste „Pop-up-Formular“ aus.
  • Klicken Sie oben rechts auf „Weiter“.
  • Um den Namen des Pop-up-Formulars anzupassen, klicken Sie oben auf das edit Bleistift-Symbol und geben Sie einen Namen ein.

1. Typ – Typ des Pop-up-Formulars auswählen

Es gibt drei Typen von Pop-up-Formularen. Wählen Sie auf der Registerkarte „Typ“ die Art des zu erstellenden Pop-up-Formulars aus:

  • Popup-Feld: Ein Popup-Feld wird auf der Seite angezeigt.
  • Dropdown-Banner: Oben auf der Seite wird ein Dropdown-Banner angezeigt.
  • Einblendfeld links/rechts: Unten links bzw. rechts auf der Seite wird ein Einblendfeld angezeigt.

Klicken Sie oben rechts auf „Weiter“.

2. 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: (nur Popup-Feld) Wählen Sie ein Feature-Bild aus, das sowohl im Callout als auch im Formular angezeigt wird.
  • 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. Klicken Sie auf eine der standardmäßigen Farben oder wählen Sie eine benutzerdefinierte Farbe aus, indem Sie auf das Farbfeld neben dem Hexadezimalwert klicken und eine Farbe aus dem Farbverlauf auswählen. Sie können auch einen Hexadezimalwert eingeben.
  • 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, Enterprise und CMS): 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 sofort 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 oben rechts auf „Weiter“.

3. 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: (optional) Geben Sie hier eine genauere Beschreibung des Angebots ein, das Sie mit Ihrem Pop-up-Formular bereitstellen.
  • Hinzugefügte Felder: Das Standard-E-Mail-Feld wird automatisch eingebunden.
    • 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 (nur Marketing Hub Starter-, Professional- und Enterprise-Nutzer können benutzerdefinierte Kontakteigenschaften in Pop-up-Formularen erstellen).
    • Um anzupassen, wie das Formularfeld für Besucher angezeigt wird, klicken Sie auf das Bleistiftsymbol edit, um die Bezeichnung des Formularfelds anzupassen oder um einen Platzhalter-Text bzw. einen Standardwert einzugeben. 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 automatisch 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 Bleistift-Symbol 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.
  • 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.

pop-up-forms-edit-form

Klicken Sie oben rechts auf „Weiter“.

4. 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 oder Downloads.

Um nach Ihrer Danksagungsmitteilung eine Schaltfläche hinzuzufügen, über die Ihre Besucher zu einer anderen Stelle weitergeleitet werden, z. B. zu einer Webseite, einem Datei-Download oder einem Meeting-Link.

  • Aktivieren Sie das Kontrollkästchen Button hinzufügen.
  • Passen Sie den Button-Text an.
  • Wählen Sie unter „Worauf sollte der Button verlinken?“ den Link für Ihren Button aus:
    • Externe URL: Hiermit werden Benutzer auf eine externe Seite weitergeleitet. Geben Sie die Externe URL Ihrer Seite ein.
    • HubSpot-Seite oder -Blog-Beitrag
    • (Marketing Hub Starter,Professional, Enterprise und CMS Hub): Hiermit werden Besucher zu einer Ihrer HubSpot-Seiten oder -Blog-Beiträge weitergeleitet. Klicken Sie auf das Dropdown-Menü Seite oder Beitrag auswählen, um eine veröffentlichte HubSpot-Seite oder einen Blog-Beitrag auszuwählen.
    • Dateidownload: Besucher werden zu einem Dateidownload weitergeleitet. Klicken Sie auf Dateien durchsuchen, um die Datei im Datei-Manager auszuwählen. Klicken Sie zum Hochladen einer neuen Datei unten links im rechten Bereich auf downCarat „Datei hinzufügen“ und laden Sie eine Datei von Ihrem Gerät, aus Ihrer Dropbox oder aus Google Drive hoch.
    • Meeting-Link: Ermöglichen Sie es Besuchern mithilfe eines Meeting-Links, ein Meeting mit einem Ihrer Mitarbeiter zu vereinbaren. Klicken Sie auf das Dropdown-Menü Meeting-Link, um einen vorhandenen Meeting-Link auszuwählen.
    • Kalender-Event: Ermöglichen Sie es Besuchern, ein neues Kalender-Event in ihren Google- oder Outlook-Kalender einzutragen. Geben Sie einen Event-Namen, Datum, Uhrzeit, Zeitzone, Standort und Details ein.

Klicken Sie oben rechts auf Weiter.

5. 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 ausgefüllt haben. Dazu müssen Sie aufFollow-up-E-Mail erstellen klicken.

Bitte beachten: HubSpot CRM Free-Benutzer müssen einen Assistenten zur Einrichtung von E-Mails ausführen, um die Double-Opt-in-Funktion für Pop-up-Formulare zu aktivieren.

  • Passen Sie im rechten Bereich die Details Ihrer Follow-up-E-Mail an:
    • Abonnementtyp: Wählen Sie mit einem Klick den Abonnementtyp Ihrer Follow-up-E-Mail aus.
    • Von Benutzer: Wählen Sie mit einem Klick den Absender Ihrer Follow-up-E-Mail aus.
    • Betreffzeile: Fügen Sie einen Betreff für die Follow-up-E-Mail hinzu.
    • Textkörper: Verfassen Sie eine Nachricht, 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“, wenn Sie fertig sind. Eine kurze Vorschau der E-Mail sollte angezeigt werden. 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.
  • Klicken Sie oben rechts auf Weiter.

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

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

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.

  • So legen Sie Kriterien basierend auf einer Website-URL fest:
    • Klicken Sie auf das erste Dropdown-Menü und wählen Sie die Option „Website-URL“ aus.
    • Klicken Sie auf das zweite Dropdown-Menü, wählen Sie „alle Seiten“, „ist“,„enthält“ , „beginnt mit“ oder „entspricht Platzhalter“ aus und geben Sie Ihre Kriterien ein.
 
Sie können auch Targeting-Regeln festlegen, um Ihr Pop-up-Formular anhand von Abfrageparameterwerten anzuzeigen. Wenn das Pop-up-Formular z. B. auf Seiten angezeigt werden soll, deren URL den UTM-Kampagnenparameter E-Book-Angebot enthält, geben Sie die Regel utm_campaign = ebook_offer ein.
  • So legen Sie Kriterien basierend auf basierend auf Abfrageparametern fest:
    • Klicken Sie auf das erste Dropdown-Menü und wählen Sie die Option „Abfrageparameter“ aus.
    • Geben Sie den Namen des Abfrageparameters in das erste Textfeld ein.
    • Geben Sie den Wert des Abfrageparameters in das zweite Textfeld ein.
  • Um eine weitere Regel hinzuzufügen, klicken Sie auf Regel hinzufügen.
  • Wenn das Pop-up-Formular auf bestimmten Seiten (z. B. der Seite mit der Datenschutzrichtlinie) ausgeschlossen werden soll, klicken Sie auf Ausschlussregel hinzufügen.
 
Erfahren Sie mehr über Targeting-Regeln.

Besucherinformationen und -verhalten

Website-Targeting-Regeln können angepasst werden, je nachdem, ob der Besucher ein nachverfolgter Kontakt ist. Marketing Hub Professional- und Enterprise-Accounts können zusätzliche Filtergruppen erstellen, mit denen Regeln für das Ein- oder Ausblenden Ihres Pop-up-Formulars kombiniert werden.

Sie können Ihr Pop-up-Formular basierend auf den folgenden Informationen für bestimmte Besucher ausblenden oder anzeigen:

  • Segmentierte Listen: Angabe, ob der Besucher ein nachverfolgter Kontakt in Ihrer Datenbank mit Mitgliedschaften in bestimmten Listen ist.
  • Besucher: Angabe, ob der Besucher ein nachverfolgter Kontakt in Ihrer Datenbank oder ein neuer Besucher ist.
  • Gerätetyp: Der Typ von Gerät, das der Besucher verwendet, wenn er Ihre Website besucht.
  • Browsersprache: Die Sprache, die der Besucher in seinen Browsereinstellungen ausgewählt hat.
  • Land: Das Land, aus dem der Besucher basierend aus seiner aktuellen IP-Adresse stammt.
  • Angeklickter CTA ist: Angabe, ob der Besucher auf einen bestimmten CTA geklickt hat.
  • Tage seit dem letzten Besuch: Die Anzahl der Tage, seit der Besucher Ihre Website zuletzt besucht hat.
  • Aufgerufenes Formular ist: Angabe, ob der Besucher ein bestimmtes Formular aufgerufen hat.
  • Sitzungsanzahl: Die Anzahl der Analytics-Sitzungen, die der Besucher auf Ihrer Website hatte.
  • Seite/n besucht: Angabe, ob der Besucher zuvor eine bestimmte Seiten-URL besucht hat.
  • Verweis-URL: Angabe, ob der Besucher von einer bestimmten Seiten-URL auf Ihre Website weitergeleitet wurde.
  • SEO-Thema: Angabe, ob der Besucher derzeit eine Seite oder einen Blog-Beitrag anzeigt, der mit einem bestimmten Thema im SEO-Tool verknüpft ist.
  • SEO-Themenverlauf: Angabe, ob der Besucher zuvor eine Seite aufgerufen hat, die mit einem bestimmten Thema im SEO-Tool verknüpft ist.

Erfahren Sie mehr über Targeting-Regeln.

So erstellen Sie eine Filtergruppe:

  • 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 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 mehrere Trigger ausgewählt haben, wird das Formular je nach der Triggerbedingung, die zuerst erfüllt wird, angezeigt.

Klicken Sie oben rechts auf „Weiter“.

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

7. Optionen – Pop-up-Formular weiter anpassen 

Auf der Registerkarte Optionen passen Sie die folgenden Optionen an:

  • Planen (nur Professional- und 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, verwenden Sie die Dropdown-Menüs „Startdatum“ und „Uhrzeit“.
    • 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 und verwenden Sie die Dropdown-Menüs „Enddatum“ und „Uhrzeit“.
  • 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 Popup-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.
Klicken Sie oben rechts auf Weiter.
 

8. 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 die leftrightPfeile nach rechts/links.t

Veröffentlichen

Klicken Sie oben rechts auf Veröffentlichen, um Ihr Pop-up-Formular zu veröffentlichen.

New Call-to-action

/de/pop-up-forms/create-pop-up-forms