Een Embedded Formulier van Klaviyo toevoegen aan een gratis Shopify-thema
Overzicht
Dit artikel gaat over het toevoegen van een Klaviyo aanmeldingsformulier aan een Shopify zaak. We gebruiken elk van de gratis thema's van Shopify als voorbeeld. Elk thema bevat een video-overzicht van het proces. Als je jouw thema hier niet ziet staan, of als je een aangepast thema gebruikt, dan hebben we ook nog een gedeelte aan het einde van deze handleiding dat het basisproces behandelt voor het toevoegen van een Klaviyo aanmeldingsformulier aan je Shopify zaak. Je kunt ook de onderstaande video's bekijken om de algemene aanpak te begrijpen.
Zoek je thema uit de onderstaande lijst:
BrooklynBrooklyn
Een Klaviyo aanmeldingsformulier toevoegen aan Shopify's gratis Brooklyn thema.
Verhalend
Een Klaviyo aanmeldingsformulier toevoegen aan Shopify's gratis thema Narrative.
Levering
Een Klaviyo aanmeldingsformulier toevoegen aan het Shopify gratis thema Supply van.
Jumpstart
Een Klaviyo aanmeldingsformulier toevoegen aan Shopify's gratis Jumpstart-thema.
Debuut
Een Klaviyo aanmeldingsformulier toevoegen aan Shopify's gratis Debut-thema.
Grenzeloos
Een Klaviyo aanmeldingsformulier toevoegen aan Shopify's gratis Grenzeloos thema.
Pop
Een Klaviyo aanmeldingsformulier toevoegen aan Shopify's gratis Pop-thema.
Eenvoudig
Een Klaviyo aanmeldingsformulier toevoegen aan Shopify's gratis thema Simple.
Minimaal
Een Klaviyo aanmeldingsformulier toevoegen aan Shopify's gratis Minimal thema.
Aangepast thema
Om een Klaviyo aanmeldingsformulier toe te voegen aan een Shopify zaak volgen we dezelfde basisaanpak die in de video's over elk van Shopify's gratis thema's hierboven wordt behandeld. Deze sectie behandelt de stappen van deze aanpak voor gebruikers met aangepaste thema's die misschien niet precies overeenkomen met de voorbeelden hierboven. Dat gezegd hebbende, het basisproces is vergelijkbaar, dus gebruik de bovenstaande video's als referentie als dat nodig is.
- Zoek in je Klaviyo account de lijst op waaraan je Klant die Aanmelden wilt toevoegen. Klik in de lijst en klik op het tabblad aanmeldingsformulier.
- Selecteer de tab Standard Embed. Op dit scherm kun je je stijlinstellingen bewerken. Nadat je je formulier hebt bewerkt, scroll je naar de onderkant van het scherm. Klik in het codeblok om de formuliercode te kopiëren.
- Schakel over naar je Shopify zaak admin. Klik op webshop en selecteer Code bewerken in het vervolgkeuzemenu Acties. Hiermee wordt de Shopify webeditor geopend.
- Blader vervolgens naar de map Snippets en klik op Een nieuw knipsel toevoegen. Noem je nieuwe snippet iets als "Klaviyo-form". Plak je Klaviyo formuliercode in het nieuwe knipsel en klik op Opslaan. Je Klaviyo formuliercode is nu opgeslagen als een themabestand in je Shopify zaak.
- Vervolgens verwijzen we naar je nieuwe knipselbestand in de voettekst van je zaak. Zoek naar het bestand
footer.liquiden klik erop om het te openen in de webeditor. - Zoek het gebied in je
footer.liquidbestand waar je je formulier wilt toevoegen en verwijs naar je formulier met de volgende regel code, waarbij "Klaviyo-form" overeenkomt met de naam van je nieuwe knipsel.{% include 'klaviyo-form' %} - De laatste stap is het opschonen van het aanmeldingsformulier. Scan eerst het bestand op een bestaand
<form>element. Als je er een vindt, markeer dan het openende en sluitende formulierelement en alle code ertussen en druk op⌘ /om de code te verwijderen. - Zoek naar verklaringen die een standaard nieuwsbrieffragment bevatten. Deze zien er ongeveer zo uit als hieronder:
{% include 'newsletter-form' %}
Hierna zou je formulier zichtbaar moeten zijn in de footer van je winkel. Je kunt het formulier testen door een e-mailadres in te voeren, de bevestigingsmail vanuit je inbox te openen en te accepteren, en je lijst op Klaviyo te controleren om er zeker van te zijn dat het e-mailadres aan de lijst is toegevoegd.