Wanneer je op zoek bent naar een Shopify-thema, evalueer je elk thema nadat het is ingesteld met afbeeldingen, lettertypen en kleuren. Dit is een geweldige manier om een thema in zijn volle potentieel te zien. Maar zodra je een thema in je winkel hebt geïnstalleerd, moet je wat werk verzetten om het er precies goed uit te laten zien.
Daar komen ontwerpkeuzes om de hoek kijken, iets dat intimiderend kan zijn als je geen ervaring hebt met het maken ervan. Laten we het hebben over de aanpassing van Shopify-thema's en alles wat je kunt doen om je merk te promoten en de verkoop te stimuleren.
Shopify-aanpassing: Een ontwikkelaar inhuren of zelf doen?
Het mooie van werken met een thema is dat veel van de structurele ontwerpeisen (EN) al voor je zijn gemaakt. Je hoeft je geen zorgen te maken over hoe je je pagina's moet indelen of waar je elke afbeelding en elke alinea binnen een complex websitebouwer plaatst.
Maar om je winkel er op zijn best uit te laten zien en om je merk echt te laten stralen, moet je je eigen touch toevoegen. Zie het als het inrichten van een huis, de basis is er al, maar jij kiest de kleuren en past de decoratie aan.
Een Shopify-ontwikkelaar inhuren
Als je nieuw bent in de wereld van webdesign, is de hoeveelheid keuzes die je hebt overweldigend. Je kunt elke kleur kiezen die je wilt! Je kunt dingen veranderen met een muisklik!
En wanneer je in de meer complexe functionaliteit en ontwerpkeuzes duikt, wordt het duidelijk dat het inschakelen van een expert kosteneffectiever is dan zelf te struikelen, gezien al je andere belangrijke verantwoordelijkheden.
De Shopify Experts-marktplaats (EN) helpt je in contact te komen met ervaren webdesigners die je kunt inhuren voor deskundig advies, of zelfs om het ontwerpwerk voor je te doen. Het beste is dat ze ervaring hebben met Shopify, zodat ze de ins en outs van het platform kennen en je kunnen helpen het meeste eruit te halen.
Pas je Shopify-thema zelf aan
In sommige gevallen is de DIY-route logisch. Misschien ben je je bedrijf aan het opstarten of heb je al de technische en ontwerpvaardigheden die nodig zijn om zelf een website te bouwen. Of misschien heb je gewoon eenvoudige functionaliteit nodig om te beginnen, met plannen om later te upgraden.
Ongeacht de reden, de thema-editor van Shopify is gebruiksvriendelijk, zodat je het uiterlijk en de uitstraling van je online winkel kunt aanpassen zonder enige codering of ontwerpvaardigheden. En met tools zoals Sections Everywhere, Shopify-app-embed, en pagina templates, kun je boeiende elementen aan je site toevoegen met een paar klikken.
Vijf manieren om je Shopify-winkel aan te passen zodat deze van jou is
- Vind het perfecte thema in de Shopify-themawinkel
- Pas je themainstellingen aan om het uiterlijk van je winkel te wijzigen
- Maak sjablonen
- Pas je winkel aan met Shopify-apps
- Gebruik Shopify-app-embeds om meer secties toe te voegen
1. Vind het perfecte thema in de Shopify-themawinkel
Hoewel Shopify je winkel standaard instelt op het Debut- of Dawn-thema, afhankelijk van of je Online Store 2.0 gebruikt, hoef je daar niet bij te blijven. Je kunt naar de Shopify-themawinkel gaan om andere opties te bekijken. Het is belangrijk om het juiste thema te kiezen aan het begin, zodat je het niet opnieuw hoeft te veranderen als je andere functies of functionaliteit nodig hebt.
Er zijn twee hoofdcategorieën voor Shopify-thema's: gratis en betaald.
- Gratis: Gratis thema's zijn geweldig voor nieuwe of kleinere winkels die zich voorbereiden om te lanceren of te experimenteren met e-commerce. Het voordeel is dat er geen extra kosten vooraf of terugkerend zijn, maar ze komen vaak met beperkingen en weinig aanpassingsmogelijkheden. Er zijn 11 gratis thema's om uit te kiezen.
- Betaald: Shopify heeft ook meer dan 100 betaalde thema's, variërend van € 180 tot € 350 (eenmalige kosten). Hoewel ze meer geld vooraf vereisen, bieden betaalde thema's meer ontwerpfuncties, e-commerce tools en robuuste functiesets waarmee je meer kunt doen met je online winkel.
Je kunt Shopify-thema's ook doorbladeren op basis van industrie, catalogusgrootte en functies zoals leeftijdsverificatie, oneindig scrollen en winkelzoeker. Wanneer je je Shopify-winkel aanpast, is het het beste om te beginnen met een thema dat de functionaliteit heeft die je nodig hebt. Je kunt later de uitstraling en het gevoel bepalen.
2. Pas je themainstellingen aan om het uiterlijk van je winkel te wijzigen
Wanneer je de algemene structuur en functionaliteit van je thema kent, kun je je richten op de ontwerpaspecten van je thema-aanpassing. Op deze manier kun je je online winkel ontwerpen zodat deze overeenkomt met je visuele branding.
Om je thema aan te passen, navigeer je naar de thema-editor vanuit je dashboard door naar Online Store > Themes te gaan. Zoek je gekozen thema en klik op Aanpassen.
De belangrijkste gebieden waarop je je wilt concentreren zijn:
Kleurpalet
Als je al een merk hebt, wil je je Shopify-thema-instellingen aanpassen aan je gevestigde merkrichtlijnen. Het is prima als je geen merkrichtlijnen hebt, je kunt de kleuren van je logo gebruiken.Begin je vanaf nul? Kleuren kiezen voor je merk kan intimiderend zijn. Zien ze er goed uit samen? Zijn felle kleuren of neutrale kleuren een betere keuze voor je merk? Zoek inspiratie in de soorten producten die je aanbiedt. Als je bijvoorbeeld houten meubels of leren goederen verkoopt, kunnen natuurlijke kleuren zoals bruin, beige en oranje een geweldige start zijn.Je kunt ook een online kleurpalet-tool gebruiken, waarvan er veel voorbeelden van geweldige kleurpaletten bieden die door andere mensen of merken zijn gemaakt.
Een voorbeeld van een kleurpalet, met hexadecimale codes die worden weergegeven bij hover, met toestemming van of Color Hunt
Wanneer je een paar kleuren hebt gekozen die goed uitzien en passen bij je producten en je bedrijf, sla dan de hexadecimale codes op die je gekozen kleuren vertegenwoordigen. Je kunt deze combinatie van zes letters en cijfers gebruiken op online platforms en ontwerptools om een exacte match te krijgen waar je je kleuren ook moet gebruiken.
Het ziet er ongeveer zo uit:
- #FFFFFF - wit
- #2D2D2D - zeer donkergrijs
- #50B83C - groen
Lettertypen
Lettertypen zijn ook een sterk element van branding. Veel van de beste e-commerce winkelontwerpen (EN) gebruiken een combinatie van verschillende lettertypen, dus je hoeft je niet te beperken tot slechts één lettertype of zelfs maar één stijl. Zoek lettertypen die elkaar aanvullen en goed samenwerken zonder saai te worden.Het is over het algemeen het beste om je te beperken tot twee of drie lettertypen. Meer dan dat en je loopt het risico je merk te verwateren, evenals het afleiden van de stroom van informatie zelf. En hoewel het verleidelijk is om te creatief te zijn, streef naar een balans tussen leesbaarheid, consistentie en duidelijkheid.
Kies complementaire lettertypen
De snelste manier om perfecte lettertypecombinaties te vinden, is door verschillende lettertypen binnen dezelfde lettertypefamilie te gebruiken. Een lettertypefamilie is iets als Helvetica of Times New Roman, en de lettertypen binnen deze familie hebben een paar variaties. Lettertypen uit dezelfde familie hebben al een assortiment gewichten en stijlen die goed samenwerken.
Een zwaarder gewicht lettertype zou iets zijn als de vetgedrukte versie van het lettertype, terwijl een stijlvariatie een versie in hoofdletters zou kunnen zijn.
Voorbeeld van het gebruik van één lettertype op meerdere manieren met toestemming van Canva's Gids voor Lettertypecombinaties (EN)
Als je een lettertype hebt dat je leuk vindt, kun je een vetgedrukte versie, een reguliere versie en een cursieve versie gebruiken om je koppen en andere informatie te onderscheiden. Het is een manier om een enkele lettertypefamilie voor je hele winkel te laten werken, terwijl je toch de mogelijkheid hebt om verschillende soorten inhoud te onderscheiden.
Koppel compatibele lettertypen
Als je nog nooit met lettertypen hebt gewerkt, hier is een korte uitleg over lettertypen. Er zijn een paar verschillende basisstijlen van tekst die je zult vinden.
- Serif: Deze lettertypen, zoals Times New Roman en Georgia, hebben de kleine voetjes op elke letter.
- Sans serif: Deze lettertypen, zoals Arial, Helvetica, en het lettertype dat je nu leest, hebben geen kleine voetjes.
- Script: Deze lettertypen zijn alles wat eruitziet als kalligrafie of handschrift.
- Monospace: Deze lettertypen hebben letters die allemaal gelijkmatig zijn verdeeld, en zijn wat je meestal ziet in computercode. Een goed voorbeeld is Roboto Mono.
Je kunt lettertypen uit verschillende lettertypefamilies combineren om een sterk contrast tussen hen te krijgen.
Het combineren van lettertypen op basis van contrast is geweldig voor het vaststellen van hiërarchie. Contrasterende lettertypen maken het duidelijk welke alinea's koppen en subkoppen zijn en welke de hoofdtekst zijn.
Hiërarchie toont visueel aan je klanten welke informatie het belangrijkst is. In deze post hebben we koppen gebruikt om je te helpen begrijpen waar elke sectie over gaat. Dat is een voorbeeld van een hiërarchie, en je kunt verschillende lettertypen gebruiken om je koppen te laten opvallen.
Gebruik lettergrootte opzettelijk
Lettergrootte moet ook opzettelijk zijn. Gebruik verschillende lettergroottes om te benadrukken wat belangrijk is, en om je gebruikers te informeren over het doel en de inhoud van je website. Hoe belangrijker je inhoud is, hoe groter de lettergrootte zou moeten zijn.
Wanneer je een lettergrootte hebt gekozen voor je hoofdinhoud en je koppen, houd je daar dan aan zodat je klanten gemakkelijk kunnen zien wat een kop is en wat een alinea is. Hoe gemakkelijker je site te lezen en te navigeren is, hoe minder obstakels er zijn voordat je een verkoop kunt sluiten.
Wanneer je door lettertypen, kleuren en je algemene merkrichtlijnen hebt gewerkt, is het belangrijkste dat je kunt doen voor het ontwerp van je winkel, je eraan te houden.
3. Maak sjablonen
Hoewel het verleidelijk kan zijn om te zwijmelen over nieuwe lettertypen en kleuren op verschillende pagina's, of simpelweg wanneer de stemming het toelaat, onthoud dat consistentie de hoeksteen is van het opbouwen van een merk. Je wilt dat je klanten je winkel gemakkelijk kunnen identificeren en navigeren, en het vasthouden aan een kernset van lettertypen, kleuren en stijlen kan een lange weg gaan naar dat doel.
Daarom zijn pagina-sjablonen of secties handige functies voor de aanpassing van Shopify-thema's.
Pagina-sjablonen zijn nuttig voor dingen die je vaak hergebruikt, zoals blogposts, landingspagina's, verkoopfunnels, of zelfs productpagina's. Wanneer je met een sjabloon begint, kun je consistentie behouden en de hoeveelheid creatief denkwerk, en tijd, die nodig is om elk van deze pagina's te maken, verminderen.
Wat betreft secties, kun je kleinere templatized contentblokken maken die je op verschillende pagina's van je website kunt gebruiken. Dit kan een contactformulier, call-to-action of nieuwsbriefinschrijving zijn die je van plan bent op meerdere pagina's in te voegen. Wanneer je de inhoud in die sectie moet bijwerken, hoef je het maar één keer te doen, en het wordt automatisch weerspiegeld op elke individuele pagina die die sectie gebruikt.
Om secties te maken en te bewerken, ga je naar je thema-editor en klik je op “+ Sectie toevoegen.” Kies een nieuwe sectie uit de lijst of zoek de sectie die je wilt bewerken met behulp van de zoekbalk. Klik op de sectie om de blokken binnen de sectie te bewerken. Je kunt ook klikken en slepen op het ⋮⋮-pictogram naast een sectie om de volgorde en lay-out van de secties op de pagina te wijzigen. Klik op Opslaan wanneer je klaar bent.
4. Pas je winkel aan met Shopify-apps
Er zijn duizenden Shopify-apps beschikbaar in de winkelontwerp-appcollectie. Het draait allemaal om het identificeren van wat je wilt aanpassen en vervolgens de app te vinden die aan die behoeften voldoet.
Hier zijn enkele aanpassingen die je kunt maken met Shopify-apps:
- Verander je zoekbalk: Pas zoeken, filteren en productaanbevelingen aan; voeg visueel zoeken toe; en verbeter de algehele zoekervaring met apps zoals Shopify Search & Discovery.
- Voeg productaanbevelingen toe: Aanbevelingen van vergelijkbare producten om de gemiddelde bestelwaarde te verhogen. Zie hoe Thousand apps gebruikt om dit te doen.
- Incorporeer klantbeoordelingen: Apps zoals Product Reviews en Judge.me helpen je te optimaliseren voor conversies met sociale bewijskracht via klantbeoordelingen (EN).
- Bouw landingspagina-sjablonen: Voor meer robuuste aanpassing van landingspagina's en sjablonen, gebruik een app zoals Shogun, die een gebruiksvriendelijke drag-and-drop-editor biedt.
- Pas de checkout aan: Stem de checkout-ervaring af op je visuele merk en optimaliseer deze om wrijving te verminderen en de verkoop te verhogen. Apps zoals Skip To Checkout en Zipify One Click Upsell kunnen je daarbij helpen.
5. Gebruik Shopify-app-embeds om meer secties toe te voegen
Shopify-app-embeds zijn door apps geleverde elementen die drijven of als overlays in je thema verschijnen, of code aan je online winkel toevoegen zonder zichtbaar te zijn voor je klanten. Bijvoorbeeld, een chatbubbel-app die in de hoek van je winkel verschijnt, of een analytics- of tracking-app, kan als een app-embed aan je winkel worden toegevoegd.
Shopify-verkoper Ora Organic heeft bijvoorbeeld een live chat-app-embed geactiveerd op zijn e-commerce site. De app, aangedreven door Gorgias, stelt gebruikers in staat om met de live chatbubbel te communiceren terwijl ze hun browse-ervaring op de website ononderbroken voortzetten.
Je kunt app-embeds activeren, deactiveren en aanpassen via de thema-editor. Je kunt ze ook gebruiken met elke versie van het thema.
Net als secties vereisen app-embeds een enkel punt van implementatie en beheer. Dus elke wijziging die je aanbrengt in de app-embed wordt automatisch weerspiegeld op elke pagina waar de app-embed verschijnt—wat betekent dat je de app-embed niet handmatig op elke individuele pagina hoeft bij te werken.
Om Shopify-app-embeds aan te passen, klik je op “App-embeds” vanuit de thema-editor. Selecteer de app-embed die je wilt beheren (of klik op de zoekbalk en voer een trefwoord in om door je geïnstalleerde apps te zoeken). Wanneer je de app-embed ziet die je wilt activeren of deactiveren, klik je op de schakelaar om de status te wijzigen. Je kunt ook de instellingen van de app-embed bekijken door op het uitbreidpictogram (▸) naast de naam van de app-embed te klikken.
Jouw Shopify, jouw manier
Elk Shopify-thema voldoet aan een hoge standaard, vol ingebouwde functies waarmee verkopers kortingen kunnen aanbieden, producten kunnen aanbevelen, e-mails kunnen vastleggen en meer voor kopers kunnen doen. Bovendien krijgen alle thema's gratis updates, zodat je altijd de nieuwste versie beschikbaar hebt.
Geoptimaliseerd voor online verkoop, zal je winkel snel laden, goed functioneren op mobiel en de beste checkout-ervaring bieden, allemaal op een manier die je bestaande merk aanvult.
Veelgestelde vragen over Shopify-aanpassingen
Kun je je Shopify aanpassen?
Ja, je kunt je Shopify aanpassen. Kies een thema en navigeer vervolgens naar de thema-editor om instellingen, checkout, winkelontwerp en meer aan te passen.
Wat is Shopify-aanpassing?
Shopify-aanpassing is wanneer je wijzigingen aanbrengt in de voorkant of achterkant van je Shopify-website. Dit kan dingen omvatten zoals het uiterlijk en de uitstraling, betalingsopties en het checkoutproces, website-navigatie, en meer.
Is Shopify gemakkelijk aan te passen?
Ja, Shopify is gemakkelijk aan te passen. Je kunt naar de thema-editor navigeren om het zelf te doen of een professional inhuren om je Shopify-website voor je aan te passen.
Hoe kan ik hulp krijgen bij het aanpassen van mijn Shopify-winkel?
De Shopify Experts-marktplaats helpt je in contact te komen met ervaren webdesigners die je kunt inhuren voor deskundig advies over je Shopify-winkel, of zelfs om het ontwerpwerk voor je te doen.
