Dynamisch blok gebruiken in formulieren

Wat je leert

Leer meer over dynamische blokken en hoe je ze kunt gebruiken in aanmeldingsformulieren om verschillende weergaven en ervaringen te creëren voor shoppers op desktop- en mobiele apparaten. Elk blok in je formulier kan dynamisch worden gemaakt door de zichtbaarheidsinstellingen aan te passen.

Met dynamisch blok kun je bepalen welk blok verschijnt op basis van het apparaat. Je kunt blok zo instellen dat het op verschillende manieren in je formulier verschijnt, afhankelijk van het apparaat, of dat het op 1 apparaat verschijnt en niet op het andere.

Gebruikscases voor dynamisch blok:

• Pas de weergave van formulieren aan voor verschillende apparaattypen (bijvoorbeeld mobiel en desktop), zodat kopers een ontwerp zien dat is afgestemd op hun scherm.
• Maak een enkel formulier met verschillende sms opt-in methodes die aan elk apparaattype worden getoond om conversie te optimaliseren (bijvoorbeeld, toon een tap-to-text optie op mobiele apparaten en een telefoonnummer invoerveld op desktop apparaten).

Voordat je van start gaat

Open je formulier in de editor en navigeer naar het gedeelte Doelgroepen en gedrag. Zorg ervoor dat je formulier is ingesteld voor weergave op zowel desktop als mobiel, zodat alle kopers het kunnen zien.

Met deze instelling kun je aparte weergaven configureren voor desktop en mobiel.

Gebruik dynamisch blok om verschillende weergaven voor desktop en mobiel te maken

Elk blok of invoerveld in een formulier, bestaand of nieuw toegevoegd vanaf het tabblad Blok toevoegen, kan dynamisch worden gemaakt. Volg deze stappen om aan te passen welke apparaten een bepaald blok weergeven:

1. Klik op het blok in het voorbeeldvenster van het formulier (bijvoorbeeld een tekstblok).
2. Scroll in het instellingenmenu van het blok aan de linkerkant naar beneden naar Zichtbaarheid.
3. Kies of je het blok op desktop, mobiel of alle apparaten wilt weergeven.
4. Herhaal dit proces voor elk blok dat je dynamisch wilt maken.

Om een voorbeeld te zien van hoe je formulier er op elk apparaat uitziet, gebruik je de weergaveselector in de rechterbovenhoek van de formuliereditor. Je kunt heen en weer schakelen tussen het bureaubladpictogram en het pictogram van het mobiele apparaat om elke weergave te zien.

• De desktopweergave laat zien hoe je formulier eruitziet voor klanten die je site bekijken op een desktop. Alleen blok geconfigureerd voor Desktop en Alle apparaten zal zichtbaar zijn in deze weergave.
• De mobiele weergave geeft een voorbeeld van wat kopers te zien krijgen als ze op een mobiel apparaat browsen. Het toont blok geconfigureerd voor Mobiele en Alle apparaten.

Voorbeeld

Stel dat je wilt dat de tekst van de kop van je formulier anders wordt weergegeven op een desktopcomputer dan op een mobiel apparaat. Om dit in te stellen:

1. Selecteer het bureaubladpictogram in de weergaveselector in de rechterbovenhoek. 
2. Selecteer de tekst die je wilt bewerken in het voorbeeld van het formulier en breng je wijzigingen aan.
3. Blader in het instellingenmenu van het tekstblok naar Zichtbaarheid en stel het tekstblok in op Alleen weergeven op Bureaublad .
   
   

   Als je instelt dat een blok alleen op desktop wordt weergegeven, kies je ervoor om het blok te verbergen voor mobiele gebruikers, zodat het niet zichtbaar is in het mobiele voorbeeld.

4. Om de mobiele weergave aan te passen, schakel je over naar de mobiele preview door het mobiele pictogram in de weergavekeuze te selecteren.
5. Ga naar de tab Blok toevoegen en sleep een nieuwe tekst element naar de mobiele preview.
6. Pas de standaard koptekst aan voor mobiele shoppers. Deze tekst moet anders zijn dan wat je op de desktopversie hebt gebruikt.
7. Scroll in het instellingenmenu van het tekstblok naar beneden naar Zichtbaarheid en stel dit tekstblok in op Weergeven op mobiel.
   
   
8. Optioneel: Herhaal dit proces voor andere elementen of invoerveld die je anders wilt weergeven op basis van het apparaattype (bijvoorbeeld een afbeelding weergeven aan desktop shoppers maar verbergen op mobiel).
   • Als je afbeeldingen in je formulier dynamisch wilt maken, dan kan dat:
     • Voeg een zijafbeelding toe aan zowel de mobiele als de desktopweergave, of slechts aan één van de twee.
     • Gebruik een zijafbeelding in de desktopweergave en plaats een afbeelding boven de koptekst op mobiel, of andersom. 

Gebruik dynamisch blok om toestemming voor sms-verzameling te optimaliseren

Als je een aanmeldingsformulier hebt dat toestemming voor sms verzamelt, kun je dynamisch blok gebruiken om de sms opt-in methode voor elk apparaat te optimaliseren (toon mobiele shoppers bijvoorbeeld een tap-to-text knop, terwijl desktop shoppers een telefoonnummer invoerveld zien). 

Om dit in te stellen:

1. Open je bestaande formulier in de editor en navigeer naar de sms Opt-in stap in de menubalk. 
   • Als je formulier deze stap nog niet heeft, klik dan op +Stap > sms Opt-in en selecteer een lijst om deze toe te voegen.
     
2. Selecteer in de weergaveselector rechtsboven het bureaubladpictogram om de bureaubladweergave van je formulier aan te passen. 
3. Selecteer het invoerveld voor het telefoonnummer in het voorbeeld en zet het onder Zichtbaarheid op Weergeven op Bureaublad. Doe hetzelfde voor de sms-tekst en de verzendknop.
   
   

   Merk op dat als je instelt dat een blok specifiek op desktop apparaten wordt weergegeven, het niet verborgen wordt in de mobiele weergave. 

4. Schakel over naar de mobiele weergave van je formulier door het mobiele pictogram in de rechterbovenhoek te selecteren.
5. Selecteer het tabblad Blok toevoegen en sleep vervolgens een nieuw knopblok naar het mobiele voorbeeld. 
6. Wijzig de Actie van de knop in aanmelden via sms.
   
   
7. Pas je aanmelden trefwoord en aanmelden bericht aan voor je tap-to-text call-to-action.
8. Kies onder Regio van verzending het juiste telefoonnummer voor de regio waar je het formulier naartoe wilt sturen. 
9. schakelaar terug en weer tussen de desktop en mobiele weergaven om er zeker van te zijn dat het blok op elk apparaat verschijnt zoals je bedoeld had. 

Nu is je dynamische blok geconfigureerd om toestemming voor sms te verzamelen op de meest geoptimaliseerde methode voor zowel desktop als mobiel. 

Volgende stappen

Voordat je je aanmeldingsformulier publiceert, navigeer je naar het tabblad Stijlen om de indeling, lettertypen en kleuren aan te passen aan je merk. Zorg er ook voor dat je de taal voor de openbaarmaking van je sms toevoegt en aanpast.

Aanvullende bronnen

referentie sms opt-in methoden

Formulierblok en -velden begrijpen

Stijlen voor een aanmeldingsformulier begrijpen

cursus: Klaviyo productcertificaat