Als een shopper een van je producten personaliseert, kiest die vaak een kleur en een lettertype. Deze gids legt uit hoe die bedieningselementen er in je webshop uitzien en zich gedragen, zodat je weet wat je klanten zien. Hij is geschreven voor merchants die personaliseerbare producten instellen en de kant van de shopper willen begrijpen.
De kleur- en lettertypebediening staat in het personalisatieformulier naast de live preview. Voor hoe het hele formulier in elkaar zit, zie je velden in het personalisatieformulier.
Een kleur kiezen
Een kleurveld toont een rij ronde stalen. De shopper tikt er een aan om hem te selecteren. Het gekozen staal krijgt een vinkje, zodat duidelijk is welke kleur actief is. De kop boven de stalen luidt “Kies een kleur”.
Jij bepaalt welke kleuren verschijnen. Je kunt een vaste set stalen opgeven, zodat de shopper beperkt blijft tot kleuren die jij goedkeurt. Je kunt ook een vrije kleurkiezer inschakelen, waarmee de shopper elke kleur kan kiezen met de eigen kiezer van het apparaat. Laat de kiezer uit als je de keuzes bij je merk wilt houden, of zet hem aan als je volledige vrijheid wilt geven.
Ook tekstvelden en meerregelige tekstvelden kunnen een kleurrij tonen. Sta je dat toe, dan verschijnt direct onder het invoerveld een rij stalen met “Kies een kleur”. Een shopper die een naam typt, kan zo op dezelfde plek ook de kleur van die tekst kiezen.
Zodra een shopper op een staal tikt, wordt de live preview bijgewerkt met de nieuwe kleur. Er is geen aparte stap om toe te passen. Meer over de preview lees je in de live preview.
Een lettertype kiezen
Een lettertypeveld toont zijn opties als tegels met een “Abc”-voorbeeld in elk, onder het eigen label van het veld. Koppel je een lettertypekeuze aan een tekstveld in plaats van er een eigen veld voor te maken, dan verschijnen de tegels onder de kop Kies een lettertype, direct onder het tekstvak waarvoor ze gelden. Lettertypevoorbeelden hebben soms tijd nodig om te laden. Controleer het gekozen lettertype in de productpreview nadat het geladen is. Een tegel alleen bewijst niet dat het productielettertype klaar is.
Biedt een veld meer dan 12 lettertypen aan, dan verschijnt boven de tegels een zoekvak. De plaatsaanduiding luidt “Zoek lettertypes…”. De shopper typt een deel van een lettertypenaam om de lijst te filteren. Zo blijven lange lettertypelijsten overzichtelijk.
Jij bepaalt hoe lettertypen worden getoond. Je kunt ze als tegels tonen, wat de standaard is, of als keuzelijst voor een compactere indeling. Tegels werken goed als je wilt dat de shopper stijlen in één oogopslag vergelijkt. Een keuzelijst bespaart ruimte als het formulier lang is.
Tik op een tegel om het lettertype te kiezen en controleer daarna de preview als die geladen is. Verschijnt het verwachte lettertype niet, los dan het laadprobleem op voordat je op die preview vertrouwt.
Om te kiezen welke lettertypen een veld aanbiedt en hoe ze worden getoond, zie je lettertypen kiezen en laden in de Design Studio.
Volgende stap: lees hoe elke keuze op de productafbeelding verschijnt in de live preview.