Deze gids laat zien hoe je de customizer voor shoppers bij een product beheert. Je kiest de indeling van het formulier, bepaalt in welke volgorde je velden verschijnen en bekijkt de echte customizer direct in de Design Studio. Hij is bedoeld voor merchants die al enkele velden bewerkbaar hebben gemaakt voor klanten en willen bepalen hoe het formulier voor shoppers aanvoelt.
Heb je nog geen velden bewerkbaar gemaakt, begin dan eerst met velden door klanten bewerkbaar maken. Het formulier toont alleen velden die je voor shoppers hebt opengesteld.
Een formulierindeling kiezen
Open het paneel Customizer in de linkerbalk om in te stellen hoe shoppers door de velden bewegen. Schakel onder Layout tussen Eén pagina en Stappen. Bij Stappen zie je daarna hoe de stappen eruit kunnen zien, elk als een klein plaatje: Stappenbalk, Accordeon of Tabbladen, met de fijnere keuzes, zoals de voortgangsstijl en waar de prijs verschijnt, onder Meer. De preview in het dock rechts volgt wat je kiest.
Dit doet elke optie:
- Eén pagina houdt de velden in één formulier.
- Stappen / Stappenbalk verdeelt de velden over opeenvolgende stappen.
- Stappen / Accordeon groepeert velden in uitklapbare onderdelen.
- Stappen / Tabbladen toont één stap tegelijk, met de stappen als tabbladen erboven.
Open de formulierinstellingen
Klik in de Design Studio op Customizer in de linkerbalk. De formulierinstellingen openen in het paneel.
Kies je indeling
Kies onder Layout voor Eén pagina of Stappen, en kies zo nodig de structuur. Sla je wijzigingen op en werk de bedoelde publicatie bij voordat je de flow van de shopper controleert.
Velden herschikken en bekijken
Het dock rechts gebruikt gedeelde formuliercomponenten met de huidige instellingen van de editor. Het is handig om velden en uiterlijk te controleren, maar de gepubliceerde pagina van de shopper moet je nog apart controleren. Schakel het dock bovenaan tussen Bewerken en Voorbeeld.
In Bewerken orden je het formulier. Wijs een veld aan en er verschijnen een klein handvat en een potlood: sleep het handvat om de volgorde van het veld te wijzigen en klik op het potlood om direct naar de instellingen van dat veld in de editor te gaan. Het paneel Customizer in de linkerbalk toont dezelfde velden en daar kun je ze ook herschikken.
In de modus Voorbeeld gedraag je je als een shopper. Je typt in de velden en ziet het canvas live meebewegen, zodat je kunt controleren of het ontwerp reageert zoals je verwacht.
Open het customizerdock
Klik op het customizerdock aan de rechterrand van de Design Studio. Het opent met de schakelaar Bewerken / Voorbeeld bovenaan.
Herschik velden in Bewerken
Wijs met de schakelaar op Bewerken een veld aan en sleep het aan het handvat omhoog of omlaag om de positie te wijzigen. De volgorde die je hier instelt, is de volgorde die shoppers zien. Dit herschrijft de veldvolgorde voor het hele product, niet alleen voor deze weergave.
Spring naar het element van een veld
Wijs in Bewerken een veld aan en klik op het potlood. Composerie selecteert het element van dat veld en opent de eigenschappen ervan, zodat je de tekst, afbeelding of andere instellingen erachter kunt aanpassen.
Schakel over naar Voorbeeld en typ
Klik op Voorbeeld op de schakelaar. Typ in de velden zoals een shopper zou doen. Het canvas wordt live bijgewerkt terwijl je typt, zodat je kunt bevestigen dat het ontwerp goed reageert voordat je publiceert.
Bij Stappen toont de veldenlijst elke stap met zijn velden eronder. Stap toevoegen voegt een lege toe. Een stap zonder velden wordt voor shoppers overgeslagen. Velden die nog in geen enkele stap zitten, staan aan het einde onder Opties, de laatste stap die shoppers zien. Sleep een veld naar een stap, of gebruik Verplaats naar op het veld om het aan het einde van een stap te zetten.
Heeft het product meerdere kanten, zoals een voorkant en een achterkant, bedenk dan dat het formulier de velden over alle kanten omvat. Zie de kanten van een product beheren om die in te stellen.
Veelgestelde vragen
Verandert herschikken in het dock de volgorde voor shoppers?
Het verandert de veldvolgorde van de editor. Sla op en werk de bedoelde publicatie bij, en controleer daarna de echte pagina van de shopper.
Waarom zijn de knoppen In winkelwagen en Delen grijs?
Het dock is een preview, geen echte winkelwagen. Die knoppen blijven uitgeschakeld zodat je er geen testbestelling mee kunt plaatsen.
Komt de preview overeen met wat shoppers echt zien?
Hij gebruikt gedeelde formuliercomponenten en de huidige instellingen van de editor. Controleer de gepubliceerde pagina apart op de opgeslagen configuratie, beschikbare functies, apparaatindeling en het gedrag van de winkelwagen.
Kan ik later van indeling wisselen?
Ja. Wijzig de indeling in de formulierweergave van het dock, sla de wijziging op en werk de bedoelde publicatie bij. Controleer de nieuwe flow in de webshop voordat je erop vertrouwt.
Volgende stap
Om de ervaring van begin tot eind te controleren, lees je hoe een shopper een product personaliseert.