Wat je leert

Ontdek hoe je een insluitformulier van Klaviyo toevoegt aan je Shopify-website. Dit houdt in dat je een formulier in Klaviyo maakt en vervolgens de insluitcode in de bestanden van je website plakt op de plek waar je wilt dat het verschijnt, zoals in de voettekst.

Gebruik je al een Shopify-aanmeldingsformulier? Als je bij de integratie ervoor hebt gekozen om Shopify-abonnees te synchroniseren met Klaviyo, worden nieuwe abonnees automatisch gesynchroniseerd.

Voordat je van start gaat

Voordat je het insluitformulier in Klaviyo maakt, moet je integreren met Shopify en de functionaliteit voor aanmeldingsformulieren inschakelen (ook wel "onsite tracking" genoemd). Voor Shopify-winkels moet de app-embed zijn ingeschakeld zodat aanmeldingsformulieren worden weergegeven en gegevens correct worden gesynchroniseerd.

Om te controleren of de app-insluiting is ingeschakeld:

  1. Navigeer naar je pagina met Shopify-integratie-instellingen.
  2. Scrol naar het gedeelte Onsite tracking.
    • 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.
The Onsite tracking section of an example account's Shopify Integrations settings page showing a green banner stating that the app embed is enabled.
The Onsite tracking section of an example account's Shopify Integrations settings page showing a green banner stating that the app embed is enabled.
  • Als er een gele banner verschijnt met Insluiting van de Klaviyo-app is uitgeschakeld. Nadat je deze hebt ingeschakeld, selecteer je ‘Opslaan’ in de thema-editor van Shopify om de wijziging toe te passen.
The Onsite tracking section of an example account's Shopify Integrations settings page showing a yellow banner stating that the app embed is turned off.
The Onsite tracking section of an example account's Shopify Integrations settings page showing a yellow banner stating that the app embed is turned off.

In het voorbeeld in dit artikel wordt een Shopify 2.0-thema gebruikt. Jouw thema kan verschillen, wat invloed kan hebben op de namen van sommige bestanden of de locaties van codefragmenten.

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 je insluitformulier.
  2. Selecteer in de formuliereditor Targeting and behavior > Display.
  3. Onder Code insluiten kopieer je de formulier-ID uit de code, zoals hieronder weergegeven:
  1. Publiceer je formulier.
  2. Ga naar je Shopify-dashboard.
  3. Selecteer Webshop > Thema's.
  4. Klik op Aanpassen.
The Themes menu on an example Shopify dashboard showing the Customize button highlighted to click.
The Themes menu on an example Shopify dashboard showing the Customize button highlighted to click.
  1. Kies in de bovenste menubalk de paginatemplate waaraan je het formulier wilt toevoegen (bijv. je startpagina of wachtwoordpagina).
A Shopify store admin showing the page templates dropdown open at the top and Home page selected to edit in the theme editor.
A Shopify store admin showing the page templates dropdown open at the top and Home page selected to edit in the theme editor.
  1. Selecteer in het linkermenu onder Apps Sectie toevoegen > Apps > Ingesloten Klaviyo-formulier.
    • Als je dit formulier alleen op deze specifieke pagina wilt laten verschijnen, doe je dit in de sectie template.
A Shopify store's hope page open in the theme editor and showing a Klaviyo Embedded Form app in the Template section.
A Shopify store's hope page open in the theme editor and showing a Klaviyo Embedded Form app in the Template section.
  • Als je wilt dat het formulier op elke pagina van je website blijft staan, doe je dit in de sectie Footer. Let op: een embedformulier in de footer van je site is ook een Klaviyo-best practice voor lijstgroei.
A Shopify store's hope page open in the theme editor and showing a Klaviyo Embedded Form app in the Footer section
A Shopify store's hope page open in the theme editor and showing a Klaviyo Embedded Form app in the Footer section
  1. Klik in het linkermenu op de nieuw gemaakte sectie Klaviyo Embedded Form.
  2. Plak de formulier-ID die je uit Klaviyo hebt gekopieerd in het daarvoor bestemde tekstvak.
  1. 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.
  2. Optioneel: na het opslaan kun je de Klaviyo Embedded Form-app opnieuw ordenen door deze in het menu aan te klikken en te slepen.

Nadat je de insluitcode hebt geplakt en de wijzigingen hebt opgeslagen in Shopify, navigeer je terug naar je website en vernieuw je de pagina. Sitebezoekers 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, bekijk je probleemoplossing voor ingesloten formulieren.

Volgende stappen

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

Extra hulpbronnen

  • How to manage your sign-up forms

    Learn tips for managing your existing sign-up forms so you can ensure they are aesthetically pleasing and functional for customers interested in engaging with your brand.

  • Getting started with Shopify

    Learn how to integrate Klaviyo with Shopify in order to bring your customer profile and order data into Klaviyo and reach customers with targeted messaging. Additionally, enable Klaviyo onsite tracking and sign-up forms, and sync data from Klaviyo to Shopify.

  • Getting started with sign-up forms

    Learn how to create and customize sign-up forms in Klaviyo to publish on your website so you can engage shoppers, collect emails and phone numbers, and build long-lasting customer relationships.

Was dit artikel nuttig?
Gebruik dit formulier alleen voor feedback op artikelen. Meer informatie over hoe je contact opneemt met support.

Ontdek meer van Klaviyo

Community
Maak contact met collega's, partners en Klaviyo-experts om inspiratie op te doen, inzichten te delen en antwoorden te krijgen op al je vragen.
Partners
Huur een Klaviyo-gecertificeerde expert in om je te helpen met een specifieke taak of voor doorlopend marketingbeheer.
Support

Krijg ondersteuning via je account.

E-mailsupport (gratis proefperiodes en betaalde accounts) 24/7 beschikbaar

Chat-/virtuele assistentie
Beschikbaarheid varieert per locatie en type abonnement