Een aanmeldingsformulier insluiten op je BigCommerce-bestellingsbevestigingspagina

Wat je leert

Leer hoe je een aanmeldingsformulier kunt insluiten op je BigCommerce-bevestigingspagina om aanvullende informatie van klanten te verzamelen nadat ze het afrekenproces hebben afgerond. Deze recente klanten zijn al geïnteresseerd in je merk, dus de bevestigingspagina biedt een geweldige kans om ze verder te betrekken.

Voordat je van start gaat

Zorg ervoor dat je BigCommerce hebt geïntegreerd en de instelling Klaviyo Onsite Javascript automatisch toevoegen hebt aangevinkt.

Bouw je formulier

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

Je aanmeldingsformulier maken:

1. Navigeer in Klaviyo naar Aanmeldingsformulieren > Aanmeldingsformulier maken > Vanaf nul opbouwen.
2. Geef in het menu dat verschijnt je formulier een naam en selecteer een lijst waar nieuwe abonnees zich op kunnen inschrijven.
3. Selecteer Insluiten als het formuliertype.
   

4. Klik op Opslaan en ontwerpen.
5. Dit brengt je naar 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 het lettertype. Je kunt ook tekst bewerken door erop te klikken en de standaardtaal te vervangen door je eigen tekst.
   • Blokken toevoegen: hier kun je content aan je formulier toevoegen om informatie te verzamelen, zoals een tekstvak voor een vraag of een datumveld voor een verjaardag. Zorg dat je voor elk veld dat je toevoegt een profieleigenschap instelt, en dat je klanten niet overweldigt met te veel vragen.
   • Targeting en gedrag: Kies of je wilt dat het formulier wordt weergegeven op desktop, mobiel of beide. Zorg dat je formulier is ingesteld op Aan alle bezoekers tonen of Niet tonen aan bestaande Klaviyo-profielen.
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 vanuit het modale venster dat verschijnt je insluitcode, zodat je die klaar hebt om te plakken.
   

9. Klik op Publiceren.

Je formulier verschijnt pas op je site nadat je de insluitcode in je sitecode hebt geplakt.

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

Voeg de insluiting toe aan je BigCommerce-site

1. Navigeer naar je BigCommerce-beheeromgeving.
2. Ga naar Storefront > Script manager en klik op Een script maken.
3. Geef het script een naam en configureer het als volgt:
   • Locatie: kop
   • Beschrijving (optioneel): Beschrijf het doel van het script
   • Pagina's waar het script wordt toegevoegd: orderbevestiging
   • Scripttype: script
     

4. Verwijder de inhoud van het script en plak in plaats daarvan de volgende code om klaviyo.js aan je bevestigingspagina toe te voegen. Let op: je moet dit doen, zelfs als je klaviyo.js eerder al 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", function() {       var elem = document.createElement('div');
     elem.className = 'klaviyo-form-FORM_ID'
     document.body.appendChild(elem);
     });</script>

1. Vervang PUBLIC_API_KEY in het snippet hierboven door de openbare API-sleutel van je site.
2. Vervang in het fragment hierboven FORM_ID door de ID van je formulier. Om je formulier-ID te vinden, ga je naar het ingesloten formulier in je Klaviyo-account. Het formulier-ID is de code van 6 letters aan het einde van de URL.
   

3. Wanneer je alle details voor het script hebt ingevuld, klik je op Opslaan.

Je insluitformulier wordt nu onderaan de pagina weergegeven nadat iemand een bestelling heeft geplaatst. Afhankelijk van je thema wil je mogelijk de rand, padding of grootte van je formulier bewerken in de sectie Stijlen om ervoor te zorgen dat het overeenkomt met de look-and-feel van je orderbevestigingspagina; publiceer de wijzigingen die je aanbrengt om ze terug te zien.

Volgende stappen

Nadat je reacties begint te verzamelen met je ingesloten formulier, wordt elke inzending opgeslagen op het profiel van de klant als een aangepaste eigenschap, beschikbaar voor gebruik in segmenten, flows en e-mailtemplates.

Op basis van de reacties kun je de na een aankoop -ervaring vertakken. Misschien wil je je welkomstserie ook vertakken op basis van deze data of relevante segmenten maken om campagnes naar te sturen. Bijvoorbeeld: stel dat we besluiten een nieuwe mascara uit te brengen. Omdat we gegevens over productinteresse verzamelen via dit ingesloten formulier, kunnen we iedereen die ons heeft verteld dat ze geïnteresseerd zijn in mascara op de hoogte stellen bij de productlancering.