Så här bäddar du in ett registreringsformulär på din BigCommerce-orderbekräftelsesida

Du kommer att lära dig

Lär dig hur du bäddar in ett registreringsformulär på din BigCommerce-bekräftelsesida för att samla in ytterligare information från kunder efter att de har slutfört kassaprocessen. De här nya kunderna är redan intresserade av ditt varumärke, så bekräftelsen är ett utmärkt tillfälle att engagera dem ytterligare.

Innan du börjar

Se till att du har integrerat med BigCommerce och markerat inställningen Lägg automatiskt till Klaviyo onsite JavaScript.

Bygg ditt formulär

Du kan skapa ett registreringsformulär och bädda in det på din bekräftelsesida för att ställa relevanta frågor till dina kunder efter att de har checkat ut. Du kan till exempel ställa frågor för att ta reda på mer om hur ofta en kund använder dina produkter eller vilka potentiella nya produkter de kan vara intresserade av att köpa.

Så här skapar du ditt registreringsformulär:

1. I Klaviyo går du till Registreringsformulär > Skapa registreringsformulär > Bygg från grunden.
2. I menyn som visas anger du ett namn för formuläret och väljer en lista som nya prenumeranter ska skicka till.
3. Välj Inbäddning som formulärtyp.
   

4. Klicka på Spara och  designa.
5. Detta tar dig till formulärredigeraren där du kan redigera följande stilar:
   • Stilar: Redigera utseendet på ditt formulär så att det matchar ditt varumärke, till exempel formulär- eller indatafältsstilar och typsnitt. Du kan också redigera valfri text genom att klicka på den och ersätta standardspråket med ditt eget.
   • Lägg till block: Här kan du lägga till innehåll i ditt formulär för att samla in information, till exempel en textruta för en fråga eller ett datumfält för en födelsedag. Se till att ange en profilegenskap för varje fält du lägger till, och att inte överväldiga kunder med för många frågor.
   • Inriktning och beteende: Välj om du vill att formuläret ska visas på dator, mobil eller båda. Behåll formuläret inställt på antingen Visa för alla besökare eller Visa inte för befintliga Klaviyo-profiler.
6. I menyraden väljer du Framgång för att redigera sidan som visas efter att någon skickar in ditt formulär.
7. När du är nöjd med formulärets design klickar du på Publicera.
8. I modalfönstret som visas kopierar du din inbäddningskod så att du har den redo att klistra in.
   

9. Klicka på Publicera.

Ditt formulär visas inte på din webbplats förrän du har klistrat in inbäddningskoden i din webbplatskod.

Verifiera opt-in-inställningarna för den listan så att kundupplevelsen blir sömlös. Om listan använder dubbel opt-in vill du redigera bekräftelsesidorna. Alla Klaviyo-listor använder som standard dubbel opt-in.

Lägg till inbäddningen på din BigCommerce-webbplats

1. Gå till din BigCommerce-admin.
2. Gå till Storefront > Script Manager och klicka på Skapa ett skript.
3. Namnge skriptet och konfigurera det med följande:
   • Plats: Huvud
   • Beskrivning (valfritt): Beskriv syftet med skriptet
   • Sidor där skriptet kommer att läggas till: Orderbekräftelse
   • Skripttyp: skript
     

4. Ta bort skriptinnehållet och klistra i stället in följande kod för att lägga till klaviyo.js på din bekräftelsesida. Observera att du behöver göra detta även om du tidigare har installerat klaviyo.js på din webbplats:
   

  <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. I kodavsnittet ovan ersätter du PUBLIC_API_KEY med din webbplats offentliga API-nyckel.
2. I kodavsnittet ovan ersätter du FORM_ID med ditt formulärs ID. För att hitta ditt formulär-ID går du till det inbäddade formuläret i ditt Klaviyo-konto. Formulär-ID:t är den sex bokstäver långa koden i slutet av webbadressen.
   

3. När du har fyllt i alla detaljer för skriptet klickar du på Spara.

Ditt inbäddade formulär visas nu längst ned på sidan efter att någon har lagt en beställning. Beroende på ditt tema kan du behöva redigera ramen, utfyllnaden eller storleken på formuläret i avsnittet Stilar för att säkerställa att det matchar utseendet och känslan på din orderbekräftelsesida. Publicera de ändringar du gör så att de börjar gälla.

Kommande steg

När du börjar samla in svar med ditt inbäddade formulär lagras varje inskickning på kundens profil som en anpassad egenskap som du kan använda i segment, flöden och e-postmallar.

Baserat på svaren kan du förgrena upplevelsen efter köp. Du kanske också vill förgrena din välkomstserie baserat på dessa data eller skapa relevanta segment för att skicka kampanjer till. Till exempel, låt oss säga att vi bestämmer oss för att släppa en ny mascara. Eftersom vi samlar in data om produktintresse i det här inbäddade formuläret kan vi meddela alla som har sagt att de är intresserade av mascara i produktlanseringen.

Ytterligare resurser