Hoe voeg je een embed formulier toe aan je Shopify site?

Wat je leert

Leer hoe je een Klaviyo embed formulier toevoegt aan je Shopify site. Dit houdt in dat je een formulier aanmaakt in Klaviyo en vervolgens de insluitcode ervan in de bestanden van je site plakt op de plek waar je wilt dat het verschijnt, zoals in de voettekst.

Voordat je van start gaat

Voordat je het insluitformulier maakt in Klaviyo, moet je integreren met Shopify en de functionaliteit van het inschrijfformulier inschakelen (ook wel "onsite tracking" genoemd). Voor Shopify zaak moet de app embed zijn ingeschakeld om het aanmeldingsformulier goed weer te geven en gegevens te synchroniseren. 

Om te controleren of de app embed is inschakelen:

1. Navigeer naar je Shopify integratie-instellingen pagina. 
2. Scroll naar het gedeelte Onsite tracking.
   • Als je een groene banner ziet met de tekst The Klaviyo app embed is inschakelen op je Shopify zaak, dan ben je helemaal klaar. Ga verder naar het volgende deel van het artikel om het insluitformulier aan je site toe te voegen.
     
   • Als een gele banner laat zien dat Klaviyo app embed is uitgeschakeld. Nadat je het hebt ingeschakeld, selecteer je 'Opslaan' in de Shopify thema-editor om de wijziging toe te passen.
     
     • Raadpleeg onze gids over het inschakelen van Klaviyo's app embed voor Shopify voordat je verder gaat met dit artikel.
       

Het voorbeeld in dit artikel maakt gebruik van een Shopify 2.0 thema. Je thema kan verschillen, wat invloed kan hebben op de namen van sommige bestanden of locaties van codefragment.

Een insluitformulier aan je site toevoegen

Wil je een formulier insluiten op een Shopify bedank- of bestelstatuspagina? Shopify ondersteunen deze functionaliteit niet langer, maar je kunt Klaviyo's sms app blok functies gebruiken om toestemming te verzamelen voor sms op Shopify afrekenen (alleenShopify Plus), bedank- of bestelstatus pagina's. 

1. Maak je insluitformulier.
2. Selecteer in de formuliereditor Targeting en gedrag > Weergave. 
3. Kopieer onder Embed Code het formulier-ID uit de code zoals hieronder getoond:
   
4. Publiceer je formulier. 
5. Navigeer naar je Shopify dashboard.
6. Selecteer webshop > Thema's.
7. Klik op Aanpassen.
   
8. Kies in de bovenste menubalk de pagina template waar je het formulier wilt toevoegen (bijvoorbeeld je startpagina of wachtwoordpagina).
   
9. Selecteer in het linkermenu onder Apps de sectie Toevoegen > Apps > Klaviyo Embedded Form. 
   • Als je wilt dat dit formulier alleen op deze specifieke pagina verschijnt, doe dit dan in het sjabloongedeelte. 
     
   • Als je wilt dat het formulier op elke pagina van je website blijft staan, doe dit dan in de Footer. Merk op dat een insluitingsformulier in de voettekst van je site ook een Klaviyo best practice is voor lijstgroei.
     
10. Klik op de nieuw aangemaakte Klaviyo Embedded Form sectie in het linkermenu.
11. Plak het formulier-ID dat je van Klaviyo hebt gekopieerd in het daarvoor bestemde tekstvak.
    
12. Klik op Opslaan om je insluitformulier toe te voegen aan de pagina template. Merk op dat het insluitformulier pas in het voorbeeld verschijnt nadat je het hebt opgeslagen.
13. Optioneel: Na het opslaan kun je de Klaviyo Embedded Form app herschikken door erop te klikken en te slepen binnen het menu. 

Als je de insluitcode hebt geplakt en de wijzigingen hebt opgeslagen in Shopify, navigeer dan terug naar je website en vernieuw de pagina. Bezoekers van de website zien je formulier en hebben de optie om lid te worden van je lijst door het in te vullen.

Als je je formulier niet ziet, zie dan Problemen met ingesloten formulieren oplossen.

Volgende stappen

Maak vervolgens een welkomstserie flow om meteen indruk te maken op je nieuwe abonnee.

Extra hulpbronnen

• Hoe de lijst wijzigen waarnaar een formulier verzendt
• Aan de slag met Shopify
• Aan de slag met aanmeldingsformulieren