Hoe je een aanmeldingsformulier insluit op je BigCommerce bestelbevestigingspagina

Wat je leert

Leer hoe je een aanmeldingsformulier insluit op je BigCommerce bevestigingspagina om extra informatie van klanten te verzamelen nadat ze het afrekenproces hebben voltooid. Deze recente klanten zijn al geïnteresseerd in je merk, dus de bevestiging is een geweldige kans om ze er verder bij te betrekken.

Voordat je van start gaat

Zorg ervoor dat je hebt geïntegreerd met BigCommerce en de instelling Automatisch Klaviyo onsite JavaScript toevoegen hebt aangevinkt.

Je formulier samenstellen

Je kunt een aanmeldingsformulier maken en dit insluiten op je bevestigingspagina om relevante vragen te stellen aan je klanten nadat ze hebben afgerekend. Je kunt bijvoorbeeld vragen stellen om meer te weten te komen over hoe vaak een klant je producten gebruikt, of welke potentiële nieuwe producten hij zou willen kopen.

Om je aanmeldingsformulier te maken:

1. Navigeer in Klaviyo naar aanmeldingsformulier > Aanmeldingsformulier > vanaf nul opbouwen.
2. In het menu dat verschijnt, geef je je formulier een naam en selecteer je een lijst voor de nieuwe abonnee. 
3. Selecteer Embed als formuliertype.
   
4. Klik op Opslaan en ontwerpen. 
5. Hierdoor kom je in de formuliereditor waar je de volgende stijlen kunt bewerken:
   • Stijlen: Bewerk het uiterlijk van je formulier zodat het bij je merk past, zoals formulier- of invoerveldstijlen en lettertype. Je kunt ook elke tekst bewerken door erop te klikken en de standaardtaal te vervangen door je eigen taal. 
   • Blok toevoegen: Hier kun je inhoud aan je formulier toevoegen om informatie te verzamelen, zoals een tekstvak voor een vraag of een datumveld voor een verjaardag. Zorg ervoor dat je een profieleigenschappen instelt bij elk veld dat je toevoegt, en dat je de klant niet overstelpt met te veel vragen.
   • Targeting en gedrag: Kies of je het formulier op desktop, mobiel of beide wilt laten verschijnen. Houd je formulier ingesteld op Toon aan alle bezoekers of Niet tonen aan bestaand Klaviyo profiel.  
6. Selecteer in de menubalk Succes om de pagina te bewerken die wordt weergegeven nadat iemand je formulier heeft verzonden.
7. Als je tevreden bent met het ontwerp van je formulier, klik je op Publiceren.
8. Kopieer je embedcode uit het modale venster dat verschijnt, zodat je deze klaar hebt om te plakken. 
   
9. Klik op Publiceren.

Je formulier verschijnt pas op je site als je de insluitcode in de code van je site hebt geplakt.

Controleer de opt-in instellingen voor die lijst zodat de klantervaring naadloos is. Als de lijst dubbele toestemming is, wil je de bevestigingspagina's bewerken. Alle Klaviyo lijsten zijn standaard ingesteld op dubbele toestemming.

De embed toevoegen aan je BigCommerce site

1. Navigeer naar je BigCommerce admin.
2. Ga naar Storefront > Scriptbeheer en klik op Een script maken .
3. Geef het script een naam en configureer het met het volgende:
   • Locatie: Hoofd
   • Beschrijving (optioneel): Beschrijf het doel van het script
   • Pagina's waar het script wordt toegevoegd: Bestelbevestiging
   • Soort script: Script
     
4. Verwijder de inhoud van het script en plak in plaats daarvan de volgende code om Klaviyo.js toe te voegen aan je bevestigingspagina. Merk op dat je dit zelfs moet doen als je eerder Klaviyo.js op je website hebt geïnstalleerd:
   

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

5. Vervang in het bovenstaande fragment PUBLIC_API_KEY door de openbare API-sleutel van je site.
6. Vervang FORM_IDin het bovenstaande knipsel door de ID van uw formulier. Om uw formulier-ID te vinden, navigeert u naar het ingesloten formulier in uw Klaviyo account. De formulier-ID is de 6-letterige code aan het einde van de URL.
   
7. Als je alle gegevens voor het script hebt ingevuld, klik je op Opslaan.

Je insluitingsformulier wordt nu onderaan de pagina weergegeven nadat iemand een bestelling heeft geplaatst. Afhankelijk van je thema kun je de rand, opvulling of grootte van je formulier aanpassen in het gedeelteStijlen om ervoor te zorgen dat het overeenkomt met de look en feel van je orderbevestigingspagina; publiceer alle wijzigingen die je maakt om ze terug te zien.

Volgende stappen

Nadat je bent begonnen met het verzamelen van reacties met je ingesloten formulier, wordt elke inzending op het profiel van de klant opgeslagen als een aangepaste eigenschap, die je kunt gebruiken in segment-, flow- en e-mailtemplate.

Op basis van de antwoorden kun je de na een aankoop ervaring vertakken. Je kunt ook je welkomstserie vertakken op basis van deze gegevens of relevante segmenten maken om campagnes naartoe te sturen. Stel bijvoorbeeld dat we besluiten een nieuwe mascara uit te brengen. Omdat we gegevens over productinteresse verzamelen op dit ingesloten formulier, kunnen we iedereen die ons vertelde dat ze geïnteresseerd waren in mascara op de hoogte stellen van de productrelease.

Extra hulpbronnen

• Aan de slag met aanmeldingsformulieren
• Een aanmeldingsformulier insluiten op je website