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 erstellen → Stil → Pop-up→ Wä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.

Mehr lesen: Theme-Einstellungen

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 und wird automatisch deaktiviert. 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.

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

Die Zielgruppeneinstellungen ermöglichen es Ihnen, das Formular basierend auf Besucher, Seite, Standort, Quelle, UTM und aktuellen Warenkorbdaten für Shopify-Shops 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.

Warenkorb-Zieloptionen umfassen:

Warenkorbwert, um das Formular basierend auf dem Mindestwarenkorbwert des Besuchers anzuzeigen.
Warenkorbartikel, um das Formular basierend auf der Mindestanzahl von Artikeln im Warenkorb des Besuchers anzuzeigen.

Hinweis: Warenkorb-Zieloptionen in Anmeldeformularen sind nur für Shopify-Shops verfügbar.

Standort-Zieloptionen umfassen:

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

UTM-Zieloptionen 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 Desktops angezeigt werden soll.

Häufigkeita0

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 so einstellen, dass es nach den folgenden Intervallen erneut angezeigt wird:

Sekunden
Minuten
Stunden
Tage

Hinweis: Wenn Sie Deaktivieren Sie die Frequenzeinstellungen, das Formular wird immer für Besucher angezeigt. Wir empfehlen, die Häufigkeitseinstellung zu aktivieren, um das Erscheinen des Formulars zu begrenzen und Ihre Shop-Besucher nicht zu überfordern.

Weiterleitung nach der Einreichung

Verwenden Sie Weiterleitung nach der Einreichung, um Besucher automatisch nach dem Absenden des Formulars an eine ausgewählte 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.

Erfahren Sie mehr über A/B-Tests von Formularen

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.

Artikel (Blöcke)

Im linken Seitenbereich können Sie bestimmte Inhaltsblöcke per Drag & Drop in Ihr Formularlayout ziehen.

Verfügbare Blöcke umfassen: 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 (z. B. "Geben Sie Ihre E-Mail ein") festlegen;
Das Feld erforderlich machen und die Fehlermeldung anpassen (Standard: „Dieses Feld ist erforderlich“);
Ein Label (z. B. "E-Mail" oder "Hinterlassen Sie hier Ihre E-Mail") hinzufügen;
Die Fehlermeldung für ungültige E-Mails 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:

Ein Platzhalter und Label festlegen.
Das Feld erforderlich machen und Fehlermeldungen anpassen (Standard: „Dieses Feld ist erforderlich“ / „Muss eine gültige Telefonnummer sein“).
Ein Standardland vorab ausfüllen, das als Flagge und Ländercode angezeigt wird.
Die in der Telefonnummer-Dropdown verfügbaren Länder steuern.Diese Länder anzeigen auswählen, um nur ausgewählte Länder zuzulassen, oder Diese Länder nicht anzeigen auswählen, um bestimmte Länder auszuschließen.

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 an Ihre Compliance-Anforderungen anpassen.Erfahren Sie mehr über den Block zur rechtlichen Einwilligung.

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 abzusenden;
Auf eine bestimmte URL zu verlinken;
Gehen Sie zum nächsten Schritt, wenn Sie ein Mehrschrittformular;
Das Formular zu 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.

4a1 Sie können mehrere Schaltflächen zum selben Formularschritt hinzufügen.Um Schaltflächenklicks als benutzerdefinierte Eigenschaften zu speichern, setzen Sie jede Schaltfläche auf Formular absenden, aktivieren Sie Auf benutzerdefinierte Eigenschaft abbilden, geben Sie den Namen der benutzerdefinierten Eigenschaft und den zu speichernden Wert ein.

Bild

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

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

Rechtliche 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:

Passen Sie die rechtliche Nachricht an, um Ihren Abonnenten mitzuteilen, wie Sie ihre Daten verwenden werden (z. B. für Marketing);
Ihren Link zur Datenschutzrichtlinie hinzufügen (erforderlich);
Die Fehlermeldung bearbeiten, 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 das Feld und wählen Sie den Text aus.

Hinweis: Das Kontrollkästchen ist standardmäßig deaktiviert. 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. Sie können:

Beschriften Sie das Feld;
Machen Sie es erforderlich;
Stylen Sie es über Themen-Einstellungen → Felder.

Datum

Fügen Sie ein Datumsfeld hinzu, um Geburtstage oder andere wichtige Daten zu sammeln. Wie bei anderen Feldern können Sie es beschriften, erforderlich machen und seinen Stil über Themen-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:

Wählen Sie den Wert aus, den Sie sammeln möchten;
Verwalten Sie das Label, den Platzhaltertext und die Ausrichtung;
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 zwischen den beiden Optionen basierend auf Ihren Vorlieben 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.

Lesen Sie mehr: Elemente, die Sie zu Ihrem Formular hinzufügen können

Zusätzlicher Formularschritt

Sie können bis zu drei zusätzliche Schritte (bis zu 4 vollständige Schritte) zu Ihrem Popup-Formular hinzufügen, um ein mehrstufiges Erlebnis zu schaffen.Dies ist nützlich, wenn Sie die Datenerfassung in kleinere Abschnitte aufteilen 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 das + Symbol Nächster Schritt.

Erfolgs-/Abonnierte Nachrichten

Erfolgsmeldung

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:

Bearbeiten Sie den Text;
Fügen Sie Schaltflächen, Bilder oder andere Blöcke hinzu;
Personalisieren Sie das Layout, um es an Ihre Marke anzupassen.

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 859; Fehlerfarbe.

Abonnierte 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 zurückkehrende 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 Popup hinzufügen oder eine teaserfähige Vorlage aus der Formularbibliothek verwenden.

Teaser folgen denselben Sichtbarkeitseinstellungen wie Ihr Popup, sodass Sie wählen können, ob Sie sie auf Desktop, Mobil oder beidem anzeigen möchten.

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

Erfahren Sie mehr: Teaser zu Ihren Anmeldeformularen hinzufügen

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 Popup 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 Popup wird jetzt angezeigt und bleibt dabei GDPR-konform.

Wie kann ich zwei verschiedene Mobile- und Desktop-Popups haben?

Sie können zwei separate Der Pop-up-Formulare erstellen. Gestalten Sie eine für mobile Geräte optimierte und eine für Desktop.Gehen Sie dann zu Verhaltenseinstellungen 859; Sichtbarkeit und setzen Sie ein Formular auf "Nur mobil" und das andere auf "Nur Desktop."

Mein Popup wird auf allen Seiten angezeigt, aber ich möchte es nur auf der Startseite.

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 das Targeting auf "ist" mit Ihrer genauen Startseiten-URL.

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.

Verwandte Artikel

Erstellen Sie ein Pop-up-Anmeldeformular