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 (aanbevolen) hebt aangevinkt.

Bouw je formulier

Je kunt een aanmeldingsformulier maken en het op je bevestigingspagina insluiten om na het afrekenen relevante vragen aan je klanten te stellen. 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 misschien geïnteresseerd zijn om te kopen.

Je aanmeldingsformulier maken:

1. Navigeer in Klaviyo naar Website > Aanmeldingsformulieren en klik op Formulier maken.
2. Als je wordt gevraagd een kanaal te kiezen, geef je formulier een naam, selecteer Web en klik op Maken.
3. Klik op Leeg formulier maken. Voer in het menu dat verschijnt de naam van je formulier in of bevestig deze en selecteer een lijst waar nieuwe abonnees aan kunnen worden toegevoegd.
4. Selecteer Insluiten als het formuliertype.
   

5. Klik op Opslaan en ontwerpen.
6. Pas in de formuliereditor de volgende instellingen aan:
   • Stijlen bewerken: Bewerk de weergave van je formulier zodat deze aansluit bij je merk, 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 ervoor dat je bij elk veld dat je toevoegt een profieleigenschap instelt, en dat je klanten niet overweldigt met te veel vragen.
   • Targeting & weergavegedrag: Kies in Weergave of het formulier op desktop, mobiel of allebei wordt weergegeven. Stel in Targeting Doelgroep in op Weergeven aan alle doelgroepleden zodat herkende klanten het formulier ook kunnen zien. Niet weergeven aan bestaande Klaviyo-profielen verbergt het voor bezoekers die Klaviyo herkent, waardoor je klanten kunt uitsluiten die je om feedback wilt vragen.
7. Selecteer in de menubalk Succes om de pagina te bewerken die wordt weergegeven nadat iemand je formulier heeft verzonden.
8. Als je tevreden bent met het ontwerp van je formulier, klik je op Publiceren of plannen. Los eventuele blokkerende formulierwaarschuwingen op, selecteer vervolgens Nu publiceren en klik op Nu publiceren om het formulier live te zetten.
9. Open Targeting & display behavior > Display en kopieer de Insluitcode. Je gebruikt de formulier-ID uit deze code in het installatiescript hieronder.

Je formulier verschijnt pas op de bestelbevestigingspagina nadat je het installatiescript hieronder hebt toegevoegd.

Controleer de opt-in-instellingen voor de lijst waarnaar je formulier inschrijvingen verstuurt. Lijsten kunnen enkele of dubbele toestemming gebruiken. Als de lijst dubbele toestemming gebruikt, pas je de bevestigingspagina's aan en onthoud dat nieuwe abonnees hun abonnement moeten bevestigen voordat ze aan de lijst worden toegevoegd.

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 na klaviyo-form- in de embedcode die je uit Klaviyo hebt gekopieerd. Kopieer alleen de ID, niet de volledige embedcode.

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

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

Nadat je een testbestelling hebt geplaatst, controleer je of het formulier onderaan de bestelbevestigingspagina verschijnt op de apparaten die je hebt geselecteerd. Dien een testreactie in en bevestig dat de antwoorden verschijnen op het bedoelde profiel in Klaviyo. Als je een nieuw abonnement op een lijst met dubbele toestemming test, rond je de bevestiging af voordat je het lidmaatschap van de lijst controleert.

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.

Extra hulpbronnen