Lay-out & stijl

Lay-out & stijl #

Met Lay-out & Stijl bepaal je de uitstraling van je webshop. Hier stel je in hoe je productpagina’s, winkelwagen en betaalpagina eruitzien, en kies je kleuren, lettertypes en indelingen. Zo zorg je dat je winkel niet alleen goed werkt, maar er ook aantrekkelijk en professioneel uitziet.

Wanneer gebruik je Lay-out & stijl #

Je gebruikt Lay-out & Stijl wanneer je:

• De uitstraling van je webshop wilt aanpassen aan jouw merk of huisstijl.

• Productpagina’s overzichtelijk en aantrekkelijk wilt maken.

• De winkelwagenpagina een eigen look wilt geven.

• De betaalpagina duidelijk en klantvriendelijk wilt inrichten.

• Een professionele en consistente stijl wilt neerzetten, zodat klanten zich sneller thuis voelen.

Uitleg #

1. Ga naar Lay-out & stijl
   • Klik bovenaan in het scherm op Winkel en vervolgens op Lay-out & stijl. Links in het scherm.
   • Je ziet dan een overzicht van de verschillende pagina’s die bij je winkel horen en die je via Lay-out & stijl (Winkelindeling en styling) kunt aanpassen.
2. Lay-out productpagina
   • Klik op de blauwe knop Stijl nu.
   • Vanuit dit scherm kun je zelf de indeling bepalen.
   • Ga met je muis over het scherm of klik ergens in de pagina. Je ziet dan een blauw tandwieltje met Kolom en Blok. Vanuit hier kun je o.a. de achtergrondkleur aanpassen, een schaduw toevoegen of een rand instellen en meer.
   • Klik je op het scherm zelf, dan verschijnt er een blauwe knop Instellingen.
   • Hier kun je de product lay-out stijl kiezen, zoals het lettertype en andere opmaakopties.
3. Lay-out van producten op de productlijstpagina
   • Bepaal hoe producten getoond worden in het overzicht, bijvoorbeeld in een lijst of als tegels.
   • Klik ergens op het scherm en vervolgens op de blauwe knop Instellingen.
   • Je ziet nu verschillende opties om de weergave van je producten aan te passen, zoals:
     • Productfeed-looks – kies hoe je productoverzicht eruitziet.
     • Uitlijning – bepaal of producten links, gecentreerd of rechts worden uitgelijnd.
     • Aantal producten per rij – stel in hoeveel producten naast elkaar worden weergegeven.
     • Kortingsproducten badge – laat een label zien bij afgeprijsde artikelen (bijv. Aanbieding).
     • Producten sorteren – kies de volgorde, zoals Nieuwste eerst.
     • Winkelproces – bepaal wat er gebeurt als een klant op een product klikt (bijv. Voeg toe aan winkelmandje).
     • Buttonstijl snel bekijken – pas de knoppen of iconen aan.
     • Productbox Styling – wijzig de vormgeving van de productblokken.
     • Afbeeldingsgrootte en styling – kies hoe groot productfoto’s worden en hoe ze getoond worden.
     • Tekstopmaak – pas lettertype, grootte en kleur van teksten aan.
4. Winkelwagenpagina
   • Pas het uiterlijk van de winkelwagenpagina aan (de pagina met alle geselecteerde producten vóór het afrekenen).
     • Wil je zien hoe dit eruitziet?
     • Ga naar Winkel → Start nu en klik links in het scherm op Winkelvoorbeeld.
     • Klik op een product en daarna op Winkelwagen.
     • Bovenaan zie je de knop Afrekenen. Klik daarop en je ziet het product in je winkelwagen.
     • Zo kun je direct bekijken hoe de winkelwagenpagina eruitziet en eventueel aanpassen wat je nog wilt veranderen.
5. Betaalpagina
   • Klik op de blauwe knop Stijl nu.
   • Klik ergens op het scherm. Je ziet dan een balk verschijnen met verschillende opties, waaronder een blauwe knop Producten.
   • Je hebt dan de keuze om op Product selecteren en Winkelwagen afrekenen.
   • Klik op één van deze onderdelen en daarna op de blauwe knop Bewerk bij Styling
   • Je ziet nu bij Styling dezelfde opties terugkomen, zoals:
     • Ontwerptype afrekenen – kies de basisindeling van je afrekenpagina.
     • Afrekenen stap proces – stel in of klanten in één stap afrekenen of in meerdere stappen (bijv. klant- en factuurgegevens apart).
     • Kassa wrapper – pas de algemene stijl en achtergrond aan.
     • Overzicht van de bestelling – bepaal hoe het overzicht van gekozen producten wordt weergegeven.
     • Knoppen – wijzig de stijl van de knoppen (kleur, vorm, grootte).
     • Beveiligde badge – voeg een beveiligingsicoon of keurmerk toe voor extra vertrouwen.
   • Kies hier wat je wilt aanpassen en sla je wijzigingen op.
   • Extra mogelijkheden bij Producten selecteren zijn o.a.:
     • Hoofdproducten – toont de belangrijkste producten (bijv. 1 artikel).
     • Kassa koopjes – extra producten die je kunt aanbieden als upsell.
   • Klaar? Klik op Opslaan zodra je tevreden bent met de kleuren en styling.
6. Winkelwagentje snel bekijken
   • Activeer een mini-preview van de winkelwagen, zodat klanten meteen zien wat er in hun winkelmandje zit wanneer ze met de muis over het winkelwagen-icoon bewegen.

💡 Extra tip #

Gebruik rustige kleuren en duidelijke knoppen. Dat geeft je klanten vertrouwen én maakt het afrekenen makkelijker.