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.

Dein Anmeldeformular vorbereiten

1. Navigiere in Klaviyo links in der Navigation zu Website > Anmeldeformulare.
2. Wähle eine der folgenden Optionen aus. Wenn du nach dem Klicken auf Formular erstellen zur Eingabe eines Formularnamens und Kanals aufgefordert wirst, gib einen Namen ein, wähle Web aus und klicke auf 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, in der bereits ein Gutschein-Block enthalten ist. Wähle Formular erstellen aus, öffne dann Vorlagentyp und wähle Gutscheine und Angebote aus, um die Bibliothek zu filtern. Wähle eine Vorlage aus, wähle die zugehörige Liste aus und klicke auf Formular erstellen.

• Option 3: Erstelle ein neues Formular von Grund auf und konfiguriere es mit einem Gutschein. Wähle Formular erstellen und dann Leeres Formular erstellen. Gib einen Namen ein, wähle einen Formulartyp und eine Liste aus, und klicke auf Formular erstellen.

3. Wenn du ein vorhandenes Formular ausgewählt hast, öffne es im Formular-Editor.

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 sowohl für statische als auch für personalisierte Gutscheine:

1. Wähle im Formular-Editor die Senden-Schaltfläche in der Vorschau aus.
   

2. Konfiguriere die Einstellungen für Schaltfläche-Klickaktion wie folgt:
   • Aktion: Formular absenden.
   • Liste zum Absenden: Wähle deine Liste aus.
   • Nach dem Absenden: Nächsten Schritt anzeigen.
3. 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.
   

4. Klicke in der linken Seitenleiste auf Inhalt hinzufügen, um das Feld Blöcke hinzufügen zu öffnen.
5. 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.
6. Wähle den Gutschein-Block in der Formularvorschau aus, um seine Einstellungen zu öffnen.

This content requires Functional cookies to be enabled.

Update Cookie Settings

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

1. Wähle oben im Menü „Gutschein-Einstellungen“ Statisch aus.
2. Gib den vorhandenen Gutscheincode in das Feld allgemeingültiger Gutschein ein (z. B. Welcome10).
   • Wenn du noch keinen vorhandenen statischen Code bereit hast, musst du zuerst manuell einen in deiner E-Commerce-Plattform erstellen.

3. Bearbeite die Blockstile (z. B. Hintergrundfarbe, Eckenradius, Rahmenstil, Rahmenstärke und Innenabstand) so, dass der Gutschein groß und auffällig ist.
4. Wenn du mit der Bearbeitung fertig bist, klicke auf den Zurück-Pfeil, um zum Formulareditor zurückzukehren. Deine Änderungen werden automatisch gespeichert.

5. 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ü der Gutschein-Einstellungen Einzigartig aus. Je nachdem, ob du einen personalisierten Shopify-Gutschein oder einen hochgeladenen personalisierten Gutschein verwendest, unterscheidet sich dein Setup leicht.

Shopify-Gutscheine

1. Wähle Shopify-Gutschein als deinen personalisierten Gutscheintyp.
2. Wähle einen vorhandenen Gutschein aus personalisierter Gutschein aus oder klicke auf Personalisierte Shopify-Gutscheine erstellen, um einen zu erstellen. Wenn du bereits Shopify-Gutscheine hast, ist die Schaltfläche mit Weiteren Shopify-Gutschein erstellen beschriftet.

3. 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)
     • Klaviyo generiert Codes automatisch, wenn du das Formular veröffentlichst, mit einem anfänglichen Ziel von 600 Codes pro Live-Formular, und generiert weitere, wenn weniger als 400 verfügbare Codes verbleiben. Dies gilt unabhängig davon, ob Ablauf auf Nach 1 Jahr, An einem bestimmten Datum oder Nach einer bestimmten Anzahl von Tagen/Stunden festgelegt ist. Du musst Shopify-Codes nicht manuell hinzufügen.

4. 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.
5. Füge einen bestehenden allgemeingültigen Gutschein als Fallback-Gutschein hinzu. Klaviyo zeigt diesen Code an, wenn es keinen eindeutigen Code zuweisen kann, auch wenn der Vorrat aufgebraucht ist. Verwende einen statischen Code, der denselben Rabatt bietet.
6. Du musst zuerst einen allgemeingültigen Gutschein in Shopify erstellen, den du in das Textfeld Fallback-Gutschein einfügst (z. B. 10PROZENT).
7. Gehe zum letzten Abschnitt, um die Bearbeitung abzuschließen und dein Formular zu veröffentlichen.

Upload-Gutscheine

Bevor du etwas hochlädst, erstelle in deiner E-Commerce-Plattform personalisierte Gutscheincodes und speichere sie als CSV-Datei.

1. Wähle in deinem Formular Hochgeladener Gutschein als deinen personalisierten Gutscheintyp.
2. Wähle einen vorhandenen personalisierten Gutschein aus Personalisierter Gutschein aus, oder klicke auf Hochgeladenen Gutschein erstellen, um einen zu erstellen. Wenn du bereits Gutscheine hochgeladen hast, heißt die Schaltfläche Einen weiteren hochgeladenen Gutschein erstellen.

3. Wenn du einen bestehenden Gutschein auswählst, stelle sicher, dass dafür verfügbare Codes vorhanden sind. Um weitere hinzuzufügen, öffne einen separaten Browser-Tab und navigiere zu Inhalt > Gutscheine, wähle Hochgeladen aus und verwende dann das 3-Punkte-Menü des Gutscheins > Codes hinzufügen. Lade deine CSV hoch und importiere sie, und kehre dann zum Formular-Editor zurück.
4. 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)
     • Minimale Gutscheinanzahl (z. B. 500): der Schwellenwert für verfügbare Codes, der für Benachrichtigungen bei wenigen Gutscheinen verwendet wird.

• Ablaufdatum

• Klicke oben rechts auf Gutschein erstellen. Dadurch gelangst du auf der Seite „Gutscheine“ zur Registerkarte Hochgeladen.
  • Öffne auf dem Tab Hochgeladen das 3-Punkte-Menü rechts neben deinem Gutschein und wähle Codes hinzufügen aus.

• Lade deine CSV-Datei hoch und überprüfe die Vorschau. Klicke auf Gutscheine importieren, warte, bis die Verarbeitung abgeschlossen ist, und klicke dann auf Fertig. Du kannst unseren Leitfaden zum Hochladen personalisierter Gutscheine als Hilfe nutzen.
• Navigiere zurück zum Tab des Anmeldeformular-Builders und lade die Seite neu.

1. Wenn du einen neuen Gutschein erstellt hast, wähle den Schritt Erfolg aus und wähle den Gutschein-Block in der Vorschau aus.
2. Wähle deinen neu hochgeladenen Gutschein aus personalisierter Gutschein aus. Wenn du zuvor einen bestehenden Gutschein ausgewählt hast, behalte diese Auswahl bei.

3. Füge einen bestehenden allgemeingültigen Gutschein als Fallback-Gutschein hinzu. Klaviyo zeigt diesen Code an, wenn es keinen eindeutigen Code zuweisen kann, auch wenn der Vorrat aufgebraucht ist.
   • Erstelle den statischen Code in deiner E-Commerce-Plattform und füge ihn dann in Fallback-Gutschein ein (z. B. 10PERCENT). Verwende einen Code, der den Rabatt gewährt, den du anbieten möchtest.

Bearbeitung abschließen und dein Formular veröffentlichen

Sobald du Gutscheine für dein Formular eingerichtet hast:

1. Nimm letzte Styling-Änderungen am Look und Text deines Gutscheins oder an den anderen Schritten in deinem Formular vor.
2. Wenn du bereit bist, dein Formular live zu schalten, klicke auf Veröffentlichen oder planen. Wähle Jetzt veröffentlichen, wenn eine Option zum Planen angezeigt wird, behebe alle blockierenden Warnmeldungen und klicke dann auf Jetzt veröffentlichen, um das Formular zu veröffentlichen.
3. Gehe zu deiner Website und lade die Seite neu, um zu sehen, dass dein Formular angezeigt wird.

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

Weitere Ressourcen