Eingebettete Formulare erscheinen konsistent auf bestimmten Seiten Ihrer Website, was die Sammlung von Abonnenten einfach und nahtlos macht. Durch das Einbetten eines Formulars auf jeder Seite Ihrer Website können Sie Ihre Reichweite erweitern, Ihre Kontaktliste aufbauen und neue Abonnenten direkt zu Ihrer Omnisend Zielgruppe hinzufügen.
In diesem Artikel erfahren Sie, wie Sie ein eingebettetes Formular zu Ihrer Website hinzufügen und wie Sie es nutzen können, um Ihre E-Mail-Marketingstrategie zu verbessern.
Bevor Sie beginnen
Ein eingebettetes Formular ist eine Möglichkeit, Ihr Anmeldeformular als Teil Ihrer Website anzuzeigen.
Sie müssen einen kurzen HTML-Code in den Code Ihres Website-Themes kopieren und hinzufügen.
Wenn Sie bereits ein Fußzeilenformular auf Ihrer Website haben, müssen Sie kein weiteres eingebettetes Formular in Omnisend erstellen. Kontakte, die über Ihr Themenformular eingehen, werden automatisch mit Ihrer Omnisend Zielgruppe synchronisiert.
Damit das eingebettete Formular funktioniert, müssen die Front-End-Integration zuerst abgeschlossen werden (dies geschieht automatisch für Shopify, BigCommerce und WooCommerce, sobald die Omnisend-App installiert ist).
Wix unterstützt keine eingebetteten Formulare. Wenn Sie Wix verwenden, können Sie eine Der Pop-up oder Flyout Formular stattdessen.
Für Shopify-Nutzer: Die Omnisend App Embed muss in Ihrem Theme aktiviert sein, damit eingebettete Formulare funktionieren. Erfahren Sie mehr über Shopify App Embed
Einrichtungsprozess
Schritt 1. Navigieren Sie zu Formulare und klicken Sie auf Formular erstellen.
Schritt 2. Wählen Sie in der Formularbibliothek Eingebettete Formulare → Wählen Sie eine der Formularvorlagen → Klicken Sie auf Das Template verwenden.
Schritt 3. Sie werden zum Formular-Builder weitergeleitet, wo Sie Ihr Formular bearbeiten und zusätzliche Elemente hinzufügen können.
Sie können Ihr eingebettetes Formular ganz einfach mit einem einfachen Drag-and-Drop-Editor anpassen.
Neben dem Sammeln von E-Mail-Adressen können Sie Eingabe- und Dropdown-Felder verwenden, um andere Informationen über den Kunden zu sammeln, wie z. B. Geburtsdatum, Telefonnummer oder benutzerdefinierte Eigenschaften.
Sie können Ihr Formular auch mit Text, Bildern, mehreren Schaltflächen oder sogar einem Glücksrad aufpeppen, um das Erlebnis zu gamifizieren und Abonnements zu fördern.
Schritt 4. Überprüfen und passen Sie Ihre Formulareinstellungen an.
Im Menü auf der rechten Seite finden Sie die Registerkarten Verhalten und Themeneinstellungen:
Verhaltenseinstellungen
Die Zielgruppenverwaltung: Weisen Sie Kontakten, die das Formular ausfüllen, eine Markierung zu, um die Segmentierung zu erleichtern. Sie können eine vorhandene Markierung zum Formular hinzufügen oder direkt im Formular-Builder eine neue erstellen. Hier mehr über Kontakt-Tags lesen
Sie können auch Doppelte Opt-In oder reCAPTCHA aktivieren, um sicherzustellen, dass Ihr Formular nur gültige Abonnenten erfasst. Erfahren Sie mehr über Double Opt-In und reCAPTCHA.
Zielsetzungseinstellungen: Entscheiden Sie, ob das Formular auf nicht vorrätige Produktseiten.
Themeneinstellungen
Formularlayout: Wählen Sie den Formular-Typ (Pop-up, Flyout, eingebettet oder Die Landingpage) und passen Sie die Breite (bis zu 1000px) an.
Formularstile: Passen Sie den Eckenradius, die Rahmenbreite, den Stil und die Farbe an.
💡Wenn Sie benutzerdefinierte Farben verwenden möchten, klicken Sie auf das +-Zeichen unter Meine Farben und wählen Sie die Farben aus einer Palette aus.
Schaltflächen: Gestalten Sie die Formularschaltflächen so, dass sie zu Ihrem Branding passen.
Felder: Passen Sie die Eingabefelder an, einschließlich Schriftart, Größe, Farben und mehr.
Zuletzt können Sie Nachrichten einrichten, die nach erfolgreicher Anmeldung und an Kunden, die bereits in Ihrer Zielgruppe sind, angezeigt werden.
Das ist es! Ihr Formular ist bereit zum Einbetten.
Hinweis: Eingebettete Formulare funktionieren auf allen Plattformen, aber wenn Sie eine benutzerdefinierte Plattform verwenden, müssen Sie zuerst die Front-End-Integration abschließen.
Einbettungscode
Sobald Sie Ihr Formular angepasst haben, müssen Sie es aktivieren, um den Einbettungscode zu generieren.
Klicken Sie auf Aktivieren im oberen Menü. Sie sehen die Optionen, um auszuwählen, wie Sie Ihr Formular einbetten:
Shopify – Wenn Ihre E-Commerce-Plattform Shopify ist, sehen Sie spezielle Schritte und automatische Weiterleitungen, die Ihnen helfen, das Formular einzubetten.
Handbuch – Wenn Sie eine andere E-Commerce-Plattform verwenden (z. B. WooCommerce, BigCommerce usw.), erhalten Sie einen Einbettungscode, der in das Admin-Panel Ihres Webshops eingefügt werden muss.
Sie können den Einbettungscode später auch finden, indem Sie auf Verhaltenseinstellungen → Einrichtungsanweisungen anzeigen → Wählen Sie aus, wie Sie Ihr Formular einbetten → Shopify oder Manuell auswählen.
Hinweis: Das Einbetten von Formularen ist keine universelle Lösung, da es oft Anpassungen basierend auf dem Design Ihres Webshops erfordert. Für detaillierte, plattformspezifische Anleitungen konsultieren Sie bitte die untenstehende Dokumentation für Ihre E-Commerce-Plattform: Shopify, BigCommerce, oder WordPress/WooCommerce.
Einbetten des Formulars in Shopify
Schritt 1. In Omnisend klicken Sie auf Aktivieren → Wählen Sie Shopify als Ihre Einbettungsmethode → Kopieren Sie das Formular-ID → Klicken Sie auf Shopify-Einstellungen öffnen.
Sie werden zu Ihrem Shopify-Adminbereich weitergeleitet.
Hinweis: Wenn die Omnisend Embedded Form-App-Einbettung nicht aktiviert ist, werden Sie zuerst zu App-Einbettungen weitergeleitet, um sie zu aktivieren. Sobald sie aktiviert sind, kehren Sie zum Theme-Editor zurück, um fortzufahren. Erfahren Sie mehr über Shopify App Embeds
Schritt 2. In Shopify, suchen Sie das neu hinzugefügte Omnisend Embedded Form-Bereich (normalerweise am unteren Ende des Theme-Layouts) → Klicken Sie auf den Bereich → Fügen Sie die Formular-ID ein.
Schritt 3. Ziehen und verschieben Sie den Omnisend Embedded Form-Bereich an Ihren bevorzugten Ort im Theme-Layout.
💡 Tipp: Experimentieren Sie mit verschiedenen Platzierungen, um Ihr Formular in einem sichtbaren und ansprechenden Bereich für Ihre Website-Besucher zu positionieren.
Schritt 4. Klicken Sie auf Speichern in der oberen rechten Ecke des Shopify-Theme-Editors.
Ihr Formular wird nun in Ihrem Shop sichtbar sein.
Manuelles Einbetten in Shopify:
Falls erforderlich, können Sie das Formular jederzeit manuell mit dem Einbettungscode einbetten.
Gehe im Shopify-Admin zu Onlineshop → Themen → Thema bearbeiten.
Klicken Sie auf Abschnitt hinzufügen → Wählen Sie Benutzerdefiniertes Liquid.
Fügen Sie Ihren Einbettungscode ein → Speichern Sie Ihre Änderungen.
Das Formular in BigCommerce einbetten
Die folgenden Schritte funktionieren mit allen Themen, die gemäß den BigCommerce-Standards erstellt wurden. Wenn Ihr Thema importiert, aber nicht in BigCommerce erstellt wurde, müssen Sie sich mit Ihrem Theme-Entwickler in Verbindung setzen, um zu erfahren, wie Sie den Code einbetten können.
Schritt 1. In Omnisend klicken Sie auf Aktivieren → Wählen Sie Manuell → Kopieren Sie den Formular-Einbettungscode.
Schritt 2. Navigieren Sie zu Ihrem Bigcommerce-Admin → klicken Shop → Themes → Anpassen.
Schritt 3. Ziehen Sie die Datei hinein und lassen Sie sie los. HTML-Block, wo Sie das eingebettete Formular platzieren möchten.
Schritt 4. Fügen Sie den Embed-Code ein → Klicken Sie HTML speichern.
Schritt 5. Änderungen veröffentlichen. Ihr Formular ist jetzt live.
Hinweis: Das Formular wird nur angezeigt, wenn die Änderungen veröffentlicht sind.
Formular in WordPress/WooCommerce einbetten
Schritt 1. In Omnisend klicken Sie Aktivieren → Wählen Sie Manuell → Kopieren Sie die Formular-Einbettungscode.
Schritt 2. Gehen Sie zu Ihrer WordPress-Website und melden Sie sich an. WordPress-Dashboard. Hier können Sie alle Aspekte Ihres Webshops verwalten, einschließlich des Hinzufügens neuer Formularelemente.
Schritt 3. Je nachdem, wo Sie das Formular einbetten möchten, navigieren Sie zu 'Seiten' oder 'Beiträge' aus dem Dashboard und dann auswählen 'Neu hinzufügen' oder wählen Sie, um 'Bearbeiten' einer bestehenden Seite/Beitrag.
Schritt 4. Um den benutzerdefinierten HTML-Block hinzuzufügen, klicken Sie auf das + Block Inserter-Symbol und suchen Sie nach 'HTML.'
Schritt 5. Nachdem Sie den Block hinzugefügt haben, können Sie Ihren Code in das bereitgestellte Feld einfügen, bearbeiten und in der Vorschau im Editor anzeigen.
In wenigen Klicks verwandelt sich das HTML in ein eingebettetes Formular in Ihrem WordPress/WooCommerce Der Webshop.
Arbeiten mit Abonnenten
Kunden, die Ihr eingebettetes Formular verwenden, werden sofort mit einem Abonnentenstatus zu Ihrer Zielgruppe hinzugefügt.
Alle Kontakte, die das eingebettete Formular verwenden, erhalten ebenfalls eine Die Markierung zugewiesen. Sie können Tags beim Einrichten des Formulars überprüfen. Bitte beachten Sie, dass Tags standardmäßig sind und nicht geändert werden können.
Als Ergebnis des Abonnements erhalten Ihre Kunden zwei Die Markierungen: eine standardmäßige Die Markierung, die dem eingebetteten Formular zugewiesen ist, und eine standardmäßige Die Markierung, die mit dem Anmeldeformular verbunden ist. Quelle: Anmeldeformular.
Diese Tags können für die Segmentierung verwendet werden, wenn Sie eine Kampagne oder Automatisierung an ein bestimmtes Segment von Kunden senden möchten.
Hinweis: Ihre standardmäßige Willkommensautomatisierung wird automatisch für Kunden ausgelöst, die das eingebettete Formular verwenden. Sie müssen keine separate Willkommensautomatisierung für sie einrichten.
Häufig gestellte Fragen
Kann ich dasselbe eingebettete Formular auf mehreren Seiten verwenden?
Ja. Kopieren Sie den Embed-Code von Verhaltenseinstellungen → Code zu Ihrer Website hinzufügen und fügen Sie ihn auf so vielen Seiten ein, wie Sie möchten.
Wenn Sie weitere Fragen haben oder Hilfe benötigen, kontaktieren Sie uns bitte unter [email protected] oder in der App.