Alle bouwblokken
Je pagina's bouw je op uit blokken. Hieronder vind je ze allemaal — met een groot voorbeeld, wat het blok doet en welke keuzeopties je hebt. Je voegt een blok toe door in de pagina-editor op + te klikken.
Bijna elk blok neemt automatisch je kleuren en lettertype over. Je kunt bij elk blok ook de achtergrond wisselen (wit of een zachte tint in je huisstijl), zodat opeenvolgende blokken mooi afwisselen. De voorbeelden hieronder gebruiken neutrale demo-foto's.
Basis
Banner met foto
De grote eyecatcher bovenaan een pagina: een paginabrede foto met daarover een titel, een ondertitel en een knop. Ideaal als opening van je homepage of een belangrijke landingspagina.
Keuzeopties
- Achtergrondfoto — kies een foto uit je bibliotheek, upload een nieuwe of zoek er een via de fotozoeker.
- Overlay — een donkere of lichte waas over de foto, of geen — zodat je tekst altijd leesbaar blijft.
- Tekstkleur — wit of donker, passend bij je foto.
- Hoogte — van compact tot een volledig schermvullende banner.
- Tekstpositie — plaats titel en knop linksboven, gecentreerd, rechtsonder, enzovoort.
- Titel, ondertitel & knop — je eigen tekst, met een knop naar een pagina of link.
Tekst
Een vrij tekstvak met een titel. De basis voor alle inhoud: vertel je verhaal, leg iets uit of zet er een aankondiging neer.
Keuzeopties
- Titel — een kop boven je tekst (mag je ook weglaten).
- Opmaak — maak je tekst op met tussenkopjes, vet, cursief, opsommingen en links.
Kolommen
Tekst naast elkaar in twee of drie kolommen. Handig om punten naast elkaar te zetten of een pagina luchtiger in te delen.
Keuzeopties
- Aantal kolommen — 2 of 3 naast elkaar (op mobiel netjes onder elkaar).
- Per kolom — een eigen titel en opgemaakte tekst.
Tekst + foto
Een stuk tekst met een foto ernaast. Perfect om je verhaal te vertellen, een dienst toe te lichten of "over ons" te schrijven met een beeld erbij.
Keuzeopties
- Foto links of rechts — wissel met één klik de kant van de foto.
- Foto-verhouding — vierkant, staand, liggend of breed.
- Titel & tekst — vrij op te maken met koppen, vet, lijstjes en links.
- Knop — optioneel een knop met eigen tekst en bestemming.
Media
Afbeelding
Eén losse afbeelding op je pagina. Bijvoorbeeld een sfeerbeeld, een plattegrond of een uitgelichte productfoto.
Keuzeopties
- Breedte — normaal (zo breed als je tekst) of volledig (van rand tot rand over de hele breedte).
- Afbeelding — kies of upload een afbeelding, met een alt-tekst voor toegankelijkheid.
Twee afbeeldingen
Twee afbeeldingen strak naast elkaar, samen precies zo breed als je tekst. Ideaal voor een voor-en-na, twee sfeerbeelden of een product van twee kanten. Op een telefoon komen ze netjes onder elkaar te staan.
Keuzeopties
- Hoogte — kies de hoogte voor beide afbeeldingen samen; standaard vierkant. Een andere hoogte vraagt om ze opnieuw bij te snijden.
- Twee afbeeldingen — kies of upload per vak een afbeelding — met dezelfde bijsnijden-stap als de andere afbeeldingsblokken.
Galerij
Een fotoraster uit één van je albums. Bezoekers klikken een foto aan om hem vergroot te bekijken. Beheer je foto's in de Fotogalerij; het blok toont ze automatisch.
Keuzeopties
- Album — kies welk fotoalbum je toont.
- Aantal rijen — 1 tot 4 rijen foto's in het overzicht.
- Titel — toon of verberg de albumtitel boven het raster.
- Vergroten bij klikken — elke foto opent op groot formaat in beeld.
Foto's naast elkaar
Losse foto's in een nette rij of raster. Anders dan de Galerij hoeven deze foto's niet uit een album te komen — je plaatst ze los, in de volgorde die jij wilt. Bezoekers kunnen elke foto aanklikken om hem vergroot te bekijken.
Keuzeopties
- Aantal per rij — 2, 3 of 4 foto's naast elkaar (op mobiel netjes onder elkaar).
- Verhouding per foto — vierkant, staand, liggend, breed of de originele verhouding — per foto apart.
- Bijschrift per foto — zet er optioneel een tekstje onder.
- Vergroten bij klikken — elke foto opent op groot formaat in beeld.
Slider
Een carrousel van foto's die automatisch voorbij schuiven. Mooi voor sfeerbeelden, een portfolio of uitgelichte momenten.
Keuzeopties
- Verhouding — standaard (16:9), lager (21:9) of halve hoogte (32:9).
- Automatisch schuiven — aan of uit, met instelbare snelheid (2–15 seconden).
- Foto's — voeg je eigen foto's toe, elk met een optioneel bijschrift.
Video
Sluit een YouTube- of Vimeo-video in op je pagina. Plak de link en de video verschijnt netjes ingepast, ook op mobiel.
Keuzeopties
- Videolink — plak een YouTube- of Vimeo-adres.
- Breedte — normaal (binnen de tekstkolom) of paginabreed.
Insluiten (iframe)
Sluit een externe webpagina rechtstreeks in op je site — bijvoorbeeld een 360°-panorama, een online reserveringssysteem, een Google-agenda of een interactieve kaart. Je plakt het webadres (de insluit- of "embed"-link) en de pagina verschijnt netjes ingepast, ook op mobiel.
Keuzeopties
- Webadres (URL) — plak de insluit-link van de dienst. Alleen adressen die met https:// beginnen worden getoond.
- Breedte — normaal (zo breed als je tekst) of volledig (van rand tot rand over de hele breedte).
- Hoogte — kies een vaste hoogte van 300 tot 800 px of vul een exacte waarde in. Op een telefoon wordt een hoge insluiting automatisch ingekort.
Downloads
Een lijst met bestanden die bezoekers kunnen downloaden, zoals een brochure, prijslijst of formulier (pdf, Word, enzovoort). Je beheert de bestanden bij Bestanden; het blok toont een gekozen groep.
Keuzeopties
- Bestandsgroep — kies welke groep bestanden je toont.
- Automatisch — bestandsnaam, type en grootte verschijnen vanzelf.
Bedrijf
Pluspunten
Je sterke punten met een vinkje of icoon, in kolommen naast elkaar. Laat in één oogopslag zien waarom mensen voor jou kiezen.
Keuzeopties
- Aantal kolommen — 2, 3 of 4 pluspunten naast elkaar.
- Per pluspunt — een icoon, een korte titel en een toelichting.
- Titel — toon of verberg de kop boven het blok.
Klantreviews
Beoordelingen van klanten met sterren, naast elkaar. Sociale bewijskracht die vertrouwen wekt bij nieuwe bezoekers.
Keuzeopties
- Aantal kolommen — 2 of 3 reviews naast elkaar.
- Per review — sterren, de quote, naam, functie en een foto.
- Titel — toon of verberg de kop boven het blok.
Citaat
Eén uitgelichte quote of aanbeveling, groot in beeld. Voor een krachtige uitspraak van een klant of van jezelf.
Keuzeopties
- Stijl — klassiek, als testimonial (met sterren) of als kaart.
- Inhoud — de quote, met naam, functie en een foto van de persoon.
Stappenplan
Genummerde stappen die laten zien "zo werken wij". Ideaal om een proces of aanpak helder uit te leggen.
Keuzeopties
- Indeling — horizontaal (naast elkaar) of verticaal (onder elkaar).
- Per stap — een automatisch nummer, een titel en een toelichting.
- Titel — toon of verberg de kop boven het blok.
Laatste blogs
Toont automatisch je nieuwste blogartikelen met foto en datum. Zet hem op je homepage en hij blijft vanzelf actueel.
Keuzeopties
- Automatisch — pakt steeds je meest recente artikelen uit de Blog.
- "Alle berichten"-link — toon of verberg een link naar je volledige blogoverzicht.
- Titel — toon of verberg de kop boven het blok.
Diensten
Je diensten als overzichtelijke kaartjes met foto, titel en een knop. Een nette manier om je aanbod te presenteren.
Keuzeopties
- Aantal kolommen — 2 of 3 kaartjes naast elkaar.
- Per dienst — een foto, titel, korte tekst en een knop naar meer info.
- Titel — toon of verberg de kop boven het blok.
Team
Stel je team voor met foto, naam en functie. Geeft je site een persoonlijk gezicht.
Keuzeopties
- Per teamlid — een foto, naam, functie en een korte omschrijving.
- Titel — toon of verberg de kop boven het blok.
Logo's
Logo's van klanten, partners of keurmerken. Laat zien met wie je werkt of waar je bij aangesloten bent.
Keuzeopties
- Weergave — in een vaste rij of doorlopend voorbij schuivend.
- Grijswaarden — toon de logo's in grijstinten voor een rustige look, of in kleur.
- Per logo — een afbeelding met een optionele link.
- Titel — toon of verberg de kop boven het blok.
Cijfers
Opvallende getallen die indruk maken, zoals "12+ jaar ervaring" of "98% tevreden klanten".
Keuzeopties
- Aantal kolommen — 2, 3 of 4 cijfers naast elkaar.
- Tel-animatie — laat de getallen bij het scrollen omhoog tellen, of toon ze direct.
- Per cijfer — het getal en een bijschrift.
- Titel — toon of verberg de kop boven het blok.
Veelgestelde vragen
Een uitklapbare vraag-en-antwoordlijst. Beantwoordt veelgestelde vragen en houdt de pagina compact.
Keuzeopties
- Vraag & antwoord — voeg zelf vragen toe; bezoekers klappen ze open en dicht.
- Titel — een kop boven de lijst.
Afteller
Een aftelklok naar een datum en tijd — voor een opening, de start van een actie of het einde van een aanbieding. De teller loopt live bij je bezoekers en telt af in dagen, uren, minuten en seconden.
Keuzeopties
- Einddatum — kies naar welke datum en tijd wordt afgeteld.
- Titel & ondertitel — bijvoorbeeld "Nog even geduld…" met een korte toelichting.
- Tekst bij nul — wat er komt te staan zodra de teller is afgelopen.
- Verbergen na afloop — laat het blok automatisch verdwijnen zodra de tijd om is.
Verkoop
Prijstabel
Pakketten of tarieven overzichtelijk naast elkaar. Bezoekers vergelijken in één oogopslag en klikken door.
Keuzeopties
- Per pakket — naam, prijs, periode, een korte omschrijving en een lijst kenmerken.
- Uitgelicht pakket — markeer er één als "meest populair" zodat hij eruit springt.
- Knop — per pakket een knop met eigen tekst en bestemming.
- Titel — toon of verberg de kop boven het blok.
Menukaart
Een nette prijslijst in groepen — gemaakt voor de horeca (voor-, hoofd- en nagerechten), maar net zo goed voor behandelingen, diensten of pakketten. Elk item heeft een naam, prijs en optionele toelichting.
Keuzeopties
- Groepen — deel de kaart in met kopjes zoals "Voorgerechten" of "Behandelingen".
- Items — per regel een naam, prijs en optioneel een korte omschrijving.
- Labeltje — zet er een klein merkje bij, bijvoorbeeld "V" voor vegetarisch.
Banner met knop
Een gekleurde oproepbalk met een knop (call-to-action). Zet hem onderaan een pagina om bezoekers tot actie aan te zetten: "Neem contact op", "Maak een afspraak".
Keuzeopties
- Achtergrondkleur — een opvallende kleur uit je huisstijl, zodat de balk eruit springt.
- Titel & tekst — een pakkende kop met een korte ondertitel.
- Knop — de knoptekst en waar hij naartoe leidt.
Uitgelicht artikel
Eén product uit je webshop in de schijnwerpers, met foto, prijs en een knop om in het winkelmandje te leggen. Handig om een actie of bestseller uit te lichten.
Keuzeopties
- Product — kies welk webshopartikel je toont.
- In winkelmandje — bezoekers leggen het product direct in het mandje.
- Knop naar webshop — toon optioneel een knop naar je volledige webshop.
Contact
Contactformulier
Een contactformulier mét je bedrijfsgegevens ernaast. Berichten komen binnen op je e-mail. De snelste manier om bereikbaar te zijn.
Keuzeopties
- Telefoonveld — voeg optioneel een veld voor het telefoonnummer toe.
- Gegevens ernaast — toont automatisch je adres en contactgegevens.
- Titel — toon of verberg de kop boven het blok.
Eigen formulier
Plaats een formulier dat je zelf hebt gemaakt bij Formulieren — bijvoorbeeld een aanmelding, offerteaanvraag of enquête. Zo bepaal je precies welke velden je uitvraagt.
Keuzeopties
- Formulier — kies welk van je eigen formulieren je toont.
- Uitlijning — links of gecentreerd op de pagina.
Kaart & gegevens
Een Google Maps-kaart met daarnaast je adres, telefoon, e-mail en WhatsApp. Alles wat een bezoeker nodig heeft om je te vinden of te bereiken.
Keuzeopties
- Kaart — toont automatisch je vestiging op de kaart.
- Welke gegevens — kies zelf of je adres, telefoon, e-mail en WhatsApp laat zien.
- Titel — toon of verberg de kop boven het blok.
Openingstijden
Je openingstijden per dag, overzichtelijk in een tabel — eventueel met een kaartje erbij. Bezoekers zien meteen wanneer je open bent.
Keuzeopties
- Per dag — stel de tijden in; "gesloten" kan natuurlijk ook.
- Kaart erbij — toon optioneel je locatie op de kaart ernaast.
Volg ons
Een rij knoppen naar je socialmediakanalen. Bezoekers klikken door naar je Facebook, Instagram of LinkedIn. Handig als losse blikvanger op je contact- of overzichtspagina.
Keuzeopties
- Kanalen — kies uit Facebook, Instagram, LinkedIn, YouTube, TikTok, WhatsApp en Pinterest, en vul je eigen link in.
- Titel — een kopje boven de knoppen, bijvoorbeeld "Volg ons".
Kaart
Een losse Google Maps-kaart die je vestiging toont. Handig onderaan een contactpagina of bij een routebeschrijving.
Keuzeopties
- Locatie — gebruikt automatisch het adres uit je instellingen.