Een insluitformulier aan je Shopify-site toevoegen

Wat je leert

Ontdek hoe je een Klaviyo-insluitformulier aan je Shopify-website toevoegt. Hiervoor maak je een formulier in Klaviyo en voeg je vervolgens de formulier-ID toe aan het app-blok Klaviyo Embedded Form in je Shopify-thema, bijvoorbeeld in de voettekst.

Voordat je van start gaat

Voordat je het insluitformulier aan je Shopify-site toevoegt, moet je integreren met Shopify en de Klaviyo app embed in je thema inschakelen, zodat aanmeldingsformulieren kunnen worden weergegeven en inzendingen kunnen worden verzameld. Als je je gepubliceerde thema wijzigt, moet je de app-embed inschakelen op het nieuwe thema.

Om te controleren of de app-insluiting is ingeschakeld:

1. Navigeer naar je pagina met Shopify-integratie-instellingen.
2. Scroll naar het gedeelte tracking op locatie.
   • Als je een groene banner ziet met Insluiting van de Klaviyo-app is ingeschakeld op je Shopify-webshop, ben je klaar. Ga verder naar de volgende sectie van het artikel om het embedformulier aan je site toe te voegen.
     

• Volg de onderstaande handleiding voor een gele banner met het volgende bericht: Klaviyo app embed is uitgeschakeld. Nadat je dit hebt ingeschakeld, selecteer je ‘Opslaan’ in de Shopify-thema-editor om de wijziging toe te passen.
  
  • Raadpleeg onze handleiding over het inschakelen van de app embed van Klaviyo voor Shopify voordat je verdergaat met dit artikel.
    

Het voorbeeld in dit artikel gebruikt een Shopify 2.0-thema. Je thema kan anders zijn, wat van invloed kan zijn op waar appblokken beschikbaar zijn. Je thema moet appblokken ondersteunen voor de stappen hieronder. Bekijk Shopify’s richtlijnen voor appblokken voor compatibiliteitsdetails.

Een ingesloten formulier aan je site toevoegen

Wil je een formulier insluiten op een Shopify-bedankpagina of pagina met bestelstatus? Shopify ondersteunt deze functionaliteit niet langer standaard, maar je kunt Klaviyo's functie voor sms-appblok gebruiken om sms-toestemming te verzamelen bij Shopify checkout (alleen Shopify Plus), op bedankpagina's of op pagina's met bestelstatus.

1. Maak een ingesloten formulier aan en pas dit aan in Klaviyo. Kies de lijst waaraan nieuwe abonnees worden toegevoegd.
2. Selecteer in de formuliereditor Targeting & gedrag > Weergave.
3. Onder Code insluiten kopieer je alleen de formulier-ID uit de code. Bijvoorbeeld: in <div class="klaviyo-form-ABC123"></div> is de formulier-ID ABC123. Gebruik de ID van je eigen formulier.
   

4. Klik op Publiceren of inplannen, selecteer Nu publiceren en klik vervolgens op Nu publiceren om je formulier te publiceren. Los eventuele blokkerende formulierwaarschuwingen op voordat je publiceert.
5. Ga naar je Shopify-dashboard.
6. Selecteer Webshop > Thema's.
7. Klik op Thema bewerken naast je gepubliceerde thema.
   

8. Kies in de bovenste menubalk de paginatemplate waaraan je het formulier wilt toevoegen (bijv. je startpagina of wachtwoordpagina).
   

9. Selecteer in het menu aan de linkerkant Sectie toevoegen > Apps > Klaviyo-ingesloten formulier op een van de volgende locaties:
   • Om het formulier toe te voegen aan pagina's die de geselecteerde template gebruiken, doe je dit in de Template -sectie. Wijzigingen zijn van toepassing op elke pagina die die template gebruikt. Als je het formulier wilt beperken tot 1 pagina, maak je een aparte template en wijs je die toe aan die pagina.
     

• Als je het formulier wilt tonen op pagina’s die de footer van je thema gebruiken, doe je dit in de sectie Footer. Houd er rekening mee dat een embedformulier in de footer van je site ook een best practice van Klaviyo is om je lijst te laten groeien.
  

10. Klik in het linkermenu op de nieuw gemaakte sectie Klaviyo Embedded Form.
11. Plak de formulier-ID die je uit Klaviyo hebt gekopieerd in het daarvoor bestemde tekstvak.
    

12. Klik op Opslaan om je embedformulier toe te voegen aan de paginatemplate. Let op: het embedformulier wordt pas weergegeven in de preview nadat je hebt opgeslagen.
13. Optioneel: nadat je hebt opgeslagen, kun je de app Klaviyo Embedded Form opnieuw rangschikken door erop te klikken en deze in het menu te verslepen. Klik opnieuw op Opslaan nadat je het hebt verplaatst.

Zodra je de formulier-ID hebt geplakt en de wijzigingen in Shopify hebt opgeslagen, ga je terug naar je website en vernieuw je de pagina. Bezoekers die voldoen aan de targeting- en apparaatinstellingen van je formulier zien het en hebben de optie om lid te worden van je lijst door het formulier in te vullen.

Als je je formulier niet ziet, bekijk je probleemoplossing voor ingesloten formulieren.

Volgende stappen

Maak vervolgens een welkomstserieflow om direct impact te maken op je nieuwe abonnees.

Extra hulpbronnen