Benutzerdefinierte Trigger in Omnisend ermöglichen es Ihnen, Pop-up- oder Flyout-Formulare nur anzuzeigen, wenn eine bestimmte Aktion auf Ihrer Website erfolgt, wie z. B. ein Button-Klick oder ein benutzerdefiniertes Ereignis.
Anstatt sich auf Zeitverzögerungen oder Scroll-Tiefen zu verlassen, kontrollieren Sie den genauen Moment, in dem Ihr Formular erscheint, und erfassen Leads an dem relevantesten Punkt in der Reise des Kunden.
Bevor Sie beginnen
Benutzerdefinierte Trigger überschreiben alle Anzeige- und Zielgruppeneinstellungen. Das Formular wird nur angezeigt, wenn Ihr benutzerdefinierter Code es auslöst, unabhängig von der Wartezeit, dem Scrollen %, der Absicht zum Verlassen, der URL-Zielauswahl oder den Zielgruppenfiltern.
Um bedingte Zielgruppenansprache hinzuzufügen (z. B. nur auf bestimmten Seiten oder für eingeloggte Benutzer anzeigen), benötigen Sie benutzerdefiniertes JavaScript auf Ihrer Seite.
Unterstützte Formen: Der Pop-up-Formulare und Flyout-Formulare ohne Teaser.
Unterstützte Formulare: Die Landingpage-Formulare und eingebettete Formulare.
Was ist ein benutzerdefinierter Trigger?
Ein benutzerdefinierter Trigger zeigt ein Formular an, wenn eine vordefinierte Aktion auf Ihrer Website erfolgt, wie zum Beispiel:
Button-Klicks (z.B. „Treten Sie unserer Mailingliste bei“, „Rabatt erhalten“)
Benutzerdefinierte JavaScript-Ereignisse (z. B. Quizabschluss, Spielinteraktion)
Aktionen zum Schließen des Warenkorbs (z. B. ein Formular anzeigen, wenn der Kunde den Warenkorb schließt)
Benutzerdefinierte Trigger ermöglichen es Ihnen, Formulare genau im richtigen Moment anzuzeigen, wenn Ihr Besucher am engagiertesten ist. Ob nach einem Quiz, einem Spiel oder einem Button-Klick, Sie können hochgradig interaktive Erlebnisse schaffen, die persönlich und zeitnah wirken.
Beispiel für benutzerdefinierten Trigger-Code
window.omnisend = window.omnisend || [];
window.omnisend.push(['openForm', '658c3b55768232c9e85d0453']);
Die eindeutige Formular-ID (658c3b55768232c9e85d0453 in diesem Beispiel) wird automatisch generiert, wenn das Formular in Omnisend erstellt wird. Es ist nicht erforderlich, sie manuell zu ersetzen, da jedes Formular seine eigene eindeutige Kennung hat.
Einrichtungsprozess
Schritt 1. Überprüfen Sie, ob der Omnisend-JavaScript-Snippet installiert ist.
Bevor benutzerdefinierte Trigger funktionieren, muss der Haupt-JavaScript-Snippet von Omnisend auf Ihrer Website installiert sein. Der benutzerdefinierte Trigger-Code hängt von diesem Snippet ab, um Formulare zu laden und anzuzeigen.
BigCommerce & WooCommerce - Der Omnisend-Snippet wird automatisch hinzugefügt, wenn Sie Ihren Webshop verbinden. Keine manuelle Einrichtung erforderlich.
Shopify: Gehe zu Shopify Admin → Der Webshop → Themen → Klicken Sie Theme bearbeiten auf Ihrem aktiven Theme → Klicken Sie in der linken SeitenleisteApp-Integrationen → Finden Sie Omnisend und aktivieren Sie es AN (blau) → Klicken Sie Speichern.
Benutzerdefinierte E-Commerce-Plattformen: Fügen Sie den Omnisend JavaScript-Snippet manuell in den
-Bereich oder vor dem schließendenDie Markierung. Holen Sie sich den Snippet vonDer Webshop-Einstellungen → Integrationen in Ihrem Omnisend Konto.
Schritt 2. Erstellen Sie Ihr Formular
Beginnen Sie damit, Ihr Pop-up- oder Flyout-Formular in Omnisend zu gestalten. Sobald es erstellt ist, navigieren Sie zum Abschnitt Verhaltenseinstellungen des Formular-Editors.
Schritt 3. Stellen Sie die Anzeige auf 'Benutzerdefinierter Trigger' ein
In Verhaltenseinstellungen → Anzeige, wählen Sie die Option Benutzerdefinierter Trigger. Das bedeutet, dass das Formular nur erscheint, wenn der benutzerdefinierte Trigger auf Ihrer Website aktiviert ist.
Hinweis: Sobald Sie den benutzerdefinierten Trigger auswählen, werden alle anderen Anzeigeoptionen (Wartezeit, Scrolltiefe, Exit-Absicht, URL-Targeting, Zielgruppenfilter) deaktiviert.
Schritt 4. Kopieren Sie den Trigger-Code
Im Abschnitt Benutzerdefinierter Trigger kopieren Sie das von Omnisend generierte Codesnippet.
Beispielcode:
window.omnisend = window.omnisend || []; window.omnisend.push(['openForm', '658c3b55768232c9e85d0453']);
Hinweis: Die Formular-ID (658c3b55768232c9e85d0453) ist einzigartig für Ihr Formular und wird automatisch generiert.
Schritt 5. Fügen Sie den Trigger-Code auf Ihrer Website ein
Platzieren Sie den Code auf Ihrer Website innerhalb des Elements oder Ereignisses, wo das Formular erscheinen soll. Dies könnte ein Button-Klick, ein Seitenaufruf oder eine andere benutzerdefinierte Aktion sein.
Wo soll der Code platziert werden?
Button- oder Link-Code: Fügen Sie ihn überall dort hinzu, wo der klickbare Der Trigger erscheinen soll (Kopfzeile, Produktseite, Blogbeitrag, Fußzeile).
JavaScript-Funktion (
openOmnisendForm()):Fügen Sie es einmal pro Seite an einem dieser Standorte hinzu.Theme-Footer-Datei;
HTML-Widget oder benutzerdefinierter HTML-Block;
Inline nach dem Button (innerhalb von -Tags).
Anwendungsfälle für benutzerdefinierte Trigger in Omnisend
Button-Trigger-Formulare
Triggern Sie ein Formular, wenn ein Benutzer auf einen Button klickt. Nützlich für:
Anmeldeprozess – Der "Treten Sie unserer Mailingliste bei"-Button zeigt ein Anmeldeformular an.
Rabattangebote – "Rabatt erhalten"-Button zeigt ein Aktionsformular mit einem Rabattcode.
Inhaltsfreischaltungen – Bieten Sie eBooks, Webinare oder exklusive Artikel hinter einem Formular an.
Wieder verfügbar Benachrichtigungen
Lösen Sie ein Formular aus, wenn Kunden auf ein nicht vorrätiges Produkt klicken. Dies ermöglicht es ihnen, sich für Nachbestellbenachrichtigungen anzumelden, Leads zu erfassen und Vorfreude aufzubauen.
Hinweis: Sie müssen den Button-Code selbst erstellen – Omnisend stellt den Trigger-Code zur Verfügung, nicht den Button-HTML.
Interaktive Quizze oder Spiele
Zeigen Sie ein Formular an, nachdem ein Benutzer ein Quiz abgeschlossen oder mit einem Spiel interagiert hat. Zum Beispiel:
Sammeln Sie E-Mail-Adressen für die Teilnahme am Wettbewerb nach einer Quizfrage.
Bieten Sie spezielle Rabatte nach der Teilnahme an einem Spiel an.
Beispiel: "Jetzt abonnieren"-Button in Shopify hinzufügen
Befolgen Sie diese Schritte, um einen Jetzt abonnieren-Button zu Ihrem Shopify-Webshop hinzuzufügen, der ein Omnisend-Formular öffnet.
⚠️ Wenn du mit der Anpassung von Shopify-Themen nicht vertraut bist, arbeite mit einem Entwickler zusammen, um diese Änderungen sicher umzusetzen.
Schritt 1. Greife auf das Shopify Admin zu.
Melde dich bei deinem Shopify-Admin-Panel an. Im linken Menü klicken Sie auf Der Webshop → Themen.
Schritt 2. Bearbeiten Sie Ihr Theme.
Im Abschnitt Themen finden Sie Ihr aktives Theme, klicken Sie dann auf Aktionen → Code bearbeiten.
Schritt 3. Finden Sie die gewünschte Seite oder den Abschnitt
Entscheiden Sie, wo Sie den Button platzieren möchten. Dies könnte auf Ihrer Startseite, einer spezifischen Produktseite oder im Footer sein.
Suchen Sie nach der entsprechenden Liquid-Datei. Häufige Optionen sind:
index.liquid für die Startseite.product.liquid für Produktseiten.footer.liquid, um es in die Fußzeile der Website einzufügen.
Schritt 4. Fügen Sie den Button-Code ein
Suchen Sie innerhalb der von Ihnen gewählten Liquid-Datei den genauen Ort, an dem Sie den Button hinzufügen möchten. Zum Beispiel in der
index.liquidoderproduct.liquid-Datei.Kopieren Sie den Code, der von Omnisend in Ihrem Popup-/Flyout-Formular bereitgestellt wird.
Dies erstellt einen 'Jetzt abonnieren'-Button, der das Omnisend-Formular öffnet, wenn er angeklickt wird.
Hinweis: Sie müssen den Button-Code selbst erstellen – Omnisend stellt den Trigger-Code zur Verfügung, nicht den Button-HTML.
Schritt 5. Speichern Sie Ihre Änderungen und testen Sie den Button
Sobald der Code eingefügt ist, klicken Sie auf Speichern in der oberen rechten Ecke des Editors.
Besuchen Sie Ihren Shopify-Webshop und gehen Sie zu der Seite, auf der Sie den Button hinzugefügt haben.
Klicken Sie auf den 'Jetzt abonnieren'-Button, um sicherzustellen, dass er das Omnisend-Formular öffnet.
Testen und Fehlerbehebung
Testen Sie den Formular-Trigger. Nachdem Sie den Code eingebettet haben, besuchen Sie Ihren Webshop und führen Sie die Trigger-Aktion aus (z. B. klicken Sie auf die Schaltfläche), um sicherzustellen, dass das Formular korrekt angezeigt wird.
Überprüfen Sie die Konsolenprotokolle – Wenn das Formular nicht erscheint, öffnen Sie die Konsole Ihres Browsers (Rechtsklick → Untersuchen) und überprüfen Sie auf Fehler.
Wenn Sie
omnisend is not definedsehen, überprüfen Sie, ob der Omnisend JavaScript-Snippet installiert ist (Schritt 1).Wenn Sie
openForm is not a functionsehen, überprüfen Sie, ob die Formular-ID korrekt ist und das Formular veröffentlicht ist.
Häufig gestellte Fragen
Warum erscheint mein benutzerdefiniertes Trigger-Formular nicht, nachdem ich den Code hinzugefügt habe?
Überprüfen Sie zuerst, ob:
Ihr Formular ist Aktiviert in Omnisend (Formulare → Formular auswählen → Aktivieren umschalten).
Der Omnisend JavaScript-Snippet ist auf deiner Seite installiert (für Shopify, aktiviere das Omnisend-App-Embed unter Themes → App-Embeds).
Sie haben den Code in eine Die Markierung oder
onclickHandler eingefügt, nicht in das URL-Feld eines Buttons.Testen Sie in einem Inkognito-Fenster, um den Browser-Cache oder Cookie-Einwilligungsblocker auszuschließen.
Das Formular hat vorher funktioniert, aber jetzt erscheint es nicht mehr. Was ist passiert?
Wenn Ihr benutzerdefinierter Trigger funktioniert hat und plötzlich gestoppt ist, überprüfen Sie:
Cookie-Einwilligungsblocker: Wenn Sie kürzlich ein Cookie-Einwilligungsbanner hinzugefügt haben, kann es das Omnisend-Skript blockieren, bis die Besucher Cookies akzeptieren. Testen Sie im Inkognito-Modus, nachdem Sie alle Cookies akzeptiert haben.
Formularstatus: Überprüfen Sie, ob das Formular noch Aktiviert in Omnisend ist (Formulare → Ihr Formular → Überprüfen Sie den Schalter oben)
Themenupdates: Wenn du dein Shopify-Thema aktualisiert hast, könnte der Code entfernt worden sein. Füge ihn wieder zu deinen Themen-Dateien hinzu.
Browser-Konsolenfehler: Rechtsklick → Untersuchen und überprüfen Sie die Registerkarte Konsole auf JavaScript-Fehler, die das Formular blockieren könnten.
Sollten Sie auf Herausforderungen mit diesem oder anderen Omnisend-Funktionen stoßen, zögern Sie nicht, uns unter [email protected] oder über den In-App-Chat zu kontaktieren. Wir sind 24/7 für Sie da!