Laatst bijgewerkt op 22 april 2023 door Ewen Finser
Zoals elke e-commerce winkel eigenaar weet, dat de eerste indruk telt. In feite duurt het slechts 0,05 seconden voor gebruikers om een mening te vormen over uw merk zodra ze op uw website klikken. Om een betere relatie met klanten op te bouwen en de verkoop binnen te laten rollen, heb je een goed gepresenteerde, gebruiksvriendelijke winkel nodig waarin ze kunnen navigeren.
Consumenten haat het alledaagse, het onoriginele en het ingewikkelde...
Gelukkig, als je een Shopify winkelier, zijn er talloze plugins, gebruikershandleidingen en direct beschikbare tips en trucs om uw winkel te onderscheiden van de massa.
Als je al deze leuke toevoegingen kent, is de kans groot dat je ook hebt gehoord van Shopify kleurstalen. Maar als je de term alleen in het voorbijgaan hebt gezien en meer wilt weten, of als je niet zeker weet of ze geschikt zijn voor jouw winkel, blijf dan bij ons om meer te weten te komen.
Eén platform met alle e-commerce- en verkooppuntfuncties die u nodig hebt om uw bedrijf te starten, te runnen en te laten groeien.
Wat zijn Shopify kleurstalen?
In het kort, Shopify Kleurstalen zijn kleurrijke knoppen die op een productpagina kunnen worden geplaatst. Ze vervangen het traditionele uitklapmenu en zorgen ervoor dat klanten op de kleurknop kunnen 'klikken' om de kleur op het product te zien.
Uiteindelijk bieden deze een aantrekkelijkere, leukere en nauwkeurigere methode voor bezoekers om verschillende gekleurde producten in je winkel te bekijken. Het is ook gebruiksvriendelijker dan door een keuzemenu scrollen (dat behoorlijk lang kan worden als je product in meerdere kleuren verkrijgbaar is).
Kleurstalen vs Drop-Down Menu's
We hebben kleurstalen al kort afgezet tegen vervolgkeuzemenu's, maar laten we hier wat dieper op ingaan:
Keuzemenu's
Bruikbaarheidstesten van UX Onderzoek Artikelen ontdekten dat drop-downmenu's die de "verkeerde" invoertijden gebruiken, kunnen leiden tot een tragere voltooiing van de checkout, veldvalidatiefouten, enz. Uiteindelijk resulteert dit in een verhoogde kans dat gebruikers het schip verlaten bij het afrekenen.
Als je te veel of te weinig opties hebt, zijn vervolgkeuzemenu's niet aan te raden. Drop-down menu's worden steeds moeilijker te navigeren als er te veel opties op het scherm staan. Ze dreigen ook storingen te vertonen en zelfs als dat niet het geval is, kan het visueel overweldigend zijn voor gebruikers.
Er is ook het risico van inconsistente UI's van browser tot browser, wat betekent dat ze er anders uitzien en anders werken, wat frustrerend kan zijn.
Ook als er te weinig opties zijn om uit te kiezen, zullen gebruikers de winkel waarschijnlijk verlaten. Interessant is dat een studie over UX-prestaties van Cabelas bleek dat 39% van de gebruikers het keuzemenu meteen na het openen ervan sloot wanneer zij zich realiseerden dat zij beperkte opties voorgeschoteld kregen.
Kleurstalen
Als je daarentegen kleurstalen gebruikt, moedig je klanten niet aan om het menu te openen om vervolgens teleurgesteld of overweldigd te worden door de invoer in je menu. In plaats daarvan wordt alles duidelijk en efficiënt weergegeven. Daardoor kunnen klanten precies zien wat je aanbiedt zonder dat ze daar extra moeite voor hoeven te doen.
Zoals we weten, geven de meeste consumenten de voorkeur aan een naadloze winkelervaring, en dat is precies wat kleurstalen bieden. Denk bijvoorbeeld aan de laatste keer dat u een blik verf kocht.
U had waarschijnlijk toegang tot meerdere kleurstalen in de winkel, zodat u kon zien wat er in het blikje zat voordat u het opende. Je kreeg ook verschillende tinten en kleurverlopen te zien. U kon ze vergelijken en verschillende combinaties proberen zonder andere functies te veranderen. Dit is hetzelfde uitgangspunt voor uw online winkel.
Hoe voeg ik kleurstalen toe aan mijn winkel?
Kleurstalen kunnen worden toegevoegd aan de meeste Shopify winkels, ongeacht het thema dat je gebruikt. Kennis van HTML en Javascript is ook geen vereiste, dus je hoeft geen professionele programmeur of Shopify-goeroe te zijn om aan de slag te gaan.
Je kunt swatches toevoegen aan hele collecties of aan afzonderlijke producten - en er zijn een paar manieren om dit te doen:
Swatches toevoegen met Plugins
Als je noch de kennis noch de tijd hebt om te programmeren en te coderen, kun je een swatches plugin gebruiken van de Shopify winkel. Een snelle zoekopdracht naar 'swatches' in de Shopify winkel levert ongeveer 206 resultaten op. Natuurlijk zijn deze niet allemaal relevant, maar er is nog steeds veel om uit te kiezen.
Swatchplugins zorgen ervoor dat je niets hoeft te coderen en ze zijn eenvoudig te installeren. Bovendien werken veel swatch-plugins met je winkel ongeacht het thema, zodat je eenvoudig stijlvolle kleur- en beeldstalen aan je producten en collecties kunt toevoegen. Meestal hoef je ook geen vloeibare bestanden van je thema aan te passen.
Enkele van de meest populaire Shopify swatch plugins zijn:
- Swatches door Webyze
- Snelle weergave en kleurenstaal door Gikify
- Kleurstalen Variantenopties door Gravity Software
- Swatch Specialist door Shopdev
Niet alle plugins zijn gratis. In feite worden veel plugins geleverd met een gratis proefversie van 7 dagen; daarna moet je verdergaan met een betaald plan.
Swatch Plugins - De voordelen
Kleurstalen plugins zijn een populaire keuze voor Shopify-winkeliers.
Dit is waarom:
- Je hoeft niets te coderen of te programmeren
- De installatie is snel en eenvoudig.
- Je hoeft je huidige Shopify-thema niet te veranderen.
- De meeste plugins maken het gemakkelijk om de grootte van je varianten aan te passen, de juiste kleur te kiezen en de swatches naar wens te positioneren.
Swatch-plugins - De nadelen
- Plugins kosten vaak geld - zelfs als de meeste een gratis proefversie of een gratis plan hebben, moet je meestal extra betalen om van alle voordelen te profiteren.
- Je hebt niet zoveel controle over het installatieproces (sommige opties zijn bijvoorbeeld niet zo aanpasbaar als wanneer je handmatig swatchkleuren installeert)
Kleurstalen toevoegen met thema's
Stel dat je geen plugin wilt gebruiken. In dat geval kun je bij sommige thema's automatisch swatches gebruiken in plaats van het traditionele uitklapmenu voor productvarianten.
Maar, onthoud, dit is alleen voor sommige thema's, en niet alle thema's volgen hetzelfde proces voor het activeren van swatches.
Dit is echter een van de meest voorkomende manieren om handmatig kleurstalen te activeren voor je Shopify winkel.
- Ga naar Shopify admin, klik op 'online winkel', gevolgd door 'thema's' en vervolgens op 'thema aanpassen'. Dit opent de thema-editor. Zodra je dit hebt gedaan, ga je naar het tabblad 'thema-instellingen' en open je het gedeelte 'producten'.
- Stel in de sectie 'producten' de stijl van je productvariant in op 'swatches' en selecteer 'toon aangepaste swatch-afbeeldingen'.
Let op: Dit wijst automatisch kleuren toe uit de 140 kleurnamen die worden ondersteund door moderne webbrowsers. Als je variantkleur dus 'Blauw' heet, wordt de HTML-kleur blauw. Als je kleur niet bestaat, wordt deze standaard wit toegewezen. Dit is waar aangepaste kleurstalen van pas komen.
3. Maak een kleine schermafbeelding van je product en geef het een naam. Elk thema kan zijn eigen specifieke richtlijnen hiervoor hebben, dus onderzoek dit alvorens verder te gaan.
Sommige thema's vereisen bijvoorbeeld dat u de afbeelding een naam geeft in kleine letters en dat deze overeenkomt met zijn kleurvariant. Vaak moeten afbeeldingen ook een .png-bestand zijn.
4. Zodra je dit hebt gedaan, moet je je Shopify admin dashboard openen en 'instellingen' en 'bestanden' selecteren. Hier kunt u de aangepaste swatch-afbeelding uploaden naar uw bestanden, waardoor deze toegankelijk wordt voor uw thema.
In de customizer van je thema vind je bijvoorbeeld een optie "kies aangepaste swatch" waar je de relevante afbeelding kunt selecteren.
Thema installeren - de voordelen
- U hebt meer controle over het installatieproces
- Het is goedkoper - als je thema je toestaat om handmatig kleurstalen te installeren, bespaar je geld. Je hoeft alleen voor je thema te betalen!
- Het is een uitstekende gelegenheid om jezelf vertrouwd te maken met HTML en codering - wat een handige kennis is om te hebben als eigenaar van een e-commercewinkel.
Thema installeren - de nadelen
- Deze optie is alleen beschikbaar als je een thema hebt dat compatibel is met swatches
- Het proces voor het uploaden van swatches kan verder worden beperkt door wat uw thema toestaat. Niet alle thema's hebben dezelfde bruikbaarheid of flexibiliteit.
Hebben Shopify Thema's ingebouwde kleurstalen?
Zoals we net al lieten doorschemeren, doen sommige thema's dat wel en andere niet.
Dus stel dat je liever een thema installeert waarin kleurstalen automatisch zijn ingebouwd. In dat geval zou je een van de volgende opties kunnen selecteren:
- Thema's 'We are Underground
- Het 'Wokiee'-thema
- Het 'Booster'-thema
- Het 'Gecko'-thema
- Het 'Shella Multifunctionele Shopify Thema'.
Kleurstalen installeren - is het de moeite waard?
Als je onderzoek hebt gedaan, heb je waarschijnlijk gehoord van kleurenpsychologie in marketing.
Er is een overvloed aan bewijsmateriaal dat aantoont dat kleuren ons verlangen om een aankoop te doen beïnvloeden en ons subliminaal aanmoedigen om een band met merken op te bouwen. Ongeveer 85% van de klanten koopt op basis van kleur. Daarom kan kleur massaal bepalen waar consumenten hun koopkracht plaatsen.
Het is dus logisch dat hoe visueler je winkel is, hoe beter hij zal presteren - onderschat de rol die kleurstalen hier spelen niet!
FAQ's
Vraag: Hoeveel kosten Shopify Color Swatch Plugins?
Antwoord: Prijzen variëren afhankelijk van de plugin die u kiest. Maar, de meeste plugins hebben de neiging om te variëren van $5 per maand tot $15 per maand en bieden een gratis proefperiode. Let op, plugins met extra tools zoals analytics zal meer kosten.
Vraag: Zijn Kleurstalen Plugins Functioneel met WordPress?
Antwoord: Veel plugins zijn dat. Met de WP Shopify plugin kan uw WordPress site als winkel fungeren. Swatches zouden zichtbaar moeten zijn; dit kan echter per thema verschillen.
Vraag: Vereist het handmatig installeren van een kleurstaal codering?
Antwoord: Voor de meeste thema's die een handmatige installatie vereisen, is een zekere mate van codering vereist. Gelukkig bieden de meeste thema's gedetailleerde handleidingen en video's waarin precies staat wat u moet doen om de kleurenstaalfunctie te installeren, inclusief de in te voeren code. Raadpleeg de bronnen van de maker van uw thema voor meer informatie.
Vraag: Hoeveel kleurstalen kan ik in mijn winkel plaatsen?
Antwoord: Nogmaals, dit hangt af van het thema dat u gebruikt en of u een handmatige installatie uitvoert of een plugin gebruikt. Veel plugins hebben geen bovengrens voor het aantal swatches dat je op je site kunt plaatsen. Dit kan echter anders zijn voor een handmatige installatie.
Vraag: Hoe weet ik of mijn Swatch-kleuren niet beschikbaar zijn voor HTML als ik een handmatige installatie uitvoer?
Antwoord: De volledige lijst van beschikbare swatchkleuren voor HTML kan worden gevonden hier. Als uw gewenste invoerkleur er niet bij staat, zal deze automatisch terugvallen op de standaard witte kleur. Dit kan veranderd worden via de Shopify admin pagina.
Shopify Kleurstalen - Het verhaal
Stel dat je je winkel wilt laten opvallen en je klanten een unieke winkelervaring wilt bieden. In dat geval is er geen reden waarom je niet zou kiezen voor kleurstalen op je site. Ze kunnen worden gebruikt voor een betere visuele weergave van afzonderlijke producten of collecties, ze zien er aantrekkelijk uit en ze maken je winkel gebruiksvriendelijker voor klanten.
Je hoeft alleen maar te beslissen welke methode voor jou het beste is. Gelukkig hebben Shopify en de makers van de thema's je verschillende opties gegeven om uit te kiezen - plugins, handmatige installatie of een thema met ingebouwde kleurstalen. Het maakt dus niet uit hoe groot (of klein) je bedrijf is of wat je ervaringsniveau is, deze handige functie is voor iedereen toegankelijk.
Overweeg je na het lezen van deze blogpost om kleurstalen toe te voegen aan je Shopify winkel? Zo ja, vertel ons er dan alles over in het commentaarveld hieronder!
Eén platform met alle e-commerce- en verkooppuntfuncties die u nodig hebt om uw bedrijf te starten, te runnen en te laten groeien.