Effectieve navigatie in uw Ecwid-winkel

Effectieve websitenavigatie biedt u de mogelijkheid om het shoppingproces converteerbaar te maken. Klanten verwachten dat online winkels gebruiksvriendelijk zijn en dat ze gemakkelijk in producten en categorieën kunnen zoeken.

Met Ecwid kunt u uw winkel zo aanpassen dat kopers er moeiteloos kunnen winkelen. In deze handleiding vindt u de beschrijving van elk essentieel UX-element en hoe u dit maximaal kunt benutten voor uw bedrijf. Kijk of u het volledige potentieel van uw Ecwid-winkel benut om klanten te trekken.

Uw winkel introduceren in het sitemenu
Klanten helpen producten te vinden met een categoriemenu
Categorieën uitlichten met banners
De zoekbalk op een prominente plek weergeven
Filters toevoegen bij een grote catalogus
Bladeren door producten gemakkelijker maken
Klanten de weg wijzen met een kruimelpad
Meer aanbieden met de knop Verder winkelen
Upselling met gerelateerde producten
Klanten omleiden na het plaatsen van een bestelling

Uw winkel introduceren in het websitemenu

Wanneer klanten uw winkel voor het eerst bezoeken, willen ze meteen antwoord op de vraag wie u bent, wat u aanbiedt en waarom ze bij u zouden moeten kopen. U kunt het hen gemakkelijker maken om snel een antwoord te vinden door de links naar de verschillende gedeeltes van uw website in het kopmenu te tonen.

Voeg links naar de gedeeltes Over ons en Contact toe zodat uw bezoekers meer over u te weten kunnen komen. Voeg een link naar het Winkelgedeelte toe zodat klanten direct kunnen beginnen met winkelen. Voeg het gedeelte Getuigenissen toe en zet een link in de navigatiebalk, zodat kopers de ervaringen van anderen met uw winkel kunnen lezen en weten dat ze u kunnen vertrouwen.

U kunt ook de link naar Mijn account toevoegen voor klanten. Met deze link kunnen klanten op hun account inloggen en hun recente bestellingen of favoriete producten bekijken, een btw-nummer opgeven, toegang tot speciale ledenkortingen krijgen en facturen bekijken of downloaden.

De winkel Change heeft 8 verschillende gedeeltes, waaronder FAQ en Evenementen. Er staan links naar elk blok in de bovenste navigatiebalk om de navigatie te vereenvoudigen

De navigatiebalk aanpassen:

Klanten helpen producten te vinden met een categoriemenu

Nadat een klant door uw site heeft gebladerd en heeft gelezen wie u bent en welke producten u verkoopt, wil hij of zij waarschijnlijk uw catalogus bekijken. De beste manier om shoppers door uw winkel te leiden en hen producten te laten vinden die aansluiten bij hun behoeften, is door categorieën aan te maken en deze te vermelden in het categoriemenu.

Categorieën zijn groepen producten die u bundelt en weergeeft op dezelfde pagina in uw winkel, bijvoorbeeld huidverzorgingsproducten, kindermode, best verkopende producten. U kunt subcategorieën maken binnen elke categorie. De belangrijkste categorie heet de hoofdcategorie en de categorieën van het tweede, derde en volgende niveau zijn subcategorieën. De categorie Kindermode kan bijvoorbeeld Jongens en Meisjes als subcategorieën hebben en de subcategorie Jongens kan de subcategorieën Zomer/Winter bevatten.

U kunt hetzelfde product aan verschillende categorieën toevoegen. Zo kunt u een T-shirt met korte mouwen toevoegen aan de categorieën Zomerkleding en Uitverkoop. Hiermee verhoogt u de kans dat uw klanten het product bekijken.

Voeg een categoriemenu toe om het klanten gemakkelijker te maken de producten te vinden die ze zoeken. Stel dat u een restaurant runt en tientallen maaltijden en dranken in uw online menu heeft staan. Groepeer de producten in categorieën en maak een navigatiemenu, zodat hongerige bezoekers direct hamburgers of soep kunnen vinden.

Fisherman’s Restaurant & Oyster Bar gebruikt een categoriemenu zodat klanten gemakkelijker kunnen bladeren en beslissen wat ze willen bestellen

🗂️ Relevante Ecwid-apps:

Met Multi-level Illustrated Menu kunt u een categoriemenu toevoegen aan uw website. De prijs is $ 6,49 per maand, met een gratis proefperiode van 7 dagen.

Categorieën uitlichten met banners

Vestig de aandacht op een bepaalde categorie door een link ernaar te plaatsen in de banner. Banners staan bovenin uw etalagepagina of in de omschrijving van uw categorie. U kunt tekst, afbeeldingen of video's of een combinatie daarvan laten zien:

Banner met een afbeelding en tekst. De tekstlink leidt naar de categorie Mokken

Gebruik banners om uw klanten te informeren over speciale aanbiedingen, hot deals en nieuws. U kunt bijvoorbeeld de categorie Nieuw binnengekomen maken, vervolgens een banner toevoegen en een link naar de categorie in de banner zetten. Op die manier kunnen klanten de nieuwe artikelen in uw winkel direct bekijken.

🗂️ Relevante Ecwid-apps:

Met de volgende apps kunt u opvallende banners toevoegen:

• Promo Bar. Pas het ontwerp van de balk aan en kies waar deze in uw winkel moet worden weergegeven. Kies een vaste positie als u wilt dat klanten de balk zien tijdens het scrollen.
• 20+ Promotional Sales Tools. Gebruik een van de kant-en-klare sjablonen voor uw pop-upvenster, voeg een aangepast bericht toe en kies wanneer een pop-up aan een klant wordt getoond.

Zoekbalk op een prominente plek zetten

Klanten verwachten dat online winkels een zoekbalk hebben om snel en handig te kunnen shoppen. Dus zelfs als u geen categorieën in uw winkel heeft en geen categoriemenu hoeft te maken, is het altijd een goed idee om een zoekvak aan uw winkel toe te voegen.

🗂️ Relevante Ecwid-apps:

De CloudSearch-app stelt producten en categorieën voor terwijl de gebruiker in het zoekveld typt zodat klanten sneller vinden wat ze zoeken. De prijs van de app is $ 29,95/maand, met een gratis proefperiode van 30 dagen.

Filters toevoegen bij een grote catalogus

Productfilters zijn een must voor winkels met een grote catalogus. Stel dat u een winkel voor woningdecoratie heeft. U heeft lampen, handdoeken, meubels, home wear en woningaccessoires en elke categorie heeft drie tot twaalf subcategorieën. Klanten kunnen zich overweldigd voelen als ze proberen te vinden wat ze zoeken. In dat geval zijn filters een redmiddel.

Klanten kunnen binnen uw categoriepagina's en op de zoekpagina van uw winkel filters gebruiken om hun zoekopdracht af te bakenen op prijs, categorie, beschikbaarheid, speciale aanbiedingen, merken, kleuren, maten en meer. Als u uw producten aanpast met nieuwe productkenmerken, worden er meer filters toegevoegd.

Producten filteren inschakelen voor uw winkel:

1. Ga in de Ecwid-beheerder naar Instellingen → Productfilters.
2. Klik op Filters inschakelen.

Dat is alles! U hoeft nu alleen nog de filters in te schakelen die u wilt weergeven voor uw klanten. Ecwid activeert een lijst met de meest relevante filters voor uw catalogus op basis van de gegevens van uw producten zoals prijs. voorraad, categorie, opties en attributen. U kunt handmatig filters toevoegen om de beste filtertool voor uw kopers te maken door te klikken op + Filtercriteria toevoegen.

Winkelbezoekers zien de filters zodra ze uw winkel of een productcategorie bezoeken en klikken op Verfijnen op:

U kunt ook de link naar het filter toevoegen in de kop. Wanneer klanten over het menu-item in het bovenste menu bewegen, zien ze de link naar de zoekfunctie:

Een link naar de zoekfunctie voor producten toevoegen in het bovenste menu:

1. Ga in de Ecwid-beheerder naar Website en klik op Site aanpassen.
2. Klik in het menu links op Koptekst → Navigatiemenu en klik op + Menu toevoegen.
3. Geef het item een naam zodat klanten weten dat het de link naar uw winkel is. Bijvoorbeeld Mijn geweldige winkel.
4. Klik op het vervolgkeuzemenu Actie bij klikken en selecteer de actie Ga naar winkel.
5. Zorg dat Winkellinks weergeven bij bewegen over menu ingeschakeld is. 
6. Klik op Opslaan en publiceren.

U kunt het filterpaneel weergeven op de categoriepagina zodat klanten alle filters in één keer zien en in enkele seconden de producten vinden die ze willen. Klanten begrijpen dan beter welke producten er in de categorie staan. Dat stimuleert hun verbeelding en geeft ze een idee van wat ze nog meer zouden kunnen kopen.

📖 Meer lezen:

Filters in uw winkel beheren

Bladeren door producten gemakkelijker maken

Elke productpagina in uw winkel heeft navigatiepijlen die standaard zichtbaar zijn. Met de navigatiepijlen kunnen kopers schakelen tussen producten en elke productpagina zien zonder terug te gaan naar de catalogus:

U kunt navigatiepijlen aan- en uitzetten:

1. Ga in de Ecwid-beheerder naar Ontwerp.
2. Ga naar het blok Navigatie.
3. Kies in het menu "Vorige" en "Volgende" productnavigatiepijlen of u de pijlen wilt tonen of verbergen.

Klanten de weg wijzen met een kruimelpad

Met een goede configuratie van uw winkelnavigatie kunnen klanten snel het product vinden waarnaar ze op zoek zijn. Houd er rekening mee dat kopers bij het bladeren door uw winkel soms steeds verder naar subcategorieën gaan. Zorg voor een moeiteloze shopervaring met een kruimelpad dat ze kunnen “volgen” om terug te gaan naar de pagina waar ze vandaan kwamen.

Een kruimelpad is een regel met links naar categorieën en subcategorieën waarop bezoekers kunnen zien hoe diep ze in de navigatiestructuur zitten. Het wordt een kruimelpad genoemd omdat het klanten helpt terug te gaan naar waar ze vandaan kwamen, net zoals in het beroemde sprookje. Zodra ze weer bij uw catalogus zijn, kunnen ze doorgaan met winkelen.

Elk deel van het kruimelpad kan aangeklikt worden, dus klanten kunnen teruggaan naar de subcategorie, de hoofdcategorie, de winkel of de startpage door te klikken op de link. Zo kunnen ze doorgaan met winkelen.

Een kruimelpad weergeven:

1. Ga in de Ecwid-beheerder naar Ontwerp.
2. Scrol naar beneden naar Navigatie → Kruimelpad.
3. Selecteer In de productgegevens tonen of In de kop tonen in de selectielijst.

Het kruimelpad wordt getoond op de Instant Site en op uw eigen site.

Kruimelpad uitlichten

Als u het kruimelpad zichtbaarder wilt maken, kunt u de grootte en de kleur ervan veranderen met behulp van de CSS-code. Dat is in een paar minuten gedaan en u heeft er geen coderingsvaardigheden voor nodig.

De grootte en kleur van het kruimelpad wijzigen:

1. Ga in de Ecwid-beheerder naar Ontwerp.
2. Scroll naar beneden naar de sectie CSS-thema maken en klik op Thema maken.
3. Vul bij Naam thema de naam in voor dit thema, bijvoorbeeld Kruimelpad.
4. Kopieer de volgende code:

   /* Make breadcrumbs more visible */
      .ec-size .ec-store .product-details .ec-breadcrumbs {
         font-size: 22px;
     }
      .ec-size .ec-store .breadcrumbs__link.ec-link {
         color: #92974e;}
     .ec-size .ec-store .breadcrumbs__delimiter  {color: #92974e;}

5. Plak de code in een groot wit veld en klik op Activeren om het thema in te schakelen:
   

   

6. Klik op Opslaan.

Uw thema is nu geactiveerd. Als u terug wilt naar het oorspronkelijke thema, klik dan op Niet actief en vervolgens op Opslaan.

Als u de Nieuwe generatie Instant Site gebruikt, kunt u de CSS-code toevoegen in de Site Editor →

Meer aanbieden met de knop Verder winkelen

Nadat klanten het product hebben gevonden dat ze zochten en dit hebben toegevoegd aan de winkelwagen, kunnen ze afrekenen of doorgaan met winkelen. Om klanten een keuze te geven, heeft uw Ecwid-winkel de knop Verder winkelen waarop klanten kunnen klikken bij het afrekenen:

Als klanten naar de winkelwagenpagina gaan zonder producten toe te voegen, zien ze de knop Ga naar winkel. Deze werkt hetzelfde als de knop Verder winkelen.

De knop Verder winkelen (Ga naar winkel) verschijnt op de winkelwagenpagina en de pagina "Bedankt voor uw bestelling". De knop Verder winkelen leidt standaard naar een categoriepagina of de startpagina van de winkel. Het werkt als volgt:

• Als klanten een product aan de winkelwagen toevoegen en klikken op Verder winkelen, worden ze omgeleid naar de categoriepagina waar het product toe behoort of naar de standaardcategorie als het product is toegewezen aan meerdere categorieën.
• Als klanten naar de winkelwagenpagina gaan zonder producten toe te voegen en klikken op Ga naar winkel, worden ze omgeleid naar de laatste bezochte categoriepagina of de startpagina van de winkel als ze geen enkele categoriepagina hebben bezocht.

U kunt de knop Verder winkelen wijzigen om uw klanten naar een aangepaste pagina te sturen. Leid klanten bijvoorbeeld naar een categorie met uw best verkopende producten of een pagina op uw website waar u vertelt wat er nieuw is in uw winkel.

De omleiding van de knop 'Verder winkelen' wijzigen:

1. Installeer de gratis app Custom URL for ‘Continue Shopping’ Buttons van de Ecwid-appmarkt. Alle apps van de markt zijn beschikbaar bij alle betaalde abonnementen.
2. Selecteer in het bestemmingsveld of u altijd de startpagina van de winkel of een aangepaste URL wilt openen. Als u kiest voor een aangepaste URL, geef de URL dan op in het weergegeven veld:
   

   

3. Klik op Instellingen opslaan.

Als de wijzigingen zijn opgeslagen, zal de knop Verder winkelen (Ga naar winkel) klanten altijd omleiden naar de pagina die u heeft opgegeven.

Als u weer terug wilt naar de standaardinstelling van de knop Verder winkelen, selecteer dan de standaardoptie in de appinstellingen.

Upselling met gerelateerde producten

U kunt de kans op impulsaankopen en upselling (duurdere gerelateerde producten verkopen) vergroten door gerelateerde producten toe te voegen aan uw winkel. Ze worden weergegeven in het gedeelte U bent misschien ook geïnteresseerd in:

Mellow Concrete laat vergelijkbare vazen zien op de productpage

U kunt de gerelateerde producten weergeven op de pagina met productgegevens en de winkelwagenpagina. Door zorgvuldig te kiezen welke producten u laat zien, kunt u bezoekers verleiden om meer artikelen aan de winkelwagen toe te voegen.

Gerelateerde producten toevoegen binnen individuele productpagina's:

1. Ga in de Ecwid-beheerder naar Catalogus → Producten.
2. Open de productpagina waar u gerelateerde producten wilt aanbevelen.
3. Open het tabblad Gerelateerde producten.
4. U kunt kiezen om specifieke gerelateerde producten weer te geven, willekeurige producten van een categorie of specifieke en willekeurige producten.
5. Klik op Opslaan.

Het tonen van gerelateerde producten is niet alleen een goede tactiek om vergelijkbare producten aan te bieden, maar ook om tijdens de feestdagen artikelen voor de feestdagen aan te bieden of nieuw binnengekomen producten te laten zien. Dit zijn enkele ideeën voor wat u in de categorie Gerelateerde producten kunt laten zien:

• Verzorgingsproducten. Laat uw fantastische schoensmeer zien wanneer een klant een paar schoenen uitkiest.
• Andere artikelen van dezelfde productlijn. Presenteer de andere boeken uit de romanreeks waar uw klant van houdt of een boek in hetzelfde genre of van dezelfde auteur.
• Complementaire materialen. Papier en inkt zijn de perfecte maatjes voor die printer die net is toegevoegd.
• De volledige set. Stel een theepot, melkkannetje of suikerpot voor als gerelateerd aan thee of aardewerken mokken.

📖 Meer lezen:

Gerelateerde producten in uw winkel

🗂️ Relevante Ecwid-apps:

Adaptive Sales: Boost your sales per each customer!

Klanten omleiden na het plaatsen van een bestelling

Last but not least. De reis van de klant is nog niet voorbij nadat de bestelling is geplaatst. Met behulp van de gratis app Custom Redirect for 'Thank You' Page kunt u uw klanten leiden naar een gedeelte van uw site, sociale media of waar dan ook. Als u bijvoorbeeld donaties int, kunt u shoppers omleiden naar het donatieproduct in uw winkel.

Het werkt als volgt. Nadat een klant de bestelling heeft geplaatst, wordt hij of zij omgeleid naar de site die u heeft opgegeven in de app. Op die manier kunt u klanten aanmoedigen om u te volgen op Facebook of Instagram of een beoordeling te schrijven, of u kunt ze goede deals in uw winkel tonen om ze te verleiden tot nieuwe bestellingen.

Klanten omleiden na een aankoop:

1. Zoek in de Ecwid-appmarkt de app Custom Redirect for 'Thank You' Page en klik op Installeren.
2. Schakel de optie Enable the redirect in en kies waarheen uw klanten worden omgeleid nadat ze een aankoop hebben gedaan:
   Dit kan de categoriepagina in uw winkel zijn, uw sociale mediapagina of zelfs een online beoordelingsplatform waar uw klanten hun ervaring met uw winkel kunnen beschrijven.
3. Klik op Instellingen opslaan.

Na het doen van een aankoop wordt uw klant nu omgeleid naar de site die u heeft opgegeven in de app.

Terug naar u

Nu u de basisprincipes van winkelnavigatie kent, kunt u deze toepassen in uw winkel en zo de shoppingervaring van uw klanten verbeteren en het gemakkelijker voor ze maken om producten te vinden en bestellingen te plaatsen.