So fügst du Gutscheincodes zum Anmeldeformular hinzu

Du wirst lernen

Lerne, wie du statische und einzigartige Gutschein-Codes in dein Anmeldeformular einfügst, um die Anmelde- und Conversion-Rate zu erhöhen und Kunden dazu zu bringen, mehr auf deiner Website auszugeben. Am besten fügst du den Gutschein-Code direkt in die Erfolgsmeldung deines Formulars ein, denn so hast du einen Anreiz, dich anzumelden, und deine Kunden können den Gutschein kopieren und einlösen, ohne deine Website zu verlassen.

• Einzigartige Codes
  Einzigartige, auch "dynamische," Gutschein-Codes sind eine zufällige Folge von Zahlen oder Buchstaben, die ein Empfänger 1 Mal verwenden kann. Jeder Empfänger erhält seinen eigenen Gutschein-Code, und keine 2 Empfänger werden denselben Code haben. Einzigartige Gutscheincodes sind in der Regel länger und komplizierter als statische Codes.

• Statischer Gutschein
  Statische Gutscheincodes sind ein einziger Code, den alle Kunden verwenden können (z. B. Welcome20). Jede Person erhält denselben Code, den sie auf deiner Seite verwenden kann. Statische Codes können weitergegeben werden, aber sie sind leichter zu merken und zu verwenden. 

Bevor du beginnst

In dieser Anleitung erfährst du, wie du Gutschein-Codes (einmalig oder statisch) in der Erfolgsmeldung neuer und bestehender Anmeldeformulare anzeigen kannst. Die Konfiguration des Gutscheins hängt von der Art des Gutscheins ab (d.h. statischer Gutschein, einmaliger Shopify Gutschein oder hochgeladener einmaliger Gutschein); die ersten beiden Abschnitte dieses Leitfadens sollten jedoch unabhängig vom Gutschein-Typ befolgt werden.

Bereite dein Anmeldeformular vor

1. Wähle die Registerkarte Anmeldeformular in der linken Navigation von Klaviyo aus. 
2. Von hier aus hast du ein paar Optionen, um ein Formular mit einem Gutschein 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, die bereits einen Gutscheinblock enthält. Dazu wählst du oben rechts Anmeldeformular erstellen aus und aktivierst dann das Kästchen für in der Menüleiste, um deine Suche in der Formularbibliothek zu filtern. 
     
   • Option 3: Erstelle ein brandneues Formular und konfiguriere es mit einem Gutschein. Dazu wählst du in der oberen rechten Ecke Anmeldeformular erstellen und dann Neues Anmeldeformular erstellen.
3. Gib den Formular-Editor für das Anmeldeformular ein, zu dem du den Gutschein hinzufügen möchtest. 

Mit jeder der oben genannten Optionen kannst du ganz einfach einen Gutschein-Block zu deinem Anmeldeformular im Formular-Builder hinzufügen.

Füge dem Erfolgsschritt 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 einmalige Gutscheine:

1. Wähle im Formulareditor die Schaltfläche "Senden" in der Vorschau aus.
   
2. Konfiguriere die Einstellungen für die Button-Klick-Aktion wie folgt:
   • Aktion: Formular abschicken
   • Liste zum Einreichen: Wähle deine Liste
   • Nach dem Abschicken: Nächsten Schritt anzeigen
3. Wähle oben auf der Seite Erfolg, um den Erfolgsschritt deines Formulars zu öffnen. Dies ist die Seite, die Besucher sehen, wenn sie das Formular abschicken.
   
4. Wähle auf der linken Seite der Übersichtsseite die Registerkarte Block hinzufügen.
5. Ziehe einen Gutschein-Block (der sich unter Element befindet) in die Vorschau an die Stelle, an der der Gutschein in deinem Formular erscheinen soll, falls er dort noch nicht vorhanden ist.
6. 
   Klicke in der Formularvorschau auf Gutschein konfigurieren .
7. Im Einstellungsmenü, das auf der linken Seite erscheint, wählst du aus, ob du einen statischen oder einen einmaligen Gutschein in deinem Formular einrichten möchtest. 

Richte einen statischen Gutschein in deinem Formular ein

1. Wähle oben im Menü Gutschein-Einstellungen die Option Statischer Gutschein.
2. Gib den Namen deines statischen Gutscheincodes in das Textfeld ein (z.B. Willkommen20). Wenn du keinen statischen Code zur Verfügung hast, musst du ihn zunächst manuell in deiner E-Commerce-Plattform erstellen.
3. Wenn du gerade einen neuen statischen Code erstellt hast, lade die Formularerstellungsseite neu, bevor du ihn in das Textfeld eintippst.
   
4. Bearbeite die Blockstile (z. B. Hintergrundfarbe, Eckenradius, Randstil, Randstärke und Polsterung) so, dass der Gutschein groß und auffällig ist.
5. Wenn du mit der Bearbeitung fertig bist, klicke auf Gutschein erstellen.
6. Gehe zum letzten Abschnitt, um die Bearbeitung abzuschließen und dein Formular zu veröffentlichen. 

Richte einen eindeutigen Gutschein-Code in deinem Formular ein 

Wähle oben im Menü Gutschein-Einstellungen die Option Einzigartiger Gutschein. Je nachdem, ob du einen eindeutigen Shopify-Gutschein oder einen hochgeladenen eindeutigen Gutschein verwendest, unterscheidet sich deine Einrichtung leicht.

Shopify Gutschein

1. Wähle Shopify Gutschein als deinen einzigartigen Gutschein-Typ.
2. Klicke auf das Dropdown-Menü neben Einzigartiger Gutschein, um entweder einen bestehenden Gutschein auszuwählen, oder klicke auf das Pluszeichen (+), um einen neuen Shopify Gutschein zu erstellen.
   
3. Wenn du dich entschieden hast, einen neuen, eindeutigen Shopify Gutscheincode zu erstellen, erscheint ein ShopifyGutschein erstellen Modal, das dich dazu auffordert:
   • Benenne deinen Gutschein (z.B. 10OFF), und füge ein optionales Präfix hinzu.
   • Wähle die Art des Rabatts, den du deinem Kunden anbieten möchtest (fester Betrag, Prozentsatz oder kostenloser Versand).
   • Wähle die Einstellungen, wie dein Gutschein funktionieren soll (Betrag, Anwendung, Aktivierung und Ablauf).
     
   Wenn du als Ablaufdatum "Nie" oder "Zu einem bestimmten Datum " auswählst, generiert Klaviyo beim Hinzufügen des Gutscheins zum Formular zunächst 600 eindeutige 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 einen Stapel von 600 Codes.
4. Klicke unten rechts auf Einmaligen Shopify-Gutschein erstellen . Damit kehrst du zum Formularersteller zurück und wählst den neu erstellten Gutschein-Code aus, den du im Formular verwenden möchtest. 
5. Füge einen bestehenden statischen Gutschein als Fallback-Gutschein hinzu. Dies ist ein statischer Code, der nur dann erscheint, wenn du keine eindeutigen Gutscheincodes mehr hast, damit dein Kunde trotzdem einen Gutschein erhält. 
   

   Du musst zuerst einen statischen Gutschein in Shopify erstellen, den du in das Textfeld für den Fallback-Gutschein einfügst (z.B. 10 PROZENT).

6. Gehe zum letzten Abschnitt, um die Bearbeitung abzuschließen und dein Formular zu veröffentlichen.

Hochgeladener Gutschein

1. Wähle Hochgeladener Gutschein als deinen einzigartigen Gutschein-Typ.
2. Klicke auf das Dropdown-Menü neben Einzigartiger Gutschein, um entweder einen bestehenden Gutschein auszuwählen, oder klicke auf den Link Hochgeladenen Gutschein erstellen.
   
3. Wenn du einen neuen hochgeladenen Gutschein erstellen möchtest, wird die Seite Gutschein erstellen in einem neuen Tab geöffnet. Von hier aus kannst du die folgenden Details konfigurieren:
   1. Name (z.B. 10PERCENTOFF)
   2. Verfallsdatum
      
4. Klicke unten rechts in der Ecke auf Gutschein erstellen . So kommst du auf die Seite Hochgeladener Gutschein. Wenn du dich entschieden hast, einen neuen hochgeladenen Gutschein zu erstellen, lade diese Codes vor der Veröffentlichung des Formulars hoch, damit jeder Kunde nach dem Absenden des Formulars einen aktiven Gutschein erhalten kann.
5. Auf der Seite Hochgeladener Gutschein klickst du auf die 3 Punkte > Codes hinzufügen rechts neben dem Gutschein, den du für dein Formular verwenden möchtest.
   
6. Lade deine CSV-Datei hoch, um diese Codes zu verarbeiten. Du kannst unseren Leitfaden zum Hochladen von einzigartigen Gutscheinen zu Rate ziehen.
7. Navigiere zurück zur Registerkarte Anmeldeformular-Builder und lade die Seite neu.
8. Wähle den Schritt Erfolg und klicke dann in der Vorschau auf Gutschein konfigurieren.
9. Wähle neben Einzigartiger Gutschein deinen neu hochgeladenen Gutschein aus der Dropdown-Liste aus.
   
10. Füge einen bestehenden statischen Gutschein als Fallback-Gutschein hinzu. Dies ist ein statischer Code, der nur dann erscheint, wenn du keine eindeutigen Gutscheincodes mehr hast, damit dein Kunde trotzdem einen Gutschein erhält. 
    

    Du musst zuerst einen statischen Gutschein auf Klaviyo hochladen, um ihn in das Textfeld für den Fallback-Gutschein einzufügen (z.B. 10 PROZENT).

    

Beende die Bearbeitung und veröffentliche dein Formular

Sobald du den Gutschein für dein Formular eingerichtet hast:

1. Nimm letzte Styling-Änderungen am Aussehen und Text deines Gutscheins oder an den anderen Schritten deines Formulars vor.
2. Wenn du bereit bist, dein Formular live zu schalten, klicke auf Veröffentlichen.
3. Gehe zu deiner Website und lade die Seite neu, um dein Formular zu sehen.
   

   Es kann einen Moment dauern, bis das Formular auf deiner Website erscheint, während der einzigartige Gutschein-Code generiert wird. 

4. Fülle das Formular aus, um zu prüfen, ob dein Gutschein korrekt verarbeitet wurde. Sobald dies der Fall ist, erhält der Kunde direkt in der Erfolgsmeldung deines Formulars einen Gutschein-Code, den er kopieren und auf deiner Website verwenden kann.

Zusätzliche Ressourcen

• Erste Schritte mit Gutscheincodes in Klaviyo
• Wie man eindeutige Gutscheincodes erstellt für Shopify
• Anleitung zur Integration mit Shopify
• Kurs: Klaviyo Produktzertifikat