Gebruik Clipart wanneer de shopper een afbeelding moet kiezen die jij aanbiedt. Het werkt voor illustraties, logo’s, achtergronden, transparante fotolijsten en ander artwork. Jij kiest welke afbeeldingen je aanbiedt. De shopper kiest er een in de customizer.
Gebruik Afbeelding voor een vaste afbeelding of een foto die de klant uploadt. Om een klantfoto te combineren met een keuze uit fotolijsten, voeg je een laag Afbeelding toe voor de upload en daarboven een aparte laag Clipart voor de fotolijsten.
Het is makkelijk te verwarren met het paneel Graphics, dus begin hier: Graphics is je eigen bibliotheek, en wat je erin aanklikt, komt op het canvas en blijft daar staan. Clipart is een personalisatieveld. Jij kiest de categorie, de shopper kiest de graphic.
Voordat je begint: het artwork staat in Media
Een Clipart-element gebruikt afbeeldingen uit één categorie in je mediabibliotheek. Je kunt de hele categorie houden of een selectie samenstellen voor dit element. Heb je eenmaal een selectie samengesteld, dan voegt het toevoegen van meer bestanden aan de broncategorie die niet toe aan die selectie.
Heb je nog geen categorieën, dan zegt het paneel dat precies en stuurt het je naar Media om er een te maken. Dit ziet een nieuw account:
Bouw eerst de categorie in de mediabibliotheek en kom daarna hier terug.
Het element toevoegen
Open het paneel Clipart
Open in de Design Studio Elementen en klik op de tegel Clipart.
Kies waar de categorie vandaan komt
Mijn categorieën toont de categorieën die je organisatie heeft gebouwd. Bibliotheek toont kant-en-klare categorieën die je kunt overnemen: kies Toevoegen aan mijn bibliotheek en hij wordt van jou, om te gebruiken en uit te breiden.
Groeit een bibliotheekcategorie nadat je hem hebt overgenomen, dan biedt het paneel aan om de nieuwe graphics toe te voegen in plaats van je hem opnieuw te laten bouwen.
Kies een categorie
Klik op een categorie en het element komt op het canvas te staan met een van de graphics erin. Elke categorie toont hoeveel graphics hij bevat, dus een lege is duidelijk voordat je hem gebruikt.
De aan te bieden afbeeldingen kiezen
Selecteer het Clipart-element. Onder Inhoud op het tabblad Ontwerp staat de set als vierkante tegels, vier per rij. Klik op de plus-tegel, Afbeeldingen toevoegen, om de categorie te openen die dit element al gebruikt.
Zet bestanden in het uploadgebied neer om ze rechtstreeks aan deze categorie en dit element toe te voegen. Of klik in het gebied op Afbeeldingen toevoegen om de standaard mediakiezer te openen, beginnend in de huidige categorie. Upload nieuwe bestanden, selecteer bestaande afbeeldingen en bewerk hun titels in het detailpaneel. Afbeeldingen die dit element al aanbiedt, tonen een aangevinkte badge Al toegevoegd en kunnen niet nog eens worden geselecteerd. Alleen nieuwe selecties tellen mee voor Afbeeldingen toevoegen. Bevestig met Afbeeldingen toevoegen.
Uploads gaan altijd naar deze clipartcategorie, ook als je in de kiezer een andere map bekijkt. Een bestaande afbeelding uit een andere map selecteren voegt een kopie toe aan de categorie zonder het origineel te verplaatsen. Dezelfde afbeelding nog eens selecteren voegt geen tweede kopie toe. Uploads blijven in de mediabibliotheek staan, ook als je de kiezer annuleert.
Een bestand verwijderen via de kiezer haalt het na bevestiging uit de mediabibliotheek. Bestanden die in ontwerpen worden gebruikt, zijn beschermd. Een keuze verwijderen in de editor haalt hem alleen uit dit element.
De tegels tonen twee rijen tegelijk. In een grotere set toont Alle de rest. Een ster markeert de standaardafbeelding. De regel onder de tegels telt de afbeeldingen en eindigt op Set beheren.
Kies Set beheren om het beheerscherm te openen. Zoek op naam of gebruik de pagina-pijlen om een keuze te vinden. Bewerk een naam direct in zijn rij. Druk op Enter of verlaat het veld om toe te passen. Wijzig een positienummer om een afbeelding te herschikken, stel de Prijs van elke afbeelding in, kies een standaard met de ster, of selecteer meerdere afbeeldingen en gebruik Uit keuze verwijderen. Een prijs is de toeslag van de afbeelding in je mediabibliotheek, dus hij geldt overal waar die afbeelding wordt gebruikt. Houd minstens één afbeelding. Verwijderen ongedaan maken herstelt de meest recente verwijdering zolang het beheerscherm open is. Wijzigingen toepassen past het concept in één keer toe. Annuleren gooit het weg. Hernoemen, herschikken en verwijderen vragen dat het veld is ingeschakeld op het tabblad Personaliseren. Tot dan kun je in het beheerscherm alleen de set doorzoeken en de standaard kiezen.
Een keuze verwijderen heeft alleen invloed op dit element. Het origineel blijft in je mediabibliotheek. Namen en volgorde gelden ook alleen voor dit element en hernoemen geen bestanden en wijzigen geen andere ontwerpen. Verwijder je de standaardafbeelding, dan wordt de eerste overgebleven afbeelding de standaard.
Om een andere categorie te gebruiken, open je Afbeeldingen toevoegen en kies je Andere categorie. Afbeeldingen uit een andere categorie toepassen vervangt de selectie van dit element en stelt een geldige standaard in op basis van de nieuwe afbeeldingen.
Geen afbeelding aanbieden
Zet op het tabblad Personaliseren onder Wat klanten kunnen aanpassen de optie Geen afbeelding aan om shoppers deze laag leeg te laten. Stel de Naam van de lege keuze in, zoals “Geen lijst”, en zet Begin zonder afbeelding aan als de laag leeg moet beginnen.
Deze optie kiezen verbergt alleen het artwork van deze laag. Een aparte klantfoto blijft op zijn plek. Voor deze lege keuze komt er geen toeslag voor artwork of veld bij. Hij telt als een geldig antwoord wanneer het veld verplicht is.
Gebruik artwork met dezelfde afmetingen en transparante achtergronden wanneer het boven een foto moet staan. Elke keuze vervangt de afbeelding op dezelfde plek en in dezelfde grootte van dezelfde Clipart-laag.
Instellen wat shoppers als eerste zien
De afbeelding met de ster, in de tegels van de set onder Inhoud, is wat verschijnt voordat de shopper iets aanraakt: op je canvas, in de productpreview en in de winkelwagen als hij niets wijzigt. Klik op de tegel van de afbeelding die het product op een miniatuur het best verkoopt, en de ster verhuist ernaartoe. Om juist met een lege laag te openen, zet je Begin zonder afbeelding aan, dat verschijnt zodra Geen afbeelding aan staat.
Bij bestaande elementen die nog een hele categorie gebruiken, blijft de categorie de bron van de beschikbare afbeeldingen.
Kiezen hoe de kiezer eruitziet
Zo zien klanten het, op het tabblad Personaliseren, bepaalt de indeling van de kiezer in je webshop. Er zijn er zes, en de juiste hangt ervan af of mensen je artwork aan het beeld herkennen of aan de naam.
Kies een visuele tegel om de indeling te wijzigen. Elke tegel toont een klein voorbeeld van de indeling en een korte naam, en de geselecteerde tegel is gemarkeerd. De (i) van het onderdeel noemt de geselecteerde indeling en waarvoor die geschikt is. De voorbeelden illustreren de indeling, niet je eigen artwork. Je bestaande keuzes en standaard blijven gelijk als je van indeling wisselt.
| Tegel | Indeling | Het best voor |
|---|---|---|
| Met namen | Raster met miniaturen | Artwork dat klanten aan het beeld herkennen, zoals hondenrassen of sterrenbeelden |
| Afbeelding + naam | Lijst met miniaturen | Wanneer namen en afbeeldingen allebei tellen, zoals teamlogo’s |
| Namenlijst | Lijst met namen | Lange lijsten met duidelijke namen, waar veertig miniaturen een muur zouden zijn |
| Compact | Compacte miniaturen | Kleine afbeeldingen zonder bijschrift. De naam verschijnt bij hover of toetsenbordfocus en blijft op touchscreens zichtbaar voor de geselecteerde keuze |
| Keuzelijst | Keuzelijst | Een compacte kiezer met een kleine afbeelding, naam en eventuele toeslag voor elke keuze |
| Knoppen | Knoppen | Een handvol keuzes met een kleine afbeelding naast elke naam |
Knoppen en de keuzelijst tonen een klein voorbeeld naast elke naam, ook bij de momenteel geselecteerde keuze van de keuzelijst. De lege keuze gebruikt een icoon voor geen afbeelding. Open de keuzelijst met Enter of de spatiebalk, blader met de pijltjestoetsen (of typ het begin van een naam), selecteer met Enter en sluit zonder de selectie te wijzigen met Escape.
Een raster van veertig miniaturen op een telefoon betekent veel scrollen. Is je categorie lang en zijn de namen ondubbelzinnig, dan neemt een lijst met namen of een keuzelijst minder ruimte in.
De twee lijstindelingen blijven open en hebben ruim opgezette rijen met namen die afbreken. De keuzelijst opent op verzoek. Bestaande ontwerpen houden hun huidige indeling. Compacte miniaturen behouden de volledige verhoudingen van het artwork. Een kapotte afbeelding toont nog steeds zijn naam. De optionele lege keuze gebruikt een tegel met alleen een icoon van dezelfde grootte, met de naam beschikbaar bij hover, focus en selectie.
Shoppers laten herkleuren wat ze kiezen
Herkleuren, onder Wat klanten kunnen aanpassen op het tabblad Personaliseren, voegt kleurbediening toe aan de kiezer, zodat de shopper de kleuren van de gekozen graphic kan wijzigen.
Het werkt alleen op graphics met losse kleuren om te wijzigen, wat in de praktijk SVG-artwork betekent. De (i) zegt hoeveel van de graphics in de categorie daarvoor in aanmerking komen, dus je ziet vooraf of in een categorie maar de helft kan worden herkleurd voordat je het belooft. Komt geen enkele in aanmerking, dan is de schakelaar niet beschikbaar en legt de (i) uit waarom: een foto of een platte afbeelding heeft geen losse kleuren.
Meer rekenen voor graphics die meer kosten
Toeslag stelt een extra bedrag in voor één specifieke graphic. Gebruik het wanneer één optie jou echt meer kost, zoals een ontwerp met meer printkleuren of een ontwerp waarvoor je per gebruik licentie betaalt.
Het geldt per graphic, niet per categorie, dus het meeste van je artwork kan op de basisprijs blijven terwijl twee of drie extra kosten. Het bedrag wordt opgeteld bij een toeslag die al voor het hele veld is ingesteld, ook een percentage. Een veld met een toeslag van 10% en een graphic met een vaste toeslag rekent beide.
Veel artwork in één keer importeren
Open ZIP importeren onder de categorielijst, kies de doelcategorie en kies daarna je ZIP-bestand. Importeren is een optionele bulkactie. Bestaande categorieën hoef je niet opnieuw te uploaden. Voor losse afbeeldingen open je Afbeeldingen toevoegen en zet je bestanden in het uploadgebied neer, of gebruik je de knop Afbeeldingen toevoegen om de mediakiezer te openen. Niet-ondersteunde of te grote bestanden in een ZIP worden overgeslagen in plaats van de hele import te laten mislukken, en het resultaat vertelt je hoeveel er zijn binnengekomen en hoeveel er zijn weggelaten.
Miniaturen van categorieën tonen de standaardafbeelding met ster van een Clipart-element op het huidige ontwerpvlak. Gebruiken meerdere elementen die categorie, dan heeft het geselecteerde element voorrang. Dit verandert de gedeelde bibliotheek of andere ontwerpen niet. Categorieën zonder elementstandaard gebruiken hun omslag of de eerste beschikbare afbeelding. Lege categorieën tonen een maplicoon.
Volgende stap
Om de graphic zelf te kiezen in plaats van de shopper te laten kiezen, gebruik je het paneel Graphics. Om te bepalen waar dit veld in het formulier van de shopper staat, zie je indeling en veldvolgorde van de customizer.