So bettest du ein Anmeldeformular auf deiner BigCommerce-Seite für Bestellbestätigungen ein

Übersicht

Erfahre, wie du ein Anmeldeformular auf deiner Bestätigungsseite in BigCommerce einbettest, um nach Abschluss des Checkout-Prozesses zusätzliche Informationen von Kund*innen zu erfassen. Diese neuen Kund*innen interessieren sich bereits für deine Marke, daher bietet die Bestätigung eine großartige Gelegenheit, sie weiter einzubinden.

Bevor du anfängst

Stelle sicher, dass du BigCommerce integriert und die Einstellung Klaviyo Onsite JavaScript automatisch hinzufügen aktiviert hast.

Erstelle dein Formular

Du kannst ein Anmeldeformular erstellen und es auf deiner Bestätigungsseite einbetten, um deinen Kund*innen nach dem Checkout relevante Fragen zu stellen. Du könntest zum Beispiel Fragen stellen, um mehr darüber zu erfahren, wie oft Kund*innen deine Produkte nutzen oder für welche potenziellen neuen Produkte sie sich interessieren könnten.

So erstellst du dein Anmeldeformular:

1. Navigiere in Klaviyo zu Anmeldeformulare > Anmeldeformular erstellen > Von Grund auf neu erstellen.
2. Gib im Menü, das angezeigt wird, deinem Formular einen Namen und wähle eine Liste aus, an die neue Abonnent*innen übermittelt werden sollen.
3. Wähle Einbetten als den Formulartyp aus.
   

4. Klicke auf Speichern und gestalten.
5. Dadurch gelangst du in den Formular-Editor, in dem du die folgenden Stile bearbeiten kannst:
   • Styles: Bearbeite das Erscheinungsbild deines Formulars so, dass es zu deiner Marke passt, z. B. Formular- oder Eingabefeld-Styles und Schriftart. Du kannst auch jeden Text bearbeiten, indem du darauf klickst und die Standardsprache durch deine eigene ersetzt.
   • Blöcke hinzufügen: Hier kannst du Inhalte zu deinem Formular hinzufügen, um Informationen zu erfassen, z. B. ein Textfeld für eine Frage oder ein Datumsfeld für einen Geburtstag. Stelle sicher, dass du für jedes Feld, das du hinzufügst, eine Profileigenschaft festlegst, und überfordere Kund*innen nicht mit zu vielen Fragen.
   • Targeting und Verhalten: Wähle aus, ob das Formular auf dem Desktop, auf Mobilgeräten oder auf beiden angezeigt werden soll. Lass deine Formulareinstellung auf Allen Besucher*innen anzeigen oder Nicht für bestehende Klaviyo-Profile anzeigen.
6. Wähle in der Menüleiste Erfolg aus, um die Seite zu bearbeiten, die angezeigt wird, nachdem jemand dein Formular absendet.
7. Wenn du mit dem Design deines Formulars zufrieden bist, klicke auf Veröffentlichen.
8. Kopiere im Modal, das angezeigt wird, deinen Einbettungscode, damit du ihn zum Einfügen bereithast.
   

9. Klicke auf Veröffentlichen.

Dein Formular erscheint erst auf deiner Website, nachdem du den Einbettungscode in deinen Website-Code eingefügt hast.

Überprüfe die Opt-in-Einstellungen für diese Liste, damit das Kund*innen-Erlebnis nahtlos ist. Wenn die Liste Double Opt-in verwendet, solltest du die Bestätigungsseiten bearbeiten. Beachte bitte, dass für alle Klaviyo-Listen standardmäßig die Option „Double Opt-in“ gilt.

Füge die Einbettung zu deiner BigCommerce-Website hinzu

1. Rufe die BigCommerce-Verwaltung auf.
2. Gehe zu Storefront > Script Manager und klicke auf Skript erstellen.
3. Gib dem Skript einen Namen und konfiguriere es wie folgt:
   • Standort: Kopfbereich
   • Beschreibung (optional): Beschreibe den Zweck des Skripts
   • Seiten, auf denen das Skript hinzugefügt wird: Bestellbestätigung
   • Skripttyp: Skript
     

4. Lösch den Inhalt des Skripts und füge stattdessen den folgenden Code ein, um klaviyo.js zu deiner Bestätigungsseite hinzuzufügen. Beachte, dass du das auch dann tun musst, wenn du klaviyo.js zuvor auf deiner Website installiert hast:
   

  <script src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js" async=""></script>
  <script>
     document.addEventListener("DOMContentLoaded", function() {       var elem = document.createElement('div');
     elem.className = 'klaviyo-form-FORM_ID'
     document.body.appendChild(elem);
     });</script>

1. Ersetze PUBLIC_API_KEY im obigen Snippetdurch den öffentlichen API-Schlüssel deiner Website.
2. Ersetze im oben stehenden Snippet FORM_ID durch die ID deines Formulars. Um deine Formular-ID zu finden, navigiere im eingebetteten Formular in deinem Klaviyo-Konto. Die Formular-ID ist der aus 6 Buchstaben bestehende Code am Ende der URL.
   

3. Wenn du alle Details für das Skript ausgefüllt hast, klicke auf Speichern.

Dein eingebettetes Formular wird jetzt unten auf der Seite angezeigt, nachdem jemand eine Bestellung aufgegeben hat. Je nach deinem Theme möchtest du eventuell den Rahmen, den Innenabstand oder die Größe deines Formulars im Abschnitt Stile bearbeiten, damit es zum Look-and-Feel deiner Seite für Bestellbestätigungen passt; veröffentliche alle Änderungen, damit sie übernommen werden.

Nächste Schritte

Nachdem du begonnen hast, Antworten mit deinem eingebetteten Formular zu erfassen, wird jede Übermittlung im Profil der Kund*innen als benutzerdefinierte Eigenschaft gespeichert und steht zur Verwendung in Segmenten, Flows und E-Mail-Vorlagen zur Verfügung.

Basierend auf den Antworten kannst du das Post-Purchase -Erlebnis verzweigen. Vielleicht möchtest du auch deine Welcome-Serie basierend auf diesen Daten verzweigen oder relevante Segmente erstellen, um Kampagnen an sie zu senden. Nehmen wir zum Beispiel an, wir entscheiden uns, eine neue Mascara auf den Markt zu bringen. Da wir auf diesem eingebetteten Formular Daten zum Produktinteresse erfassen, können wir alle benachrichtigen, die uns mitgeteilt haben, dass sie an Mascara interessiert sind, wenn das Produkt veröffentlicht wird.