Zum Hauptinhalt springen

Erstellen Sie ein Pop-up-Anmeldeformular

Erfahren Sie, wie Sie ein Pop-up-Anmeldeformular in Omnisend erstellen

Verfasst von Ira

Ein Der Pop-up ist ein Formular, das auf Ihrer Website während des Browsens erscheint. Es erscheint basierend auf bestimmten Auslösern, wie z.B. der verbrachten Zeit auf der Seite, der Scrolltiefe oder der Absicht zu verlassen.

Popups ermöglichen es Ihnen, E-Mail-Opt-Ins zu sammeln, Rabatte anzubieten und Willkommensautomatisierungen auszulösen, wodurch Sie Ihre Liste erweitern und neue Besucher ansprechen können.


Einrichtungsprozess

Um ein Pop-up-Formular zu erstellen, navigieren Sie zu Formulare Formular erstellenStil Pop-upWählen Sie das Template. Eine Vielzahl von Der Pop-up-Formularvorlagen ist in der Formularbibliothek verfügbar, um Ihren Bedürfnissen gerecht zu werden.

Sobald Sie ein Template auswählen, werden Sie zum Form Builder weitergeleitet, wo Sie Ihr Formular weiter anpassen und bearbeiten können. Die Hauptfunktionen des Formularbauers sind Elemente (auch Blöcke genannt), Layouts, Verhalten und Theme-Einstellungen.

Sie können unbegrenzte Änderungen rückgängig machen oder wiederherstellen mit den Schaltflächen in der oberen rechten Ecke des Formularbauers. Allerdings wird ein Neuladen der Seite die Rückgängig-Historie zurücksetzen, und vorherige Änderungen sind nicht mehr rückgängig zu machen.

Theme-Einstellungen

Themen-Einstellungen geben Ihnen die volle Kontrolle über das Erscheinungsbild Ihres Formulars und helfen Ihnen, es nahtlos mit dem Design Ihrer Website abzustimmen.

Sie können anpassen:

  • Formularlayout: Wählen Sie den Anzeigetyp (Pop-up, eingebettet usw.), legen Sie die Formularbreite fest, fügen Sie ein Hintergrundbild hinzu und positionieren Sie das Formular auf Ihrer Website (z. B. zentriert, linke Ecke).

  • Formularstile: Passen Sie die Eckenrundung und die Rand-Eigenschaften an, einschließlich Breite, Linienstil, Farbe und Überlagerungsfarbe.

  • Schaltflächen: Wählen Sie einen Schaltflächenstil (Primär, Sekundär oder Tertiär) und passen Sie jede einzeln an, indem Sie Schriftart, Farbe, Form, Hover-Stile und mehr ändern.

  • Felder: Definieren Sie, wie Formularfelder (z. B. E-Mail-Adresse) erscheinen, indem Sie ihre Form, Farbe, Schriftart und Rahmenstil bearbeiten.

  • Schließen-Button: Wählen Sie, ob ein Schließen (X)-Button angezeigt werden soll oder nicht, und passen Sie die Farbe und den Stil des Buttons an.

Ob Sie subtile visuelle Anpassungen vornehmen oder umfassendere Änderungen vornehmen, die Theme-Einstellungen bieten die Flexibilität, ein konsistentes, markenkonformes und benutzerfreundliches Erlebnis zu schaffen.

Verhaltenseinstellungen

Verhaltenseinstellungen helfen Ihnen zu steuern wann, wo, und an wen Ihr Formular erscheint, zusammen mit wichtigen Zielgruppen- und Planungsoptionen.

Zielgruppenverwaltung

Mit den Einstellungen zur Zielgruppenverwaltung können Sie:

  • Tags zuweisen an alle Kontakte, die das Formular einreichen, um bei der zukünftigen Die Segmentierung zu helfen. Sie können einen vorhandenen Tag verwenden oder direkt im Formular-Builder einen neuen erstellen. Hier mehr über Kontakt-Tags lesen

  • Aktivieren Sie das Double Opt-in, das einen Bestätigungsschritt nach der Formularübermittlung hinzufügt, indem es dem Abonnenten eine Follow-up-E-Mail sendet, um sein Abonnement zu verifizieren. Hier mehr über Double Opt-In lesen

  • Aktivieren Sie reCAPTCHA, um Bot-Anmeldungen zu verhindern, indem Sie überprüfen, dass das Formular von einer echten Person eingereicht wurde. Hier mehr über reCAPTCHA lesen.

Zeitplanung

Planungseinstellungen helfen Ihnen, zu steuern, wann Ihr Formular aktiv sein soll, indem Sie festlegen:

  • Formular immer anzeigen – Das Formular wird kontinuierlich angezeigt, sobald es aktiviert ist, bis Sie es manuell deaktivieren.

  • Startdatum – Das Formular wird automatisch am ausgewählten Datum angezeigt. Ideal zur Vorbereitung auf die Kampagne.

  • Enddatum – Das Formular wird nach diesem Datum nicht mehr angezeigt. Nützlich für Nachverkaufs- oder zeitlich begrenzte Angebote.

  • Start- und Enddaten – Am besten für zeitlich begrenzte Aktionen, die innerhalb eines bestimmten Zeitrahmens laufen sollen.

Hinweis: Start- und Enddaten folgen der Zeitzone, die in Ihrem Der Webshop-Einstellungen Informationen zum Webshop.

Anzeige

Anzeige-Einstellungen helfen Ihnen zu entscheiden, wann das Formular basierend auf dem Benutzerverhalten angezeigt werden soll:

  • Seitenbesuche – Legen Sie die Anzahl der Seiten fest, die der Besucher ansehen muss, bevor das Formular erscheint.

  • Zeit auf der Seite – Legen Sie die Zeit (in Sekunden) fest, die der Besucher auf Ihrer Webseite verbringen muss, damit das Formular erscheint.

  • Scrolltiefe – Legen Sie den Prozentsatz fest, wie weit der Besucher auf der Seite scrollen muss, damit das Formular erscheint;

  • Exit-Absicht – Setzen Sie das Formular als Exit-Absicht, wenn Sie möchten, dass das Formular erscheint, wenn der Besucher die Seite verlassen möchte. Diese Einstellung funktioniert auf Desktops, Tablets und Handys. Sie basiert auf der Scrollgeschwindigkeit, sodass Formulare mit aktivierter Exit-Absicht angezeigt werden, wenn Benutzer schnell nach oben scrollen.

  • Benutzerdefinierter Trigger – setzen Sie das Formular so, dass es als Reaktion auf spezifische Aktionen auf Ihrer Website erscheint. Erfahren Sie mehr über benutzerdefinierte Trigger für Der Pop-up-Formulare

Hinweis: Sie können alle Anzeigeoptionen gleichzeitig verwenden, aber wir raten dazu, es einfach zu halten. Alle Regeln sind durch ' verbunden.ODER'-Logik verbunden, was bedeutet, dass, wenn Sie einige Anzeigeoptionen wählen, die Benutzer eine bestimmte Anzahl von Seiten besuchen oder etwas Zeit auf der Seite verbringen oder % der Seite scrollen müssen, um das Formular zu sehen.

Zielgruppen

Targeting Einstellungen ermöglichen es Ihnen, das Formular nur für bestimmte Kundengruppen und/oder auf einer bestimmten URL Ihres Webshops anzuzeigen und/oder das Formular auf einer bestimmten URL nicht anzuzeigen.

Zielgruppenoptionen für Besucher umfassen:

  • Alle Besucher. Zeigen Sie Ihr Formular allen an, die auf Ihrer Website landen;

  • Nicht anzeigen für bestehende Kontakte. Richten Sie sich ausschließlich an neue Besucher und potenzielle Leads, während Sie Ihre bestehenden Abonnenten unberührt lassen;

  • Anzeigen für bestehende Kontakte. Bieten Sie Ihren treuen Abonnenten exklusive Angebote und Updates;

  • Zielgruppe nach spezifischem Segment. Fügen Sie spezifische Segmente hinzu oder schließen Sie sie aus, um Ihr Formular anzuzeigen oder nicht anzuzeigen.

Wenn jemand Ihren Webshop besucht und mit einem Anmeldeformular interagiert, wird Omnisend ein Cookie in ihrem Browser platzieren, um sich zu merken, ob sie sich bereits angemeldet haben. Wenn sie erneut besuchen, wird das Formular den Kunden anhand des Cookies erkennen und die Abonnementaufforderung nicht erneut anzeigen, um doppelte Anmeldungen zu verhindern.

Seitenzielgruppenoptionen umfassen:

  • Erscheint auf URL zeigt das Formular auf einer bestimmten Seite oder einer Seite an, die einen bestimmten UTM enthält;

  • Erscheint nicht auf einer URL verhindert, dass das Formular auf einer bestimmten Seite oder einer Seite mit einem bestimmten UTM angezeigt wird;

  • Erscheint auf Seiten für nicht vorrätige Produkte.

⚠️ Wichtig: Stellen Sie sicher, dass die von Ihnen eingegebenen URLs genau mit denen im Browser übereinstimmen. Einige Browser ändern Sonderzeichen beim Kopieren von URLs, was die Sichtbarkeit des Formulars beeinträchtigen kann.

Hinweis: Seiten- und Besucherzielgruppen folgen der „UND“-Logik, was bedeutet, dass alle Bedingungen erfüllt sein müssen, damit das Formular erscheint.

Standortzielgruppenoptionen umfassen:

  • Besuchern in ausgewählten Ländern anzeigen;

  • Nicht anzeigen für Besucher in ausgewählten Ländern.

UTM-Zielgruppenoptionen umfassen:

  • UTM-Tags hinzufügen, wie z.B. utm_id, utm_source, utm_medium, utm_name, utm_term, und utm_content. Das Formular wird nur angezeigt, wenn die ausgewählten UTM-Parameter in der URL enthalten sind, auf der der Besucher landet.

Sichtbarkeit

Die Sichtbarkeitseinstellungen definieren die Geräte, auf denen das Formular angezeigt werden soll. Sie können wählen, ob es auf allen Geräten oder nur auf Mobilgeräten oder Desktop angezeigt werden soll.

Häufigkeit

Die Häufigkeit-Einstellungen bestimmen, wie oft ein Formular einem Besucher erneut angezeigt wird, wenn er sich nach der Anzeige nicht anmeldet. Sie können das Formular nach den folgenden Intervallen erneut anzeigen lassen:

  • Sekunden

  • Minuten

  • Stunden

  • Tage

Hinweis: Wenn Sie erstellen Deaktivieren Sie die Frequenzeinstellungen, das Formular wird immer für Besucher angezeigt. Wir empfehlen, die Frequenzeinstellung zu aktivieren, um das Erscheinungsbild des Formulars zu begrenzen und Ihre Webshop-Besucher nicht zu überfordern.

Nach der Einreichung umleiten

Verwenden Sie Nach der Einreichung umleiten, um Besucher automatisch nach dem Absenden des Formulars zu einer ausgewählten URL zu senden.

Der A/B-Test

Verwenden Sie A/B-Tests, um mit verschiedenen Versionen Ihres Formulars zu experimentieren. Dies ermöglicht es Ihnen, die Leistung zu vergleichen und für höhere Konversionen zu optimieren.

Layouts

Wählen Sie aus einer Vielzahl von Layouttypen und ziehen Sie sie per Drag & Drop in Ihr Formular. Sobald ein Layout hinzugefügt wurde, können Sie beginnen, Inhaltsblöcke direkt darin zu platzieren.

Elemente (Blöcke)

Aus der linken Seitenleiste können Sie ziehen und ablegen spezifische Inhaltsblöcke in Ihr Formularlayout.

Verfügbare Blöcke sind: E-Mail-Feld, Telefonnummernfeld, Text, Schaltfläche, Bild, Rechtliche Einwilligung, Eingabefeld, Datum, Dropdown, Linie/Raum, Glücksrad und mehr, die Ihnen alles bieten, was Sie benötigen, um ein hochkonvertierendes Popup zu erstellen.

E-Mail-Feld

Ziehen Sie den E-Mail-Feld-Block überall im Formular hin. Sie können:

  • Ein Platzhalter festlegen (z. B. "Geben Sie Ihre E-Mail ein");

  • Das Feld erforderlich machen und die Fehlermeldung anpassen (Standard: „Dieses Feld ist erforderlich“);

  • Ein Label hinzufügen (z. B. "E-Mail" oder "Hinterlassen Sie hier Ihre E-Mail");

  • Die Fehlermeldung für ungültige E-Mail-Adressen anpassen (Standard: „Die E-Mail-Adresse muss @ und eine gültige Domain enthalten“).

Telefonnummernfeld

Fügen Sie ein Telefonnummernfeld hinzu, um mobile Daten zu sammeln. Sie können:

  • Einen Platzhalter und ein Label festlegen;

  • Machen Sie das Feld erforderlich und passen Sie Fehlermeldungen an (Standard: „Dieses Feld ist erforderlich“ / „Muss eine gültige Telefonnummer sein“);

  • Ein Standardland vorab ausfüllen, das als Flagge und Ländercode angezeigt wird.

Bitte beachten Sie, dass das Telefonnummernfeld erfordert, dass ein rechtlicher Block zum Formular hinzugefügt wird (in den USA ist TCPA erforderlich, in der EU ist DSGVO erforderlich).Außerdem können Sie den rechtlichen Block gemäß den Anforderungen Ihres Landes anpassen. Lesen Sie weiter, um mehr über den rechtlichen Block zu erfahren.

Wichtig: Ein rechtlicher Block ist erforderlich, wenn Telefonnummern gesammelt werden (z.B. DSGVO für die EU,TCPA für die USA). Sie können den Text anpassen, um Ihren Compliance-Anforderungen gerecht zu werden.Erfahren Sie mehr über den rechtlichen Einwilligungsblock

Text

Verwenden Sie den Textblock, um beliebige Inhalte hinzuzufügen. Um den Text zu bearbeiten, klicken Sie auf den Block und verwenden Sie das rechte Panel, um Schriftart, Größe, Zeilenhöhe und Farbe anzupassen.

Schaltfläche

Sie können einen Button hinzufügen, um entweder:

  • Das Formular absenden;

  • Link zu einer bestimmten URL;

  • Gehen Sie zum nächsten Schritt, wenn Sie ein Mehrschrittformular;

  • Das Formular schließen.

Sie können auch den Text, den Stil und die Ausrichtung der Schaltfläche anpassen und die globalen Schaltflächenstile in Theme-Einstellungen weiter bearbeiten.

Bild

Sie können JPG-, PNG- oder GIF-Bilder (max. 2000px) hinzufügen. Sie können auch das Bild mit einer URL verlinken, Alt-Text hinzufügen und Ihr Bild größenverändern.

💡 Um das hinzugefügte Bild zu ändern, fahren Sie mit der Maus über die Ecke des Bildes und ändern Sie die Größe nach Ihren Wünschen.

Die Einwilligung

Rechtliche Einwilligung ist erforderlich, wenn Telefonnummern gesammelt werden, und wird für die Sammlung von E-Mails empfohlen, um die Einhaltung von Vorschriften wie DSGVO (EU) and (USA)

Im Form Builder ist der rechtliche Text kürzer, aber Sie können ihn vollständig anpassen. Sie können:

  • Die rechtliche Nachricht anpassen, um Ihren Abonnenten mitzuteilen, wie Sie deren Daten verwenden werden (z. B. für Marketing);

  • Fügen Sie Ihren Link zur Datenschutzrichtlinie hinzu (erforderlich);

  • Bearbeiten Sie die Fehlermeldung, die angezeigt wird, wenn das Kästchen nicht angekreuzt ist;

  • Wählen Sie zwischen Die DSGVO und TCPA Vorlagen, je nach Ihrer Zielgruppe.

4a1 Um den Einwilligungstext zu bearbeiten, klicken Sie in den Block und wählen Sie den Text aus.

Hinweis: Das Kontrollkästchen ist standardmäßig nicht angekreuzt. Kontakte müssen es aktiv ankreuzen, bevor sie das Formular absenden. Zur Einhaltung empfehlen wir, klar anzugeben, wie E-Mails und Telefonnummern verwendet werden (z. B. für Marketingzwecke) in Ihrer Datenschutzrichtlinie.

Eingabefeld

Verwenden Sie diesen Block, um zusätzliche Daten wie Vorname, Nachname, Adresse, Stadt, Bundesland, Postleitzahl, und benutzerdefinierte Eigenschaft zu sammeln. You can:

  • Das Feld beschriften;

  • Erforderlich machen;

  • Stylen Sie es über Themen-EinstellungenFelder.

Datum

Fügen Sie ein Datumsfeld hinzu, um Geburtstage oder andere wichtige Daten zu sammeln. Wie andere Felder können Sie es beschriften, erforderlich machen und seinen Stil über Theme-Einstellungen Felder anpassen.

4a1 Erfahren Sie mehr über die Geburtstagsautomatisierung.

Dropdown

Das Dropdown-Element kann verwendet werden, um Werte wie Geschlecht, Land oder eine benutzerdefinierte Eigenschaft zu sammeln. Sie können:

  • Den Wert auswählen, den Sie sammeln möchten;

  • Label, Platzhaltertext und Ausrichtung verwalten;

  • Das Feld erforderlich machen und die erforderliche Fehlermeldung hinzufügen.

Wenn Sie den Typ Die Benutzerdefinierte Eigenschaft auswählen, können Sie entweder vorhandene benutzerdefinierte Eigenschaften auswählen oder eine neue erstellen, indem Sie einfach ihren Namen eingeben. Sie können auch die benötigten Optionen hinzufügen, indem Sie auf Wahl hinzufügen klicken. Erfahren Sie mehr über benutzerdefinierte Eigenschaften.

Die Standard-Eigenschaften, die mit Omnisend geliefert werden, ermöglichen es Ihnen, Informationen wie Die E-Mail, Name, Telefonnummer usw. zu sammeln, während die benutzerdefinierten Eigenschaften es Ihnen ermöglichen, Informationen zu sammeln, die standardmäßig nicht enthalten sind.

Linie/Raum

Verwenden Sie das Line/Space-Element, um visuelle Trennung in Ihr Formular hinzuzufügen. Sie können je nach Vorliebe zwischen den beiden Optionen wechseln.

  • Linie ermöglicht es Ihnen, Rand, Breite, Stil, Ausrichtung und Farbe anzupassen.

  • Raum ermöglicht es Ihnen, die Höhe des Abstands in Pixeln (bis zu 240 px) anzupassen.

Zusätzlicher Formularschritt

Sie können einen zweiten Schritt zu Ihrem Pop-up-Formular hinzufügen, um eine mehrstufige Erfahrung zu schaffen.Dies ist nützlich, wenn Sie die Datensammlung in kleinere Abschnitte unterteilen möchten, z. B. zuerst die E-Mail-Adresse, dann die Telefonnummer oder andere Details zu sammeln.


Um einen weiteren Schritt hinzuzufügen, klicken Sie auf Option hinzufügen Nächster Schritt.

Erfolgs-/Abonniernachrichten

Erfolgsnachricht

Nachdem ein Kontakt das Formular eingereicht hat, wird eine Erfolgsmeldung angezeigt. Sie können es vollständig anpassen, indem Sie im Formular-Builder zum Erfolg-Schritt im unteren Menü wechseln.

In dieser Ansicht können Sie:

  • Den Text bearbeiten;

  • Schaltflächen, Bilder oder andere Blöcke hinzufügen;

  • Das Layout personalisieren, um zu Ihrer Marke zu passen.

Hinweis: StandardFehlermeldungen erscheinen neben jedem Formularfeld. Während wir hilfreiche Standardtexte bereitstellen (z. B."Dieses Feld ist erforderlich" für das rechtliche Kontrollkästchen), können Sie diese an Ihren Ton anpassen. Sie können auch dieFehlertextfarbe inTheme-Einstellungen Felder Fehlerfarbe.

Abonniertes Nachricht

Verwenden Sie die Abonnierte Nachricht, um Ihre Kunden zu benachrichtigen, wenn sie bereits auf der Kontaktliste stehen. Diese Nachricht wird allen Kunden angezeigt, die versuchen, sich über dieses Formular anzumelden, aber bereits in Ihrer Omnisend Zielgruppe vorhanden sind.

💡 Sie können die Nachricht weiter bearbeiten oder Blöcke hinzufügen (z. B. eine Rabatt- oder Dankesnachricht). Dies hilft, klare Erwartungen zu setzen und wiederkehrende Abonnenten zu belohnen.

Teaser

Ein Teaser ist ein kleines klickbares Element, das am Rand der Seite erscheint und Ihr Pop-up-Formular öffnet, wenn es angeklickt wird, und bietet eine nahtlose Möglichkeit, die Aufmerksamkeit der Besucher zu gewinnen. Sie können manuell einen Teaser zu jedem Pop-up hinzufügen oder eine teaserfähige Vorlage aus der Vorlagenbibliothek verwenden.

Teaser folgen denselben Sichtbarkeitseinstellungen wie Ihr Pop-up, sodass Sie wählen können, ob Sie sie auf Desktop, Mobilgerät oder beidem anzeigen möchten.

Hinweis: Teaser werden für Kontakte nicht mehr angezeigt, sobald sie sich anmelden.

Aktivierung Ihres Formulars

Sobald Ihr Formular bereit ist, live zu gehen, klicken Sie auf Aktivieren, um Ihr Formular zu veröffentlichen. Sie können Ihren Fortschritt auch speichern, ohne zu veröffentlichen, indem Sie auf Speichern & Schließen klicken, um es als Entwurf zu behalten.

Häufig gestellte Fragen

Warum wird mein Pop-up auf meiner WooCommerce-Seite nicht angezeigt?

Wenn Sie das Complianz-Plugin verwenden, kann es Omnisend-Popups blockieren. Um dies zu beheben, gehen Sie zu den Einstellungen des Complianz-Plugins → Integrationen-Tab → Deaktivieren Sie die Omnisend-Integration. Ihr Pop-up wird jetzt angezeigt und bleibt dabei DSGVO-konform.

Wie kann ich zwei verschiedene Pop-ups für Mobilgeräte und Desktop haben?

Sie können zwei separate Der Pop-up-Formulare erstellen. Gestalten Sie eines, das für Mobilgeräte optimiert ist und eines für Desktop.Gehen Sie dann zu Verhaltenseinstellungen Sichtbarkeit und setzen Sie ein Formular auf "Nur Mobil" und das andere auf "Nur Desktop."

Mein Pop-up wird auf allen Seiten angezeigt, aber ich möchte es nur auf der Startseite haben.

Wenn Sie "enthält" mit Ihrer Startseiten-URL (z. B. "mysite.com") verwendet haben, wird der Der Pop-up auf allen Seiten angezeigt, da jede Seite diese URL enthält. Um das Formular nur auf der Startseite anzuzeigen, ändern Sie die Zielsetzung auf "ist" mit Ihrer genauen URL der Startseite.


Haben Sie noch Fragen? Zögern Sie nicht, unseren Support unter der Kontaktadresse zu kontaktieren Der Kontakt erfolgt über [email protected] oder über den In-App-Chat.

Hat dies deine Frage beantwortet?