Modules

Het tabblad Modules is het belangrijkste onderdeel van de Designopties. Hier bouw je de indeling van je homepagina (en andere pagina’s) op door losse modules te slepen vanuit het linkerpaneel naar de live preview rechts. Denk aan carrousels, productlijsten, tekstblokken, knoppen en nog veel meer. Omdat je meteen ziet hoe het resultaat eruitziet, kun je snel en zonder technische kennis een professionele indeling maken.

Zo werkt slepen naar de preview

1. Klik in de Designopties op het tabblad Modules. Je ziet nu een lijst met beschikbare modules in het linker zijpaneel.
2. Klik met je muis op de module die je wilt toevoegen en houd de muisknop ingedrukt.
3. Sleep de module naar de plek op de preview waar je hem wilt hebben. Je ziet een lichte markering (een blauwe streep of kader) verschijnen op de plekken waar je de module kunt neerzetten.
4. Laat de muisknop los op de gewenste plek. De module wordt direct geplaatst en is meteen zichtbaar.
5. Klik op de zojuist geplaatste module om de instellingen (zoals titel, aantal producten, afbeelding of kleuren) te wijzigen.

Tip: bij elke sleepbare module staat de tekst “Sleep naar de preview”. Dat is je hint dat je de module met drag & drop kunt plaatsen. Je kunt een module altijd later verslepen naar een andere positie door hem in de preview aan te klikken en te verslepen.

Beschikbare sleepbare modules

Deze modules kun je vrij slepen naar de preview om je pagina-indeling mee op te bouwen:

• Carousel — een draaicarrousel van afbeeldingen of banners, ideaal voor promoties bovenin je homepagina.
• Slideshow — een volledige slideshow waarin je meerdere slides met afbeelding, titel, tekst en knop plaatst.
• Afbeelding — een losse afbeelding, bijvoorbeeld voor een banner of een visuele accent.
• Tekst — een tekstblok voor een introductie, uitleg of welkomstbericht.
• Rij met kolommen — een container waarin je meerdere kolommen plaatst. Hiermee maak je bijvoorbeeld een rij van drie “USP’s” naast elkaar.
• Nieuwste producten — toont de meest recent toegevoegde producten uit je webshop.
• Afgeprijsde producten — toont producten die in de aanbieding staan.
• Meest gekochte producten — toont de best verkopende producten automatisch.
• Aanbevolen producten — toont producten die je als admin hebt gemarkeerd als “aanbevolen”.
• Knop — een call-to-action knop, bijvoorbeeld “Bekijk onze collectie”.
• Nieuwsbrief — een inschrijfformulier voor je nieuwsbrief.
• Productfilter — een module om producten te filteren, handig bij categoriepagina’s.
• Product categorieën — toont de categorieën uit je webshop met afbeelding en link.
• Informatie menu — toont een menu met informatiepagina’s (bijvoorbeeld Over ons, Contact, Voorwaarden).
• Klantenaccount menu — toont een menu met klantenaccount-links (inloggen, bestellingen, verlanglijst).

Speciale modules

Naast de sleepbare modules zijn er drie speciale modules met een vaste positie op je site. Deze configureer je rechtstreeks via hun instellingen en hoef je niet te slepen:

• Promotiebalk — een balk bovenaan de site voor een actie- of verzendboodschap (bijvoorbeeld “Gratis verzending vanaf €50”). Deze balk verschijnt altijd boven de header.
• Pop-up — een pop-up die bezoekers te zien krijgen, bijvoorbeeld voor een nieuwsbriefcampagne of een kortingscode.
• Sidebar — de zijkolom die op sommige paginatypes (zoals categoriepagina’s) verschijnt.

Modules bewerken of verwijderen

• Bewerken — klik op een module in de preview om de instellingen te openen. Je kunt meestal titel, aantallen, stijl en soms kleuren aanpassen.
• Verplaatsen — klik op de module en sleep deze naar een nieuwe positie in de preview.
• Verwijderen — klik op een module en klik op het prullenbakje. De module verdwijnt direct uit de preview.

Automatisch opslaan

Alle wijzigingen die je in de Modules-sectie maakt worden automatisch opgeslagen. Je ziet linksboven de tekst “Alles opgeslagen” verschijnen. Om de wijzigingen écht live te zetten op je webshop klik je op de knop Publiceer.

Veelvoorkomende problemen

• Ik kan mijn module niet neerzetten. Zorg dat je een zichtbaar lichtblauwe lijn of kader ziet voordat je loslaat. Dat is de aanwijzing dat de plek geldig is.
• Mijn module wordt niet getoond in de webshop. Controleer of je op Publiceer hebt geklikt.
• Ik wil de volgorde veranderen. Gebruik drag & drop in de preview — je kunt modules vrij naar boven of beneden slepen.
• Ik wil de module tijdelijk uitzetten. Open de module-instellingen en zet de optie actief uit, of verwijder de module en voeg hem later opnieuw toe.