Hoe je een aanmeldingsformulier voor een volledige pagina gebruikt als landingspagina

Wat je leert

Lees hoe je in Klaviyo een aanmeldingsformulier maakt dat een volledige pagina op je website beslaat en meteen wordt geopend wanneer een bezoeker op een aangewezen URL klikt. Dit lijkt op een landingspagina-ervaring waar bezoekers naartoe kunnen navigeren om zich aan te melden. Om dit in te stellen, moet je eerst het formulier voor de volledige pagina maken en vervolgens bepaalde instellingen voor Targeting & behavior aanpassen, zodat het verschijnt wanneer een gebruiker op een bepaalde link klikt.

Een aanmeldingsformulier op volledige pagina beslaat de volledige hoogte en breedte van de pagina, zodat het lijkt op een aangepaste landingspagina; het is eigenlijk geen landingspagina op zichzelf en er moet een sluitpictogram worden opgenomen, zodat bezoekers het kunnen sluiten en weer verder kunnen browsen. Wanneer een bezoeker op je link klikt, wordt je website geopend en verschijnt het formulier op volledige pagina direct.

Voordat je begint, zorg je ervoor dat de onsite JavaScript van Klaviyo is geïnstalleerd op de webpagina die je voor je link gaat gebruiken. Bekijk hoe je Klaviyo onsite tracking installeert.

Een nieuw formulier voor een volledige pagina maken

1. Selecteer Website > Aanmeldingsformulieren in de hoofdnavigatie aan de linkerkant.
2. Selecteer Formulier maken om te beginnen met een lege template. Als je wordt gevraagd om een kanaal te kiezen, geef je formulier dan een naam, selecteer Web en klik op Maken. Selecteer in de formulierbibliotheek Leeg formulier maken.
   • Voer de naam van je formulier in of bevestig deze en kies aan welke lijst abonnees moeten worden toegevoegd.
   • Selecteer het formuliertype Volledige pagina.
   • Klik op Opslaan en ontwerpen om te beginnen met het maken van je nieuwe formulier in de formuliereditor.
     

3. Als je liever een bestaand formulier in je account gebruikt of in plaats daarvan een template uit de formulierbibliotheek aanpast, selecteer je Stijlen bewerken in de editor en controleer je of Volledige pagina is ingesteld als het Formuliertype.
   

4. Pas het ontwerp en de content van het aanmeldingsformulier aan zodat dit aansluit bij je doel.
   • Selecteer Content toevoegen om het blokkenpaneel te openen en sleep verschillende invoerblokken naar je formulier (bijv. veld voor telefoonnummer, datumveld, enz.). Meer informatie over formulierblokken en -velden.
   • Selecteer Stijlen bewerken om het formulier te bewerken en aan te passen aan je merk (bijv. afbeeldingen, achtergrondkleur, formulierstijlen, enz.). Meer informatie over formulierstijlen en ontwerpopties.
   • Selecteer tekst in het voorbeeld om deze te bewerken en de toon of het bericht van je formulier aan te passen.

Update de call to action op je formulier

1. Klik in de formuliereditor op de verzendknop in de voorbeeldweergave van je formulier (bijv. de knop "Aanmelden" in de afbeelding hieronder).
2. Stel de actie van de knop in op Formulier verzenden. Je kunt hier ook de lijst aanpassen waaraan je wilt dat abonnees worden toegevoegd. Als de lijst dubbele toestemming gebruikt, vergeet dan niet de bijbehorende pagina voor abonnementsbevestiging bij te werken.
3. Naast After Submit kies je een van de volgende opties:
   • Toon volgende stap om de volgende stap in het formulier weer te geven. Dit kan een extra aanmeldstap zijn of het succesbericht, afhankelijk van hoe je formulier is ingesteld.
   • Ga naar de URL en voer de doel-URL in als je abonnees wilt doorsturen naar een andere pagina op je website, zoals je homepage.
     

Richt je formulier zo in dat het verschijnt wanneer er op een link wordt geklikt

1. Selecteer in de formuliereneditor de optie Targeting & gedrag.
   

2. Selecteer het tabblad Weergave. Selecteer onder Timing Onmiddellijk.
3. Stel onder Frequentie Als bezoeker formulier sluit, opnieuw weergeven na in op 0 dagen en selecteer vervolgens Niet opnieuw weergeven als het formulier is ingediend of als er op de knop Ga naar URL is geklikt.

• Met de instelling van 0 dagen wordt het formulier opnieuw weergegeven wanneer een bezoeker terugkomt nadat deze het heeft gesloten. Als het selectievakje is aangevinkt, blijft het formulier verborgen in dezelfde browser nadat een bezoeker het heeft verzonden of op de knop Ga naar URL klikt. Schakel het selectievakje uit als je wilt dat die bezoekers het formulier opnieuw kunnen zien.

4. Selecteer onder Apparaten Alle apparaten, zodat bezoekers het formulier kunnen openen op desktop en mobiel.
5. Schakel bovenaan naar het gedeelte Targeting.
6. Kies onder Doelgroep Aan alle leden van het publiek weergeven.
   

7. Selecteer onder URL's Alleen weergeven op bepaalde URL's en kies vervolgens Bevattend in het dropdownmenu.
8. Voeg in het bijbehorende tekstvak een ankerlink in. Een ankerlink begint met een hashtag, gevolgd door een beschrijvende paginanaam (bijv. #InstagramSignup).
   • Voeg de ankerlink toe aan het einde van de URL van je site (bijv. https://swak-lip-care.myshopify.com/#InstagramSignup) om een link te maken die het formulier op de volledige pagina op je website opent. De optie om het formulier te verbergen na verzenden of na een klik op Naar URL gaan blijft nog steeds van toepassing.
     

9. Zorg ervoor dat het sluitpictogram (de knop X) makkelijk te vinden is, zodat shoppers het aanmeldingsformulier van hun scherm kunnen sluiten. Bezoekers kunnen ook op Escape drukken om het formulier te sluiten. Klik in het voorbeeld in de editor op de X-knop om deze aan te passen.
10. Klik op Publiceren of plannen als je klaar bent. Los eventuele blokkerende meldingen op, selecteer Nu publiceren en klik vervolgens op de knop Nu publiceren om het formulier live te zetten.

Zodra het formulier is gepubliceerd, begin je abonnees te verzamelen via je ankerlink. Bekijkers moeten rechtstreeks op de URL met de anchorlink klikken, of deze exact in hun browser typen om je website te openen met het volledige paginavormulier.

Als SWAK Lip care bijvoorbeeld de anchorlink instelt op #InstagramSignup om deze op een Instagram Story te plaatsen, ziet de link er zo uit:

https://swak-lip-care.myshopify.com/#InstagramSignup.

Test je formulier

1. Open de volledige URL, inclusief de ankerlink, in een privé- of incognitovenster met advertentieblokkers uitgeschakeld. Controleer of het formulier wordt weergegeven op desktop en mobiel.
2. Verstuur het formulier en controleer of de volgende stap, het succesbericht of de bestemmingspagina overeenkomt met je instellingen.

Volgende stappen

Deel je link in je social kanalen of berichten om kijkers aan te moedigen zich aan te melden en meer te horen van je merk.

Overweeg om een splitsing toe te voegen aan je welkomstserie om degenen te targeten die zich met dit aanmeldingsformulier hebben aangemeld als je ze een meer gepersonaliseerd bericht wilt sturen.

Extra hulpbronnen