Deze gids legt uit wat je klanten zien in de live preview terwijl ze een product personaliseren. Hij is bedoeld voor merchants die willen begrijpen hoe de preview zich gedraagt voordat een shopper het item in de winkelwagen legt. Als je dat weet, stel je producten in die bij elke stap goed eruitzien.
De preview wordt live bijgewerkt
De preview staat naast de personalisatievelden. Elke keer dat een shopper een veld wijzigt, wordt de preview meteen opnieuw getekend. Typ een naam en die verschijnt op het ontwerp. Kies een kleur en het ontwerp krijgt die kleur. Er is geen aparte knop om te verversen of toe te passen.
De preview helpt de shopper om de opmaak en de personalisatie te controleren. Het is geen bewijs van het uiteindelijke productiebestand of van de fysieke print. Controleer alle verplichte vlakken, de weergave van lettertypen, het bijsnijden en de bedoelde uitvoer voordat je produceert.
Het bewerkbare printgebied wordt getoond met een subtiele gestippelde rand. Daaraan ziet de shopper waar zijn inhoud op het product staat. Alles binnen de gestippelde lijn hoort bij het gepersonaliseerde gebied.
Wil je zien hoe een shopper de hele flow doorloopt, lees dan hoe een shopper een product personaliseert. Voor de velden die deze wijzigingen aansturen, zie je velden in het personalisatieformulier.
Ontwerpweergave en productmockupweergave
Een product kan de preview op twee manieren tonen.
De ontwerpweergave toont het artwork plat op een neutraal vlak. Er staat geen productfoto achter. Dit is dezelfde platte indeling die je klant bewerkt, dus het is makkelijk te lezen en om tekst te positioneren.
De productmockupweergave toont hetzelfde artwork geplaatst op een foto van het echte product. De shopper ziet zijn ontwerp zoals het eruit zou zien op het afgewerkte item, bijvoorbeeld geprint op een mok of een shirt.
Je kunt voor één product beide weergaven inschakelen. Dan ziet de shopper onder het canvas twee knoppen: Ontwerp en Productweergave. Met Ontwerp opent hij de platte weergave en met Productweergave de weergave met productfoto. De preview wordt live bijgewerkt in de weergave die actief is.
Voor de productmockupweergave moet eerst een productmockup zijn ingesteld. De mockup vertelt Composerie hoe het ontwerp op de productfoto moet worden geplaatst. Zonder mockup blijft de preview plat in de ontwerpweergave, ook als de mockupweergave is aangevraagd. Stel de mockup op het product in voordat je de mockupweergave of beide weergavemodi inschakelt.
Meerdere kanten en meerdere ontwerpen
Sommige producten hebben meer dan één kant om te personaliseren, zoals een voorkant en een achterkant. Deze producten tonen een rij tabbladen boven de preview. De shopper klikt op een tabblad om naar die kant te gaan. Elke kant heeft een eigen weergave in de preview.
Wordt een stuk tekst gedeeld tussen kanten, dan wordt het op elke kant bijgewerkt als je het één keer wijzigt. Een naam die zowel op de voorkant als op de achterkant staat, wordt bijvoorbeeld overal bijgewerkt zodra de shopper hem invoert. De shopper hoeft dezelfde tekst niet op elke kant opnieuw te typen.
Een product kan ook meer dan één ontwerp aanbieden. Zijn er ontwerpkeuzes beschikbaar, dan kan de shopper een andere indeling selecteren. Compatibele personalisatie kan worden overgenomen, maar velden die niet bij de nieuwe indeling horen, blijven niet behouden. Controleer het nieuwe ontwerp en vul ontbrekende verplichte velden in.
De preview past in het scherm, met lege ruimte langs de randen waar dat nodig is. Hij schaalt omlaag, zodat het hele ontwerp zichtbaar blijft zonder over de rand te lopen. Op mobiel past hij zich responsief aan, zodat de shopper op een klein scherm de volledige preview ziet.
Veelgestelde vragen
Waarom staat er geen knop Ontwerp en Productweergave op mijn product?
Die knoppen verschijnen alleen als beide weergaven zijn ingeschakeld en het product een mockup met plaatsingshoeken heeft. Zonder geschikte mockup blijft de preview plat.
Komt de preview overeen met het geprinte resultaat?
Gebruik hem om de opmaak en de personalisatie te controleren, maar zie hem niet als proefdruk van de productie of van de fysieke print. Controleer de bedoelde uitvoer en elk verplicht vlak voordat je produceert.
Wat is de gestippelde rand in de preview?
Die omlijnt het bewerkbare printgebied. Inhoud binnen de gestippelde lijn is het gepersonaliseerde deel van het product.
Als ik gedeelde tekst op de voorkant wijzig, wordt de achterkant dan ook bijgewerkt?
Ja. Tekst die tussen kanten wordt gedeeld, wordt op elke kant bijgewerkt als je hem één keer wijzigt.
Volgende stap
Stel de weergave met productfoto in via de mockup-preview, zodat shoppers hun ontwerp op het echte product zien.