Dynamische blokken gebruiken in formulieren
Lees meer over dynamische blokken en hoe je ze kunt gebruiken in aanmeldingsformulieren om afzonderlijke weergaven en ervaringen te creëren voor shoppers op desktop- en mobiele apparaten. Elk blok in je formulier kun je dynamisch maken door de zichtbaarheidsinstellingen aan te passen.
Over dynamische blokken
Met dynamische blokken kun je bepalen welke blokken worden weergegeven op basis van het apparaat. Je kunt blokken zo configureren dat ze er in je formulier anders uitzien op basis van het apparaat, of dat ze op het ene apparaat wel worden weergegeven en op het andere niet.
Use cases voor dynamische blokken:
- Pas formulierweergaven aan voor verschillende apparaattypen (bijv. mobiel en desktop), zodat shoppers een ontwerp zien dat is afgestemd op hun scherm.
- Maak één formulier met verschillende sms-opt-inmethoden die per apparaattype worden weergegeven om conversie te optimaliseren (bijv. toon een tik-om-te-sms'en-optie op mobiele apparaten en een invoerveld voor een telefoonnummer op desktopapparaten).
Voordat je van start gaat
Open je formulier in de editor en ga naar het gedeelte Targeting en gedrag. Zorg dat je formulier is ingesteld om weer te geven op zowel desktop als mobiel, zodat alle shoppers het kunnen zien.
Met deze instelling kun je aparte weergaven voor desktop en mobiel configureren.
Gebruik dynamische blokken om aparte desktop- en mobiele weergaven te maken
Alle blokken of invoerveld in een formulier, of ze nu al bestaan of nieuw zijn toegevoegd via het tabblad Blokken toevoegen, kunnen dynamisch worden gemaakt. Volg deze stappen om aan te passen op welke apparaten een bepaald blok wordt weergegeven:
- Klik op het blok in het paneel met het formuliervoorbeeld (bijv. een tekstblok).
- Scrol in het instellingenmenu van het blok aan de linkerkant omlaag naar Zichtbaarheid.
- Kies of je het blok wilt weergeven op desktop, mobiel of op alle apparaten.
- Herhaal dit proces voor alle blokken die je dynamisch wilt maken.
Gebruik de weergaveselector in de rechterbovenhoek van de formuliereditor om te bekijken hoe je formulier er op elk apparaat uitziet. Je kunt schakelen tussen het desktopicoon en het icoon voor mobiele apparaten om elke weergave te bekijken.
- De desktopweergave laat zien hoe je formulier eruitziet voor shoppers die je site bekijken op een desktop. Alleen blokken die zijn ingesteld op Desktop en Alle apparaten zijn zichtbaar in deze weergave.
- De mobiele weergave geeft een voorbeeld van wat shoppers te zien krijgen wanneer ze op een mobiel apparaat browsen. Er worden blokken weergegeven die zijn geconfigureerd voor Mobiel en Alle apparaten.
Voorbeeld
Stel dat je wilt dat de koptekst van je formulier er anders uitziet op desktop dan op een mobiel apparaat. Om dit te configureren:
- Selecteer in de weergaveselector in de rechterbovenhoek het desktopicoon.
- Selecteer de tekst die je wilt bewerken in de formulierpreview en breng je wijzigingen aan.
- Scroll in het instellingenmenu van het tekstblok naar Zichtbaarheid en stel het tekstblok in om alleen op Desktop te worden weergegeven.
- Om de mobiele weergave aan te passen, schakel je over naar de mobiele preview door het mobiele pictogram te selecteren in de weergaveselector.
- Ga naar het tabblad Blokken toevoegen en sleep een nieuw tekstelement naar de mobiele preview.
- Pas de standaardkoptekst aan voor mobiele shoppers. Deze tekst moet anders zijn dan wat je hebt gebruikt in de desktopversie.
- Scrol in het instellingenmenu van het tekstblok omlaag naar Zichtbaarheid en stel dit tekstblok in op weergeven op Mobiel.
- Optioneel: herhaal dit proces voor andere elementen of invoervelden die je anders wilt weergeven op basis van het apparaattype (bijv. een afbeelding tonen aan desktopshoppers, maar verbergen op mobiel).
- Als je afbeeldingen in je formulier dynamisch wilt maken, kun je:
- Voeg een zijafbeelding toe aan zowel de mobiele als de desktopweergave, of aan slechts een van de twee.
- Gebruik een zijafbeelding in de desktopweergave en plaats op mobiel een afbeelding boven de koptekst, of andersom.
- Als je afbeeldingen in je formulier dynamisch wilt maken, kun je:
Gebruik dynamische blokken om het verzamelen van sms-toestemming te optimaliseren
Als je een aanmeldingsformulier hebt dat sms-toestemming verzamelt, kun je dynamische blokken gebruiken om de sms-opt-inmethode te optimaliseren voor elk apparaat (bijv. mobiele shoppers een tik-om-te-sms'en-knop tonen, terwijl desktopshoppers een invoerveld voor een telefoonnummer zien).
Houd er rekening mee dat de vooraf gebouwde template in de formulierenbibliotheek die zowel e-mailadressen als telefoonnummers verzamelen, al dynamische blokken hebben ingesteld voor geoptimaliseerde sms-opt-ins op elk apparaat. Als je een van deze templates kiest, hoef je de blokken niet te configureren; je hoeft alleen de stijl van het formulier aan te passen zodat die past bij je merk.
Als je helemaal opnieuw begint of een nieuw formulier wilt maken om sms-abonnees te verzamelen, bekijk dan onze gids over hoe je sms-toestemming verzamelt met Smart Opt-in.
Om dit in te stellen:
- Open je bestaande formulier in de editor en ga in de menubalk naar de stap Sms-opt-in.
- Als je formulier deze stap nog niet heeft, klik je op +Stap > sms-aanmelding en selecteer je een lijst om deze toe te voegen.
- Als je formulier deze stap nog niet heeft, klik je op +Stap > sms-aanmelding en selecteer je een lijst om deze toe te voegen.
- Selecteer in de weergaveselector rechtsboven het desktopicoon om de desktopweergave van je formulier aan te passen.
- Selecteer het telefoonnummer-invoerveld in de preview en stel het onder Zichtbaarheidin op weergeven op Desktop. Doe hetzelfde voor de sms-disclosuretekst en de verzendknop.
Let op: wanneer je een blok instelt om specifiek op desktopapparaten te worden weergegeven, wordt het niet verborgen in de mobiele weergave.
- Schakel over naar de mobiele weergave van je formulier door het mobiele pictogram in de rechterbovenhoek te selecteren.
- Selecteer het tabblad Blokken toevoegen en sleep vervolgens een nieuw knopblok naar de mobiele preview.
- Wijzig de actie van de knop naar Aanmelden via sms.
- Pas je aanmelden Keyword en aanmelden Bericht aan voor je tap-to-text-call-to-action.
- Selecteer onder Verzendregio het juiste telefoonnummer voor de regio waarop je het formulier wilt richten.
- Schakel heen en weer tussen de desktop- en mobiele weergave om ervoor te zorgen dat de blokken op elk apparaat verschijnen zoals je bedoelde.
Nu zijn je dynamische blokken geconfigureerd om sms-toestemming te verzamelen op de meest geoptimaliseerde manier voor zowel desktop als mobiel.
Volgende stappen
Voordat je je aanmeldingsformulier publiceert, ga je naar het tabblad Stijlen om de lay-out, lettertypen en kleuren aan te passen aan je merk. Zorg er ook voor dat je je sms-kennisgevingstaal toevoegt en aanpast.