Een ontwerp wordt pas personaliseerbaar als je bepaalt welke delen klanten mogen wijzigen. Deze gids laat zien hoe je van een element een personalisatieveld maakt, het juiste veldtype kiest en het label, de standaardwaarde en de limieten instelt. Hij is bedoeld voor merchants die een product bouwen in de Design Studio en precies willen bepalen wat klanten kunnen bewerken.
Wat klanten kunnen bewerken
Niet elk element op het canvas kan door klanten worden bewerkt. Jij kiest welke wel. Zodra je een element personaliseerbaar maakt, wordt het een veld in het customizer-formulier: het formulier dat een klant invult om het product eigen te maken.
Deze elementtypen kunnen een personalisatieveld worden:
- Een laag Tekst, voor namen, datums en korte berichten.
- Een laag Foto, voor foto-uploads.
- De vormen Rechthoek en Cirkel, waarbij klanten een kleur kiezen.
- Een Keuzelijst, waarbij tekst of een vorm een lijst met vaste keuzes wordt.
- Speciale elementen: Stadskaart, Sportroute, Reiskaart, Sterrenkaart, Maanfase en Avatar.
- Een graphic uit meerdere delen, waarbij elk deel een eigen kleurkiezer kan krijgen.
Al het andere blijft vast. Zo blijft je opmaak intact, terwijl klanten toch ruimte hebben om de onderdelen te personaliseren die ertoe doen.
Wil je zien hoe dit er voor de koper uitziet? Lees dan hoe een klant een product personaliseert.
Een element bewerkbaar maken
Je maakt van een element een veld met de P-knop in de zwevende werkbalk. Dezelfde knop opent de details van het veld als het al personaliseerbaar is.
Selecteer een element dat kan worden gepersonaliseerd
Klik op het element op het canvas. Kies een van de ondersteunde typen: een tekstlaag, een afbeelding, een rechthoek of cirkel, of een van de speciale elementen. Heeft de zwevende werkbalk geen P-knop, dan kan dat elementtype geen veld zijn.
Klik op de P-knop om het personaliseerbaar te maken
De P-knop staat in de zwevende werkbalk boven het geselecteerde element. Klik er één keer op om het element een veld te maken dat klanten kunnen bewerken. De instellingen voor Personaliseren openen dan.
Bewerk de veldgegevens
Stel in de tab Personaliseren het label, het veldtype en de limieten in. Kom je later terug bij een bestaand veld, dan opent een klik op P deze instellingen opnieuw.
Veldtype, label en limieten instellen
Zodra een element een veld is, bepaal je hoe het zich gedraagt. De beschikbare veldtypen hangen af van het element dat je hebt geselecteerd, dus je ziet alleen keuzes die erbij passen.
Kies het veldtype
Kies het type dat bij het element past. Een tekstlaag biedt Eén regel, Alinea, Keuzelijst, Getal en Datum. Een rechthoek of cirkel biedt een kleurkiezer, een keuzelijst of een selectievakje. Een afbeelding biedt het uploaden van een foto of een selectievakje. Een graphic uit meerdere delen biedt een kleurkiezer per deel. Als je het type wijzigt, worden de limieten van dat veld gereset, dus stel eerst het type in.
Stel het label en de hulptekst in
Geef het veld een duidelijk Label, zoals “Je naam” of “Kies een kleur”. Voeg optioneel een Hulptekst toe om uit te leggen wat er moet worden ingevuld, en een Tijdelijke tekst om een voorbeeld in het invoerveld te tonen. Zet Verplicht aan als de klant dit veld moet invullen voordat de klant kan afrekenen.
Voeg limieten toe voor het veldtype
Elk type heeft zijn eigen limieten. Stel bij tekst een Max. lengte in. Stel bij een kleurveld de toegestane kleuren in. Noem bij een keuzelijst de opties waaruit klanten kunnen kiezen. Stel bij een getal- of datumveld een minimum en maximum in. Zo blijft wat klanten invoeren binnen wat jouw druk aankan.
Stel uploadregels in voor fotovelden
Een fotoveld heeft eigen regels in de tab Personaliseren. Onder Foto van de klant bepaalt Uitsnede de vorm van de bijsnijder. Die staat eerst op Printvlak, zodat de klant precies kadert wat er geprint wordt. Kies Vrij als de klant zelf mag kiezen. De rij Uploaden en passen daaronder en de rij Uploadregels verderop vatten elk hun instelling in één regel samen, dus je kunt die lezen zonder ze te openen. Klik op een rij om de pagina ervan te openen.
Uploaden en passen bepaalt hoeveel de klant met de eigen foto kan doen. Uploadmodus biedt Direct uploaden, waarbij het bestand wordt overgenomen zoals het is, Bijsnijden & aanpassen, waarbij de klant een bijsnijdstap krijgt, en Alleen verplaatsen, waarbij de klant de afbeelding binnen het kader kan slepen en schalen. Vulgedrag is Passend (hele foto tonen) of Vullen (gebied bedekken).
Uploadregels gaat over het bestand zelf. Een fotoveld volgt de uploadregels van je winkel, die je één keer instelt op de pagina Customizer van het dashboard onder Klantfoto’s. De rij leest dan Winkelregels. Wil je één veld eigen regels geven? Open dan de Uploadregels ervan en zet Winkelstandaard overschrijven aan. Met Bestandstypes zet je PNG, JPG, WebP, HEIC en SVG afzonderlijk aan of uit. Op een telefoon biedt de uploadknop naast de fotobibliotheek al de camera, zodat een klant ter plekke iets kan fotograferen.
Er zijn twee DPI-getallen, en ze doen verschillend werk. Minimale DPI waarschuwt de klant voor een foto met lage resolutie, zonder hem te stoppen. Hard blokkeren onder weigert alles daaronder gewoon. Zet de blokkade op het minimum dat jouw drukproces echt kan gebruiken en laat ruimte tussen de twee, zodat een foto op het randje een waarschuwing geeft in plaats van te mislukken. Max. bestandsgrootte begrenst de upload in megabyte.
Verwerk elke upload op dezelfde manier
De tab Personaliseren van een fotoveld heeft een sectie Fotostijlen: opschoon-, artistieke en kleurstijlen die op elke klantfoto worden toegepast. Voeg er een toe met Fotostijl toevoegen. Ze worden van boven naar beneden toegepast, in de volgorde van de lijst, en je kunt ze slepen om de volgorde te wijzigen.
Zo houd je de look van een winkel consistent als het artwork van klanten komt. Een grijswaardenfilter op elke upload zorgt dat elke portretmok bij elkaar past, wat de klant ook instuurt.
Een AI-effect loopt hier via je eigen gekoppelde AI-provider, dus het wordt op jouw sleutel in rekening gebracht, net als elke andere AI-generatie. Lees wat AI-generatie kost voordat je er een op een veld zet dat elke klant gebruikt.
Gebruik de tab Personaliseren voor de rest
De tab Personaliseren bevat de diepere instellingen. Stel een Standaardwaarde in, zodat het veld vooraf is ingevuld. Zet keuzes voor klanten aan, zoals een klant een lettertype of kleur laten kiezen, of toestaan dat een element wordt vergroot en verplaatst. Voeg onder Geavanceerd voorwaardelijke regels toe, zodat een veld alleen verschijnt als een ander veld een waarde heeft.
Waarom heeft mijn element geen P-knop?
Dat elementtype kan geen personalisatieveld zijn. Alleen tekst, afbeeldingen, rechthoeken, cirkels, keuzelijsten en de speciale kaart-, maan-, ster- en avatarelementen ondersteunen het.
Waar staan de keuzes voor lettertype en kleur?
Open de tab Personaliseren en zoek naar keuzes voor klanten. Daar kun je klanten een lettertype of kleur laten kiezen terwijl ze nog steeds hun eigen tekst typen.
Kan een veld soms wel en soms niet verschijnen?
Ja. Open de sectie Geavanceerd in de tab Personaliseren en voeg een voorwaardelijke regel toe die het veld alleen toont als een ander veld een waarde heeft.
Wat gebeurt er als ik het type van een veld wijzig?
De limieten die bij het type horen worden gereset, dus stel eerst het veldtype in en voeg daarna de limieten en het label toe.
Zijn je velden ingesteld? Bepaal dan de volgorde en groepering die klanten zien. Volgende stap: indeling en veldvolgorde van de customizer.