Voorpagina beheren - Aanpassen en teksten
Webshop pagina's aanpassen en inhoud toevoegen
Inleiding: Wat is webshop pagina's aanpassen?
Webshop pagina's aanpassen betekent dat je zelf de inhoud en layout van je webshop kunt bepalen. Je kunt teksten, afbeeldingen, video's, productblokken en andere elementen toevoegen om je webshop er precies uit te laten zien zoals jij wilt. Het is als het inrichten van je eigen winkel: jij bepaalt wat waar staat.
Waarom webshop pagina's aanpassen?
Je wilt je webshop aanpassen omdat:
- Je controle hebt over wat klanten zien
- Je een unieke en professionele uitstraling kunt creëren
- Je belangrijke informatie op de juiste plek kunt zetten
- Je producten kunt uitlichten op de manier die jij wilt
- Je speciale acties of aanbiedingen prominent kunt tonen
- Het je webshop persoonlijk en herkenbaar maakt
- Je de klantervaring kunt verbeteren
Wat kun je toevoegen aan pagina's?
Je hebt verschillende soorten blokken en elementen die je kunt toevoegen:
Blokken:
- Artikel blokken: Toon specifieke producten
- Assortiment blokken: Toon een groep producten
- Carrousel blokken: Draaiende productgalerij
Andere elementen:
- Tekst: Uitleg, welkomstboodschap, informatie
- Afbeeldingen: Foto's, banners, plaatjes
- Video's: YouTube video's insluiten
- Sluitingstijd blok: Toon wanneer je gesloten bent
- Besteldag blok: Toon bestelmogelijkheden
- Login blok: Inlogmogelijkheid voor klanten
- Zoekbalk: Producten zoeken
- Lijstgroepen (knoppen): Navigatieknoppen
Hoe voeg je inhoud toe aan een pagina?
Stap 1: Naar de pagina
Pagina openen
- Ga naar de tegel "Winkel (Nieuw)"
- Klik op de knop "Pagina's"
- Je ziet nu een lijst met alle pagina's
- Klik op de pagina die je wilt aanpassen (bijvoorbeeld je voorpagina)
Stap 2: Sectie aanmaken (optioneel)
Secties zijn als hoofdstukken op je pagina. Hiermee kun je je pagina opdelen in verschillende onderdelen.
Nieuwe sectie/onderpagina maken
- Klik op "Sectie"
- Klik op "Nieuw"
- Voer een naam in voor de sectie (bijvoorbeeld "Uitgelichte producten" of "Welkomst")
Zichtbaarheid instellen
Je kunt kiezen wanneer deze sectie zichtbaar is:
- Aangevinkt (✓): Sectie is alleen zichtbaar als klant is ingelogd
- Niet aangevinkt ( ): Sectie is alleen zichtbaar als klant NIET is ingelogd
- Streepje (-): Sectie is altijd zichtbaar (ingelogd of niet)
Voorbeeld:
- Speciale aanbiedingen voor vaste klanten → Aanvinken (alleen voor ingelogde klanten)
- Algemene welkomsttekst → Streepje (voor iedereen)
Opslaan
- Klik op "Opslaan"
- De sectie is nu aangemaakt
Stap 3: Items toevoegen aan sectie
Nu ga je de daadwerkelijke inhoud toevoegen (teksten, afbeeldingen, blokken, etc.).
Items menu openen
- Selecteer de sectie of onderpagina waar je iets aan wilt toevoegen
- Klik op "Items"
- Je ziet nu de mogelijkheden om content toe te voegen
Optie A: Tekst toevoegen (met afbeelding of video)
Nieuwe tekst toevoegen
- Klik op "Nieuw" of "+ Tekst"
- Er opent zich een teksteditor
- Typ je tekst
Afbeelding toevoegen aan tekst
Als je een afbeelding wilt toevoegen:
- Upload eerst de afbeelding naar het systeem
- Onthoud de bestandsnaam (bijvoorbeeld: "banner.png")
- Let op: Gebruik geen spaties in de bestandsnaam!
- Voeg in je tekst de volgende code toe:
- Vervang "banner.png" met de naam van jouw afbeelding
Voorbeeld:
- Je hebt een afbeelding "welkom2025.jpg" geüpload
- In je tekst typ je:
 - De afbeelding verschijnt nu op die plek
YouTube video toevoegen aan tekst
Als je een YouTube video wilt insluiten:
- Kopieer de YouTube video link (bijvoorbeeld: https://www.youtube.com/watch?v=bCLEnJ8Mm0I)
- Voeg in je tekst de volgende code toe:
- Vervang de link met jouw eigen YouTube link
Voorbeeld:
- Je wilt een video van je kwekerij tonen
- YouTube link: https://www.youtube.com/watch?v=ABC123XYZ
- In je tekst typ je:
Tekst opslaan
- Klik op "Opslaan"
- De tekst is nu toegevoegd aan je pagina
Optie B: Blokken en speciale elementen toevoegen
Meer opties menu
- In het Items scherm klik je op "Meer"
- Je ziet nu een menu met verschillende opties
Wat kun je toevoegen via "Meer":
1. Een gemaakt blok
- Dit is een blok dat je eerder hebt aangemaakt (artikel blok, assortiment blok, carrousel blok)
- Selecteer het blok dat je wilt toevoegen
- Het verschijnt op je pagina
2. Nieuw sluitingstijd blok
- Toont automatisch wanneer je webshop gesloten is
- Klanten zien dan bijvoorbeeld: "We zijn gesloten, kom terug op maandag"
- Handig voor vakantie of feestdagen
3. Nieuw besteldag blok
- Toont de bestelmogelijkheden en leverdata
- Klanten zien wanneer ze kunnen bestellen voor welke dag
- Maakt het duidelijk voor klanten
4. Login blok
- Toont een inlogmogelijkheid voor klanten
- Klanten kunnen inloggen om hun account te zien
- Handig op de voorpagina of in het menu
5. Zoekbalk
- Klanten kunnen producten zoeken
- Type productnaam en vind het direct
- Verbetert de gebruiksvriendelijkheid
6. Lijstgroepen (knoppen)
- Navigatieknoppen naar verschillende categorieën
- Bijvoorbeeld: "Rozen", "Tulpen", "Lelies"
- Klanten klikken erop en gaan naar die categorie
Element toevoegen
- Klik op het element dat je wilt toevoegen
- Volg eventuele extra stappen (configuratie, naam invullen, etc.)
- Opslaan
- Het element verschijnt in de lijst
Stap 4: Volgorde van elementen aanpassen
De volgorde waarin je elementen toevoegt is ook de volgorde waarin ze op de webshop verschijnen. Je kunt deze volgorde aanpassen.
Elementen herschikken
- Je ziet nu een lijst met alle items/blokken op je pagina
- Selecteer het element dat je wilt verplaatsen
- Je ziet pijltjes: omhoog (↑) en omlaag (↓)
Verplaatsen:
- Pijl omhoog (↑): Element gaat één positie hoger (meer naar boven op de pagina)
- Pijl omlaag (↓): Element gaat één positie lager (meer naar beneden op de pagina)
Voorbeeld volgorde:
- Welkomsttekst (bovenaan)
- YouTube video
- Uitgelichte producten blok
- Zoekbalk
- Tekst met contactinformatie (onderaan)
Resultaat controleren
- Herlaad je webshop om te zien hoe het eruitziet
- Pas de volgorde verder aan als dat nodig is
Klaar! Je pagina is nu aangepast met eigen inhoud.
Geavanceerde tekst opmaak
Voor meer mogelijkheden in tekst (zoals koppen, dikgedrukte tekst, lijsten, etc.) kun je Markdown gebru.
Handige Markdown codes:
Koppen (headers):
# Grote kop (Heading 1)
## Middelgrote kop (Heading 2)
### Kleine kop (Heading 3)
Tekstopmaak:
**Dikgedrukte tekst**
*Schuine tekst*
Lijsten:
- Item 1
- Item 2
- Item 3
Links:
[Klik hier](https://www.voorbeeld.nl)
Meer informatie: Voor uitgebreide uitleg over alle Markdown mogelijkheden, ga naar: https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
Praktische voorbeelden
Voorbeeld 1: Voorpagina met welkomsttekst en producten
- Stap 1: Open voorpagina → Sectie → Nieuw → "Welkomst"
- Stap 2: Items → Nieuw → Typ welkomsttekst
- Stap 3: Items → Meer → Voeg assortiment blok toe met populaire producten
- Stap 4: Herlaad webshop en check
- Resultaat: Klanten zien welkomsttekst gevolgd door uitgelichte producten
Voorbeeld 2: Banner met YouTube video
- Stap 1: Open pagina → Sectie → Items → Nieuw
- Stap 2: Typ intro tekst
- Stap 3: Voeg YouTube code toe:
 - Stap 4: Opslaan
- Resultaat: Klanten zien je video direct op de pagina
Voorbeeld 3: Categorieknoppen toevoegen
- Stap 1: Open pagina → Items → Meer → Lijstgroepen
- Stap 2: Selecteer de lijstgroepen die je als knoppen wilt tonen
- Stap 3: Opslaan
- Resultaat: Klanten zien knoppen naar verschillende categorieën
Voorbeeld 4: Alleen-voor-leden sectie
- Stap 1: Maak sectie "VIP aanbiedingen"
- Stap 2: Vink aan (✓) voor alleen ingelogde klanten
- Stap 3: Voeg speciale aanbiedingen toe
- Resultaat: Alleen ingelogde klanten zien deze deals
Belangrijke tips
Tip 1: Plan je pagina structuur
- Denk van tevoren na over wat waar moet staan
- Maak een schets op papier
- Werk van boven naar beneden
- Zo voorkom je veel herschikken achteraf
Tip 2: Geen spaties in bestandsnamen
- "banner.png" ✓ Goed
- "mijn banner.png" ✗ Fout
- "mijn-banner.png" ✓ Goed
- Gebruik koppeltekens (-) in plaats van spaties
Tip 3: Test altijd op mobiel
- Check hoe je pagina eruitziet op telefoon
- Veel klanten shoppen op mobiel
- Pas aan als het niet goed leesbaar is
Tip 4: Houd het overzichtelijk
- Niet te veel elementen op één pagina
- Klanten moeten snel vinden wat ze zoeken
- Minder is vaak meer
Tip 5: Gebruik secties logisch
- Maak aparte secties voor verschillende onderwerpen
- Bijvoorbeeld: "Aanbiedingen", "Nieuwe producten", "Over ons"
- Dit houdt je pagina georganiseerd
Tip 6: Preview voordat je opslaat
- Herlaad je webshop regelmatig om te checken
- Zo zie je direct of het goed is
- Pas aan waar nodig
Tip 7: Bewaar je Markdown codes
- Maak een document met veelgebruikte codes
- Dan hoef je ze niet elke keer op te zoeken
- Scheelt tijd!
Veelvoorkomende vragen
Vraag: In welke volgorde moet ik elementen toevoegen?
- De volgorde waarin je toevoegt is de volgorde op de pagina
- Dus eerst toevoegen = bovenaan de pagina
- Je kunt de volgorde later altijd aanpassen met de pijltjes
Vraag: Kan ik een element later verwijderen?
- Ja, selecteer het element en klik op verwijderen
- Of bewerk het als je iets wilt wijzigen
- Verwijderde elementen zijn weg, dus wees voorzichtig
Vraag: Waarom zie ik mijn afbeelding niet?
- Check of de bestandsnaam klopt (hoofdlettergevoelig!)
- Check of er geen spaties in de naam staan
- Check of de afbeelding echt is geüpload
- Ververs de webshop met Ctrl+F5
Vraag: Kan ik HTML gebruiken in plaats van Markdown?
- Hangt af van je systeeminstellingen
- Markdown is meestal veiliger en makkelijker
- Check de documentatie of vraag support
Vraag: Hoeveel secties kan ik maken?
- Zoveel als je wilt
- Maar houd het overzichtelijk
- Te veel secties maken het verwarrend
Vraag: Werken YouTube shorts ook?
- Meestal niet, alleen normale YouTube video's
- Test het om zeker te zijn
- De code is hetzelfde
Wat te doen bij problemen?
Probleem: Afbeelding verschijnt niet
- Controleer bestandsnaam (geen spaties, juiste spelling)
- Check of afbeelding is geüpload
- Probeer de afbeelding opnieuw te uploaden
- Check of de extensie klopt (.png, .jpg, .gif)
Probleem: YouTube video laadt niet
- Check of de link correct is gekopieerd
- Probeer de video in een normale browser
- Mogelijk is de video privé of verwijderd
- Check of je de juiste Markdown code gebruikt
Probleem: Volgorde wil niet veranderen
- Ververs de pagina
- Mogelijk moet je opnieuw inloggen
- Check of je op "Opslaan" hebt geklikt na wijzigen
Probleem: Blok verschijnt niet
- Check of het blok wel bestaat (bij blokken beheer)
- Ververs de webshop
- Check of het blok goed is geconfigureerd
Probleem: Sectie niet zichtbaar op webshop
- Check de zichtbaarheidsinstellingen (✓, , -)
- Mogelijk moet je inloggen om het te zien
- Ververs de cache van je browser
Samenvatting
Webshop pagina's aanpassen doe je door secties en items toe te voegen aan je pagina's:
Basis stappen:
- Ga naar Winkel → Pagina's → selecteer de pagina die je wilt aanpassen
- Klik op Sectie → Nieuw → voer naam in → stel zichtbaarheid in (✓ = alleen ingelogd, - = altijd) → Opslaan
- Selecteer sectie → klik Items om inhoud toe te voegen
Inhoud toevoegen (twee opties):
- Tekst/afbeelding/video: Klik Nieuw → typ tekst → voor afbeelding gebruik
, voor YouTube video gebruik→ Opslaan - Blokken/elementen: Klik Meer → kies uit: gemaakt blok, sluitingstijd blok, besteldag blok, login blok, zoekbalk, of lijstgroepen (knoppen) → Opslaan
Volgorde aanpassen:
- Selecteer element → gebruik pijltjes omhoog (↑) of omlaag (↓) om positie te wijzigen
- De volgorde in de lijst is de volgorde op de webshop
Belangrijke punten:
- Geen spaties in bestandsnamen bij afbeeldingen (gebruik "banner.png" niet "mijn banner.png")
- Voor geavanceerde tekst opmaak: gebruik Markdown (koppen met #, dikgedrukt met **tekst**)
- Meer Markdown tips: https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
- Test altijd op mobiel en herlaad regelmatig om resultaat te checken
Heeft u vragen of heeft u hulp nodig? Neem dan gerust contact met ons op via telefoonnummer +31 (0)71 30 20 310 of stuur een e-mail naar support@easyflor.nl.