Winkel

Winkel #

Met de widget Winkel kun je eenvoudig meerdere producten tegelijk tonen en verkopen op je website. Klanten kunnen producten bekijken, selecteren en direct in hun winkelwagen plaatsen om af te rekenen. Ideaal als je een overzichtelijke webshop wilt opbouwen binnen je pagina.

Wanneer gebruik je de widget Winkel
#

Je gebruikt de widget Winkel wanneer je meerdere producten op één plek wilt aanbieden.

Dit is handig als je:

• Een webshop met verschillende producten wilt maken.

• Klanten de mogelijkheid wilt geven meerdere producten tegelijk te bestellen.

• Een overzicht wilt tonen van jouw trainingen, cursussen of diensten.

• Een combinatie wilt maken van hoofdproducten en aanvullende koopjes.

Uitleg #

1. Zorg dat je in Bouwen zit en klik links op het plusje (Voeg widget toe).
2. Kies onder Verkoop voor Winkel en sleep deze naar de gewenste plek op je pagina.
3. Zodra je de widget hebt geplaatst, zie je het scherm Producten om te laten zien. Hier stel je in welke producten je wilt tonen en hoe de winkel eruitziet:
   • Producten kiezen – selecteer of maak een nieuw product aan.
   • Weergaveopties – kies welke producten je wilt laten zien (bijv. nieuwste producten, populairste producten of handmatig geselecteerd).
   • Maximum aantal producten – bepaal hoeveel producten er maximaal getoond worden.
   • Lay-out productfeed – pas de indeling van de winkel aan. Je kunt kiezen uit:
     • Rooster of Carrousel – bepaal hoe producten worden weergegeven.
     • Aantal producten per rij – stel in hoeveel producten er naast elkaar getoond worden.
     • Productvulling – bepaal de ruimte tussen de producten.
     • Productnaam tonen – laat de naam van elk product zien.
     • Productprijs tonen – toon de prijs bij elk product.
     • Snel Bekijken inschakelen – laat bezoekers producten bekijken zonder de pagina te verlaten.
     • Knop ‘Toevoegen aan winkelwagentje’ / ‘Nu kopen’ – kies welke knoppen zichtbaar zijn.
     • Voorraad tonen – geef aan hoeveel producten er nog beschikbaar zijn.
     • Winkelproces – kies wat er gebeurt na een klik (bijv. Voeg toe aan winkelmandje).
   • Productfeed-looks – pas de styling van de productweergave aan. Hier kun je instellen:
     • Uitlijning – kies links, midden of rechts.
     • Productbox styling – bepaal de achtergrond, randen en schaduw van de productbox.
     • Afbeeldingsgrootte en styling – stel de grootte en stijl van productafbeeldingen in.
     • Tekstopmaak – pas het lettertype, kleur en formaat van teksten aan.
     • Kortingsproducten badge type – bepaal hoe kortingen worden getoond (bijv. tekst “Aanbieding”).
     • Buttonstijl snel bekijken – kies de stijl van de knop voor de functie Snel Bekijken.
4. Klik op de widget. Je ziet nu een balk met opties:
   • Bewerk producten – voeg nieuwe producten toe of pas bestaande producten aan.
   • Lay-out (vierkantjes) – bepaal de indeling van de productfeed (bijv. rooster of carrousel).
   • Stijl (penceeltje) – pas de vormgeving van de winkel aan, zoals kleuren, knoppen en productboxen.
   • Animatie (klokje) – voeg een effect toe, zoals infaden of inschuiven.
   • Kopiëren – maak een kopie van de winkel-widget.
   • Prullenbak – verwijder de widget.
5. Ga met je muis over de widget. Links verschijnt een tandwieltje met Kolom. Hier kun je extra instellingen aanpassen, zoals:
   • Achtergrondkleur of achtergrondafbeelding.
   • Rand of schaduw rondom de winkel.
   • Extra stijlelementen om de winkel mooi te laten aansluiten bij je pagina.
6. Klik op Opslaan boven in het scherm. Via het oogje links kun je bekijken hoe de winkel eruitziet voor je bezoekers. Zo controleer je of alles goed staat voordat je de pagina publiceert.

💡 Extra tip #

Hou het simpel: laat niet te veel producten tegelijk zien. Een overzicht met een paar duidelijke keuzes werkt vaak beter dan een lange lijst waar bezoekers doorheen moeten scrollen.