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 kund efter att de har avslutat kassaprocessen. Dessa nya kunder är redan intresserade av ditt varumärke, så bekräftelsen utgö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 kassat. Du kan t.ex. ställa frågor för att få veta mer om hur ofta en kund använder dina produkter eller vilka nya produkter de skulle kunna vara intresserade av att köpa.

För att bygga ditt registreringsformulär:

1. I Klaviyo, navigera till registreringsformulär > Skapa registreringsformulär > Bygg från grunden.
2. I menyn som visas namnger du ditt formulär och väljer en lista för nya prenumeranter att skicka till. 
3. Välj Inbäddad som formulärtyp.
   
4. Klicka på Spara och designa. 
5. Då kommer du till formulärredigeraren där du kan redigera följande stilar:
   • Stilar: Ändra utseendet på ditt formulär så att det matchar ditt varumärke, till exempel formulär- eller indatafältsstilar och teckensnittstyp. Du kan också redigera text genom att klicka på den och byta ut standardspråket mot ditt eget. 
   • Lägg till block: Här kan du lägga till innehåll i formuläret för att samla in information, t.ex. en textruta för en fråga eller ett datumfält för en födelsedag. Se till att ställa in en profilegenskaper för varje fält du lägger till, och att inte överväldiga kund med för många frågor.
   • Inriktning och beteende: Välj om du vill att formuläret ska visas på datorn, mobilen eller båda. Se till att formuläret är inställt på antingen Visa för alla besökare eller Visa inte för befintliga Klaviyo profil.  
6. Välj Success i menyraden för att redigera den sida som visas när någon har skickat in formuläret.
7. När du är nöjd med formulärets design klickar du på Publicera.
8. Från modalen som visas kopierar du din inbäddningskod så att du har den redo att klistra in. 
   
9. Klicka på Publicera.

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

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

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

1. Navigera till din BigCommerce-administratör.
2. Gå till Storefront > Script Chef och klicka på Create a Script .
3. Ge skriptet ett namn och konfigurera det enligt följande:
   • Plats för uppdraget: Huvud
   • Beskrivning (valfritt): Beskriv syftet med skriptet
   • Sidor där skriptet kommer att läggas till: Orderbekräftelse
   • Typ av skript: 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 måste 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>

5. I utdraget ovan ersätter du PUBLIC_API_KEY med webbplatsens offentliga API-nyckel.
6. I utdraget ovan ersätter du FORM_ID med ditt formulärs ID. För att hitta ditt formulär-ID, navigera till det inbäddade formuläret i din Klaviyo Konto. Formulär-ID:t är koden med 6 bokstäver i slutet av webbadressen.
   
7. När du har fyllt i alla uppgifter för skriptet klickar du på Spara.

Ditt inbäddningsformulär visas nu längst ner på sidan när någon har gjort en beställning. Beroende på ditt tema kanske du vill redigera formulärets kant, utfyllnad eller storlek i avsnittetStyles för att se till att det matchar utseendet på din orderbekräftelsesida; publicera alla ändringar du gör för att se dem återspeglas.

Kommande steg

När du börjar samla in svar med ditt inbäddade formulär kommer varje inlämning att finnas på kundens profil som en anpassad egenskap, tillgänglig för användning i segment, flöde och e-postmallar.

Baserat på svaren kan du förgrena efter köp-upplevelsen. Du kanske också vill förgrena din välkomstserie baserat på detta data eller skapa relevanta segment att skicka kampanjer till. Låt oss till exempel säga att vi bestämmer oss för att lansera en ny mascara. Eftersom vi samlar in produktintresse data på det här inbäddade formuläret kan vi meddela alla som sa att de var intresserade av mascara i produktreleasen.

Ytterligare resurser

• Komma igång med registreringsformulär
• Så här bäddar du in ett registreringsformulär på din webbplats