So fügst du Gutscheincodes zu Anmeldeformularen hinzu
Übersicht
Erfahre, wie du statische und personalisierte Gutscheincodes zu deinen Anmeldeformularen hinzufügst, um höhere Einreichungs- und Conversion-Rates zu erzielen, und Kund*innen dazu zu ermutigen, mehr auf deiner Website auszugeben.
Es ist Best Practice, den Gutscheincode direkt in die Erfolgsmeldung deines Anmeldeformulars einzufügen, da dies Anmeldungen fördert und deinen Shopper*innen ermöglicht, den Gutschein einzulösen, ohne deine Website zu verlassen. Wenn du Shopify und eindeutige Shopify-Gutscheine in deinen Anmeldeformularen verwendest, wird der Gutschein beim Checkout automatisch auf den Warenkorb von Kund*innen angewendet, sobald sie das Formular ausfüllen.
Bevor du anfängst
Es gibt einige Arten von Gutscheinen:
- Eindeutige Codes
Eindeutige, auch als „dynamisch“ bezeichnete Gutscheincodes sind eine zufällige Folge von Zahlen oder Buchstaben, die Empfänger*innen 1 Mal verwenden können. Jede Person erhält einen eigenen, einmaligen Gutscheincode. Personalisierte Gutscheincodes sind in der Regel länger und komplizierter als statische Codes. - Allgemeingültiger Gutschein
Allgemeingültige Gutscheincodes sind ein einzelner Code, den alle Kund*innen verwenden (z. B. Welcome20). Jede Person erhält denselben Code zur Verwendung auf deiner Website. Statische Codes können weitergegeben werden; sie sind jedoch leichter zu merken und zu verwenden.
Der Prozess zum Konfigurieren des Gutscheins unterscheidet sich je nach Art des Gutscheins (d. h. allgemeingültiger Gutschein, personalisierter Shopify-Gutschein oder hochgeladener personalisierter Gutschein). Die ersten 2 Abschnitte dieser Anleitung solltest du jedoch unabhängig von der Gutscheinart befolgen.
Banner-Formulare, die keine Einwilligung für E-Mail oder SMS erfassen, können nur allgemeingültige Gutscheine enthalten. Banner, die eine Einwilligung für E-Mail oder SMS erfassen, müssen im Erfolgsschritt einen Block für einen personalisierten Gutschein enthalten.
Dein Anmeldeformular vorbereiten
- Wähle die Registerkarte Anmeldeformulare im linken Navigationsbereich von Klaviyo aus.
- Von hier aus hast du ein paar Optionen, ein Formular mit einem Gutschein darin zu erstellen.
- Option 1: Wähle 1 deiner bestehenden Formulare aus, um es zu bearbeiten und einen Gutschein hinzuzufügen.
- Option 2: Wähle eine vorgefertigte Vorlage aus der Formularbibliothek aus, die bereits einen Gutscheinblock enthält. Wähle dazu oben rechts Anmeldeformular erstellen aus und aktiviere dann das Kontrollkästchen im Menü, um deine Suche in der Formularbibliothek zu filtern.
- Option 3: Ein komplett neues Formular von Grund auf erstellen und mit einem Gutschein konfigurieren. Wähle dazu oben rechts Anmeldeformular erstellen aus und dann Neues Anmeldeformular erstellen.
- Öffne den Formular-Editor für das Anmeldeformular, dem du den Gutschein hinzufügen möchtest.
Mit jeder der oben genannten Optionen kannst du im Form Builder ganz einfach einen Gutschein-Block zu deinem Anmeldeformular hinzufügen.
Füge dem Schritt „Erfolg“ deines Formulars einen Gutscheinblock hinzu
Sobald du im Editor für dein Anmeldeformular bist, kannst du deinen Gutschein hinzufügen und konfigurieren. Befolge diese Einrichtungsanweisungen für statische und personalisierte Gutscheine:
- Wähle im Formular-Editor die Senden-Schaltfläche in der Vorschau aus.
- Konfiguriere die Einstellungen für Button Click Action wie folgt:
- Aktion: Formular absenden.
- Liste zum Senden: Wähle deine Liste aus.
- Nach dem Absenden: Nächsten Schritt anzeigen.
- Wähle oben auf der Seite Erfolg aus, um den Erfolgsschritt deines Formulars zu öffnen. Das ist die Seite, die Besucher*innen sehen, wenn sie das Formular absenden.
- Wähle auf der linken Seite der Seite Übersicht den Tab Blöcke hinzufügen aus.
- Ziehe einen Gutschein -Block (unter Elemente) per Drag-and-drop in die Vorschau an die Stelle, an der der Gutschein in deinem Formular erscheinen soll, falls dort noch keiner vorhanden ist.
- Klicke in der Formularvorschau auf Gutschein konfigurieren .
- Wähle im Einstellungsmenü, das links angezeigt wird, aus, ob du in deinem Formular entweder einen statischen oder personalisierten Gutschein einrichten möchtest.
Richte in deinem Formular einen allgemeingültigen Gutschein ein
- Wähle oben im Menü für die Gutscheineinstellungen Allgemeingültiger Gutschein aus.
- Gib den Namen deines allgemeingültigen Gutscheincodes in das Textfeld ein (z. B. Welcome10).
- Wenn du noch keinen vorhandenen statischen Code bereit hast, musst du zuerst manuell einen in deiner E-Commerce-Plattform erstellen.
- Wenn du gerade einen neuen statischen Code erstellt hast, lade die Seite des Formular-Builders neu, bevor du ihn in das Textfeld eingibst.
- Bearbeite die Blockstile (z. B. Hintergrundfarbe, Eckenradius, Rahmenstil, Rahmenstärke und Innenabstand) so, dass der Gutschein groß und auffällig ist.
- Wenn du mit dem Bearbeiten fertig bist, klicke auf den Zurück-Pfeil, um den Gutschein zu speichern.
- Gehe zum letzten Abschnitt, um die Bearbeitung abzuschließen und dein Formular zu veröffentlichen.
Richte einen personalisierten Gutschein in deinem Formular ein.
Wähle oben im Menü „Gutschein-Einstellungen“ personalisierter Gutschein aus. Je nachdem, ob du einen personalisierten Shopify-Gutschein oder einen hochgeladenen personalisierten Gutschein verwendest, unterscheidet sich dein Setup leicht.
Die Möglichkeit, personalisierte Gutscheine in einer Erfolgsmeldung anzuzeigen, ist derzeit nur für Shopify-Gutscheine, hochgeladene Gutscheine und API-Gutscheine verfügbar. Auch wenn es möglich ist, in Klaviyo personalisierte Gutscheine für WooCommerce, Magento 2 und PrestaShop zu erstellen, ist es derzeit nicht möglich, diese Codes in Anmeldeformularen anzuzeigen. Befolge alternativ die Anweisungen zu hochgeladenen Gutscheinen oder API-Gutscheinen, um personalisierte Gutscheincodes in Formularen hinzuzufügen.
Shopify-Gutscheine
- Wähle Shopify-Gutschein als deinen personalisierten Gutscheintyp.
- Klicke auf das Drop-down-Menü neben personalisierter Gutschein, um entweder einen bestehenden Gutschein auszuwählen, oder klicke auf den (+) personalisierter Shopify-Gutschein, um einen neuen zu erstellen.
- Wenn du dich dafür entschieden hast, einen neuen, personalisierten Shopify-Gutscheincode zu erstellen, wird das Fenster Personalisierten Shopify-Gutschein erstellen angezeigt, in dem du Folgendes angibst:
- Name des Gutscheins (z. B. 10OFF für 10 % Rabatt) sowie optional ein Präfix
- Rabatt-Typ, den du deinen Kund*innen anbieten möchtest (fester Betrag, Prozentsatz oder kostenloser Versand)
- Einstellungen, wie dein Gutschein funktionieren soll (Betrag, Anwendung, Aktivierung und Ablauf)
- Wenn du für Ablaufdatum Nach 1 Jahr oder An einem bestimmten Datum auswählst, generiert Klaviyo beim Hinzufügen des Gutscheins zum Formular zunächst 600 personalisierte Codes und generiert weitere Codes, sobald die Anzahl der verfügbaren Codes unter 400 fällt. Wenn du Nach einer bestimmten Anzahl von Tagen/Stunden auswählst, generiert Klaviyo jeden Tag 600 Codes.
- Wenn du für Ablaufdatum Nach 1 Jahr oder An einem bestimmten Datum auswählst, generiert Klaviyo beim Hinzufügen des Gutscheins zum Formular zunächst 600 personalisierte Codes und generiert weitere Codes, sobald die Anzahl der verfügbaren Codes unter 400 fällt. Wenn du Nach einer bestimmten Anzahl von Tagen/Stunden auswählst, generiert Klaviyo jeden Tag 600 Codes.
- Klicke unten rechts auf Personalisierten Shopify-Gutschein erstellen. Damit kehrst du zum Formular-Builder zurück, wobei der neu erstellte Gutscheincode ausgewählt ist, um ihn im Formular zu verwenden.
- Füge einen bestehenden allgemeingültigen Gutschein als Fallback-Gutschein hinzu. Dies ist ein statischer Code, der nur angezeigt wird, wenn dir die eindeutigen Gutscheincodes ausgehen, damit deine Kund*innen weiterhin denselben Rabatt erhalten können.
- Du musst zuerst einen allgemeingültigen Gutschein in Shopify erstellen, den du in das Textfeld Fallback-Gutschein einfügst (z. B. 10PROZENT).
- Gehe zum letzten Abschnitt, um die Bearbeitung abzuschließen und dein Formular zu veröffentlichen.
Upload-Gutscheine
Wenn du es noch nicht getan hast, stelle sicher, dass du einen hochladen Gutschein aktiviert hast. Navigiere zu Einstellungen > Andere > Profilverwaltung und aktiviere die Option Hochgeladene Gutscheine.
- Wähle in deinem Formular Hochgeladener Gutschein als deinen personalisierten Gutscheintyp.
- Klicke auf das Drop-down-Menü neben personalisierter Gutschein, um entweder einen bestehenden Gutschein auszuwählen, oder klicke auf den Link Hochgeladenen Gutschein erstellen.
- Wenn du einen bestehenden Gutschein ausgewählt hast, stell sicher, dass du Codes für diesen Gutschein hochgeladen hast.
- Wenn du dich dafür entschieden hast, einen neuen hochgeladenen Gutschein zu erstellen, wird die Seite Gutschein erstellen in einem neuen Tab geöffnet. Von hier aus:
- Konfiguriere die folgenden Details:
- Name (z. B. JustForYou)
- Mindestanzahl an Gutscheinen (z. B. 500)
- Konfiguriere die folgenden Details:
Die Gutscheinanzahl muss ein Wert zwischen 100 und 5.000 sein. Werte außerhalb dieses Bereichs werden nicht akzeptiert. Wenn kein Minimum angegeben ist, beträgt die Standardanzahl 500.
- Ablaufdatum
- Klicke in der oberen rechten Ecke auf Gutschein erstellen . Dadurch gelangst du zur Seite Hochgeladene Gutscheine.
- Klicke auf der Seite Upload-Gutscheine rechts neben dem Gutschein, den du für dein Formular verwenden möchtest, auf 3 Punkte > Codes hinzufügen.
- Klicke auf der Seite Upload-Gutscheine rechts neben dem Gutschein, den du für dein Formular verwenden möchtest, auf 3 Punkte > Codes hinzufügen.
- Lade deine CSV-Datei hoch, um diese Codes zu verarbeiten. Du kannst unseren Leitfaden zum Hochladen personalisierter Gutscheine als Hilfe verwenden.
- Navigiere zurück zum Tab des Anmeldeformular-Builders und lade die Seite neu.
- Wähle den Schritt Erfolg aus und klicke dann in der Vorschau auf Gutschein konfigurieren.
- Wähle neben personalisierter Gutschein deinen neu hochgeladenen Gutschein im Dropdown aus.
- Füge einen bestehenden allgemeingültigen Gutschein als Fallback-Gutschein hinzu. Dies ist ein allgemeingültiger Code, der nur dann angezeigt wird, wenn dir die personalisierten Gutscheine ausgehen, damit deine Kund*innen trotzdem einen Gutschein erhalten.
- Du musst zuerst einen allgemeingültigen Gutschein in Klaviyo hochladen, den du in das Textfeld Fallback-Gutschein einfügst (z. B. 10PROZENT).
Bearbeitung abschließen und dein Formular veröffentlichen
Sobald du Gutscheine für dein Formular eingerichtet hast:
- Nimm letzte Styling-Änderungen am Look und Text deines Gutscheins oder an den anderen Schritten in deinem Formular vor.
- Wenn du bereit bist, dein Formular live zu schalten, klicke auf Veröffentlichen.
- Gehe zu deiner Website und lade die Seite neu, um zu sehen, dass dein Formular angezeigt wird.
Es kann einen Moment dauern, bis das Formular auf deiner Website angezeigt wird, während der personalisierte Gutscheincode generiert wird.
- Fülle das Formular aus, um zu testen, ob dein Gutschein korrekt verarbeitet wurde. Sobald das der Fall ist, erhalten Kund*innen einen Gutscheincode direkt in der Erfolgsmeldung deines Formulars zum Kopieren und zur Verwendung auf deiner Website.
Wenn du in deinem Anmeldeformular einen Shopify-Gutschein verwendest, wird er automatisch auf die Shopify-Checkout-Seite der Kund*innen angewendet, sobald sie den letzten Schritt des Formulars erreichen.