Inhoud handleiding

Alle bouwblokken

Je pagina's bouw je op uit blokken. Hieronder vind je ze allemaal, in dezelfde volgorde en met dezelfde namen als in de blokkenkiezer: 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. Met de bolletjes in de werkbalk van een blok kies je de achtergrond: Auto (wisselt om en om), wit of een zachte tint uit je huisstijl. Banners hebben altijd een volle kleur; bij Video, Slider, Citaat, Fotogalerij Album en Logo's kun je kiezen uit allebei. De voorbeelden hieronder gebruiken neutrale demo-foto's.

Sectielabel: bij de meeste blokken met een kop (onder andere Tekst, Tekst + foto, Kolommen, Pluspunten, Diensten, Team, Klantreviews, Stappenplan, Cijfers, Prijstabel, Veelgestelde vragen, Tabel, Video, Video's naast elkaar, Foto's naast elkaar en Insluiten) zie je boven de kop een vaag + label boven de kop. Klik erop en typ een kort woord, zoals "Over ons"; het verschijnt klein in je accentkleur boven de kop. Leeg laten betekent: niets zichtbaar.

Kant-en-klare varianten: Banner met teletyper, Tekst + video, Banner met zwevende foto's, Stapelkaarten, Grote uitspraak en Diensten in tegels zijn geen aparte bloksoorten, maar een gewoon blok met een instelling al aan. Na het toevoegen heet het blok in de bouwer daarom Banner met foto, Tekst + foto, Banner met knop, Stappenplan, Citaat of Diensten.

Basis

Voorbeeld van het blok Banner met foto

Banner met foto

De grote eyecatcher bovenaan een pagina: een paginabrede foto met daarover een titel, een korte tekst en eventueel een knop. Ideaal als opening van je homepage of een belangrijke landingspagina.

Keuzeopties

  • Achtergrondfoto: klik op de banner om een foto te kiezen uit je bibliotheek, een nieuwe te uploaden of er een te zoeken in de stockfoto's. Met Foto verwijderen haal je hem weer weg.
  • Overlay: in de werkbalk kies je een donkere waas (witte tekst), een lichte waas (donkere tekst) of geen waas, zodat je tekst leesbaar blijft.
  • Tekstkleur: zonder waas kies je zelf met de bolletjes in de werkbalk: witte of donkere tekst.
  • Hoogte: via het knopje op de banner: 200, 300, 400, 500, 600 of 800 pixels hoog, of Volledig scherm.
  • Tekstpositie: met het raster van negen pijltjes zet je de tekst linksboven, in het midden, rechtsonder, enzovoort.
  • Titel en tekst: klik erop en typ. Een knop maak je met de linkknop in de tekstbalk en Weergeven als knop. Met de foto erachter is de tekst onder de titel maximaal 3 regels, knoppen meegeteld; past er geen knop meer bij, dan krijg je een melding. Pas dan een bestaande knop aan via het potloodje op de knop.
  • Foto naast de tekst: een knop in de werkbalk zet de foto als afgeronde kaart naast de tekst in plaats van erachter. Een rustige, moderne opening. In deze weergave kun je ook een sectielabel boven de kop zetten.
  • Reviewscore: een knop in de werkbalk zet een reviewregel onder je tekst: tot 5 ronde foto's van klanten, een rondje als "+33", vijf sterren en een regel als "4,7 uit 37 reviews". Klik op de rondjes en teksten om ze in te vullen.
  • Aangepaste foto voor mobiel: staat er een foto, dan zie je linksboven het knopje Aangepaste foto voor mobiel. Kies daar optioneel een aparte foto voor telefoons; die staat daar helemaal in beeld, in zijn eigen verhouding.
Voorbeeld van het blok Banner met teletyper

Banner met teletyper

Een opening met je tekst links en rechts foto's die in elkaar overvloeien. Bij elke foto verschijnt op een kaartje een zin die letter voor letter wordt getypt, zoals "Wij verzorgen je badkamer". Levendig en persoonlijk, zonder dat het druk wordt. Dit is een Banner met foto met de teletyper al aan; in de bouwer heet het blok daarom Banner met foto.

Keuzeopties

  • Foto's met een zin: onder de banner voeg je minstens 2 en hoogstens 12 foto's toe, elk met een eigen zin. Begint de volgende zin hetzelfde, dan wordt alleen het verschil opnieuw getypt.
  • Verhouding: Staand, Vierkant of Liggend; geldt voor alle foto's. Op een telefoon altijd liggend.
  • Titel, tekst en reviewscore: net als bij de Banner met foto, inclusief de reviewregel met gezichtjes.
Voorbeeld van het blok Tekst

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; leeg laten mag.
  • Opmaak: maak je tekst op met tussenkopjes, vet, cursief, opsommingen, links en knoppen.
  • Knop: selecteer de tekst die op de knop moet staan, klik in de tekstbalk op de linkknop en vink Weergeven als knop aan.
  • Lijst met vinkjes: naast Opsomming en Genummerde lijst staat in de tekstbalk de knop Lijst met vinkjes. Je opsomming krijgt dan ronde vinkjes in je hoofdkleur in plaats van bolletjes. Werkt in elk blok met opgemaakte tekst.
Voorbeeld van het blok Kolommen

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, te kiezen in de werkbalk (op mobiel netjes onder elkaar).
  • Sectielabel en kop: boven de kolommen zet je optioneel een klein label (klik op + label boven de kop) en een kop (Kop (optioneel)). Leeg laten betekent: niet zichtbaar.
  • Per kolom: een eigen titel en opgemaakte tekst.
  • Volgorde: beweeg over een kolom en schuif hem met de pijltjes naar links of rechts.
Voorbeeld van het blok Tekst + foto

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 de knop Afbeelding omwisselen in de werkbalk de kant van de foto.
  • Beeldverhouding: via het knopje rechtsboven in de foto: 1:1 Vierkant, 4:3 Standaard, 3:2 Foto, 16:9 Breed, 2:3 Portret of Origineel (niet bijsnijden). Kies je een andere verhouding terwijl er al een foto staat, dan kies je die foto opnieuw.
  • Titel en tekst: vrij op te maken met koppen, vet, lijstjes, links en een knop.
  • Knop: selecteer de tekst die op de knop moet staan, klik in de tekstbalk op de linkknop en vink Weergeven als knop aan.
  • Link op de foto: met het knopje Link op de foto maak je de foto klikbaar.
  • Alt-tekst: onder de foto typ je een korte omschrijving voor Google en schermlezers; bezoekers zien hem niet.
  • Tekst over de foto: met de knop in de werkbalk zet je onderin de foto een vette regel (bijvoorbeeld "Jarenlange ervaring") met een kleine regel eronder, op een donker verloop.
  • Foto klein: met de knop Foto klein in de werkbalk neemt de foto een derde van de breedte in plaats van de helft. Handig bij een klein portret of logo naast een lange tekst.
  • Video in plaats van foto: plak onder de foto een YouTube- of Vimeo-link, of kies een eigen videobestand uit Bestanden. Een eigen video speelt zonder geluid in een lus zodra hij in beeld komt. Met het kruisje haal je de video weg en staat de foto er weer.
Voorbeeld van het blok Tekst + video

Tekst + video

Hetzelfde als Tekst + foto, maar dan meteen met een videovak naast je tekst. Ideaal om je werkplaats, een project of jezelf in actie te laten zien. In de bouwer heet het blok daarna Tekst + foto.

Keuzeopties

  • Video: plak een YouTube- of Vimeo-link, of kies een eigen videobestand uit Bestanden. Een eigen video speelt zonder geluid in een lus zolang hij in beeld is.
  • Verder: alle opties van Tekst + foto: kant wisselen, Foto klein, titel en tekst, en een knop in de tekst. Haal je de video weg met het kruisje, dan kies je weer een foto.
Voorbeeld van het blok Talenkeuze

Talenkeuze

Grote vlaggen met de naam van elke taal, waarmee bezoekers kiezen in welke taal ze je site lezen. Handig op de homepage van een meertalige site, voor bezoekers die het vlaggetje in het menu over het hoofd zien.

Keuzeopties

  • Talen: het blok toont vanzelf alle talen die op je site live staan, in de volgorde die je bij Instellingen onder Talen hebt gekozen.
  • Eentalige site: heeft je site maar één taal, dan zien bezoekers het blok niet. In de editor staat dan een uitleg waar je extra talen aanzet.
  • Label: zet optioneel een klein label boven de vlaggen, bijvoorbeeld "Kies je taal".

Media

Voorbeeld van het blok Afbeelding

Afbeelding

Eén losse afbeelding op je pagina. Bijvoorbeeld een sfeerbeeld, een plattegrond of een uitgelichte productfoto.

Keuzeopties

  • Breedte: in de werkbalk: Normaal (zo breed als je tekst) of Volledig (van rand tot rand).
  • Weergave en hoogte: via het knopje op de afbeelding: Volledige afbeelding tonen (niets wordt afgesneden) of Bijsnijden op vaste hoogte, met 200 tot 800 pixels of een exacte hoogte.
  • Link: maak de afbeelding met het knopje Link klikbaar naar een pagina of website.
  • Aangepaste foto voor mobiel: kies optioneel een aparte foto voor telefoons. Die staat daar helemaal in beeld, in zijn eigen verhouding.
  • Bijschrift: klik onder de foto op Bijschrift (optioneel) en typ een korte tekst. Laat je het leeg, dan staat er niets onder de foto.
Voorbeeld van het blok Twee afbeeldingen

Twee afbeeldingen

Twee afbeeldingen strak naast elkaar, samen precies zo breed als je tekst. Ideaal voor twee sfeerbeelden of een product van twee kanten. Op een telefoon komen ze netjes onder elkaar te staan.

Keuzeopties

  • Hoogte: één hoogte voor beide afbeeldingen: 200 tot 800 pixels, standaard 600 (vierkant). Een andere hoogte vraagt om de foto's opnieuw te kiezen.
  • Twee afbeeldingen: kies of upload per vak een afbeelding.
  • Link per foto: met het knopje Link maak je elke foto apart klikbaar.
Voorbeeld van het blok Voor & na

Voor & na

Twee foto's over elkaar met een schuif in het midden. Bezoekers slepen de schuif heen en weer en zien zo het verschil tussen voor en na: ideaal voor een verbouwing, een behandeling of een opknapbeurt.

Keuzeopties

  • Twee foto's: kies in de editor links de foto van voor en rechts die van na. Gebruik bij voorkeur twee foto's vanaf hetzelfde standpunt.
  • Labels: de labeltjes "Voor" en "Na" pas je zelf aan.
  • Hoogte: 200 tot 800 pixels, standaard 500.
Voorbeeld van het blok Fotogalerij Album

Fotogalerij Album

Een fotoraster uit één van je albums, vijf foto's per rij. 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 in de werkbalk welk fotoalbum je toont.
  • Aantal rijen: 1 tot 4 rijen. Heeft het album meer foto's, dan bladeren bezoekers verder.
  • Titel: toon of verberg de albumnaam (met de albumomschrijving) boven het raster.
  • Bijschrift per foto: het bijschrift dat je in de Fotogalerij bij een foto zet, verschijnt onder de vergrote foto.
Voorbeeld van het blok Fotogalerij Overzicht

Fotogalerij Overzicht

Een overzicht van je fotoalbums als kaarten: de omslagfoto, de albumnaam en het aantal foto's. Klikken opent dat album in de Fotogalerij. Handig op een pagina die naar meerdere albums verwijst, bijvoorbeeld per soort werk.

Keuzeopties

  • Albums: vink in de werkbalk aan welke albums je toont; niets aangevinkt betekent alle albums met foto's.
  • Omslagfoto: de omslag die je in de Fotogalerij kiest, anders de eerste foto van het album.
  • Aantal per rij: 2, 3 of 4 kaarten naast elkaar.
  • Aantal foto's: toon of verberg het aantal foto's op de kaart.
  • Titel: toon of verberg de kop boven het overzicht.
Voorbeeld van het blok Foto's naast elkaar

Foto's naast elkaar

Losse foto's in een nette rij of raster. Anders dan bij de Fotogalerij 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).
  • Klein: de knop Klein naast 2, 3 en 4 zet de foto's als kleine tegels naast elkaar, zoveel als er passen. Ze worden nooit opgerekt, dus ook kleine foto's blijven scherp. In deze stand kun je tot 60 foto's plaatsen.
  • Kop: zet optioneel een kop boven de foto's (+ kop boven de foto's); leeg laten betekent geen kop.
  • Verhouding per foto: 1:1, 4:3, 3:2, 3:4, 16:9 of orig (de originele verhouding), per foto apart.
  • Bijschrift per foto: zet er optioneel een tekstje onder.
  • Link per foto: met het knopje Link gaat een foto naar een pagina of website in plaats van te vergroten.
  • Foto toevoegen: met de knop onder het raster, tot 16 foto's (met Klein tot 60).
  • Volgorde: beweeg over een foto en schuif hem met de pijltjes naar links of rechts.
Voorbeeld van het blok Slider

Slider

Een carrousel van foto's die automatisch voorbij komen. Mooi voor sfeerbeelden, een portfolio of uitgelichte momenten.

Keuzeopties

  • Verhouding: Standaard (16:9), Lager (21:9) of Halve hoogte (32:9).
  • Automatisch afspelen: aan of uit, met een snelheid van 2 tot 15 seconden per foto.
  • Overgang: Schuiven (de foto's schuiven opzij) of Overvloeien (de volgende foto vloeit rustig in beeld).
  • Foto's: tot 10 foto's, elk met een optioneel onderschrift. In de editor zie je ze als rij om te beheren.
Voorbeeld van het blok Video

Video

Sluit een YouTube- of Vimeo-video in op je pagina, of toon een eigen videobestand dat je bij Bestanden hebt geüpload. Plak de link of kies het bestand en de video verschijnt netjes ingepast, ook op mobiel.

Keuzeopties

  • Videolink: plak een YouTube- of Vimeo-adres, of kies in de keuzelijst een eigen videobestand uit Bestanden (bijvoorbeeld mp4, tot 50 MB).
  • Onderschrift: optioneel een regel onder de video.
  • Breedte: Smal (een kleinere video in het midden), Normaal (binnen de tekstkolom) of Volledig.
  • Kop: zet optioneel een kop boven de video (+ kop boven de video); leeg laten betekent geen kop.
  • Verhouding: breed (16:9), 4:3, vierkant of staand (9:16). Kies staand voor een video die je met je telefoon rechtop hebt gefilmd, zoals een reel.
Voorbeeld van het blok Audio

Audio

Geluidsfragmenten die bezoekers direct op de pagina afspelen, bijvoorbeeld een stuk van je cd of een opname van een concert. Upload je mp3-bestanden eerst in een bestandsgroep via Bestanden; het blok toont per bestand een speler met de naam.

Keuzeopties

  • Bestandsgroep: kies in de werkbalk welke groep je toont; alleen geluidsbestanden (mp3, m4a, ogg, wav) uit die groep verschijnen.
  • Naam per fragment: de naam die je in Bestanden geeft, staat boven de speler.
  • Titel: toon of verberg de titel boven de lijst.
Voorbeeld van het blok Video's naast elkaar

Video's naast elkaar

Meerdere video's in een raster: je eigen filmpjes of YouTube/Vimeo. Een video laadt pas als iemand klikt, zodat ook een pagina met twintig video's snel blijft.

Keuzeopties

  • Video kiezen: kies een video van je computer of telefoon (ook .mov, tot 480 MB). Wij zetten hem om zodat hij overal afspeelt en maken er een startbeeld bij; dat duurt meestal minder dan een minuut.
  • YouTube of Vimeo: of plak een link in de balk onder de tegel.
  • Bijschrift: optioneel, onder elke video.
  • Kop: zet optioneel een kop boven de video's (+ kop boven de video's).
  • Liggend / Staand: staand is voor reels en filmpjes van je telefoon: tot 4 per rij en op mobiel 2 naast elkaar.
  • Per rij: liggend 2 of 3, staand 2 tot 4. Liggend staan ze op mobiel onder elkaar.
  • Startbeeld: knopje linksboven op een eigen video: kies zelf een foto die te zien is voordat de video start.
  • Video toevoegen: knop onder het raster; het prullenbakje op de tegel verwijdert een video (maximaal 24).
Voorbeeld van het blok Insluiten (iframe)

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.
  • Code plakken: heeft je leverancier geen link maar een stukje code (een script of HTML), dan kies je Code plakken. Die keuze verschijnt alleen als wij hem voor je site hebben aangezet; vraag er gerust naar. De code draait afgeschermd, los van je site. Laadt de code van een bron die we nog niet kennen, dan zie je een melding en blijft het blok leeg tot wij die leverancier toestaan. Het venster groeit vanzelf mee met de widget, ook op de telefoon; de hoogte die je instelt is de minimale hoogte.
  • Breedte: Normaal (zo breed als je tekst) of Volledig (van rand tot rand).
  • Kop: zet optioneel een kop boven het venster (+ kop boven het venster).
  • Hoogte: 300 tot 800 pixels of een exacte waarde. Op een telefoon wordt een hoge insluiting automatisch ingekort.
  • Controle: sommige websites staan niet toe dat je ze insluit. De editor controleert dat en zet er een melding onder; zet in dat geval liever een knop of link naar die pagina in een tekstblok.
Voorbeeld van het blok Downloads

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 in de werkbalk welke groep bestanden je toont.
  • Titel: een kop boven de lijst, bijvoorbeeld "Downloads".
  • Automatisch: bestandsnaam, type en grootte verschijnen vanzelf.
  • Openen of downloaden: pdf's en foto's openen bij een klik in een nieuw tabblad; andere bestanden, zoals Word of Excel, worden gedownload. Dit gaat vanzelf, er is geen instelling voor.

Bedrijf

Voorbeeld van het blok Pluspunten

Pluspunten

Je sterke punten met een vinkje, 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 korte titel en een toelichting, tot 12 pluspunten.
  • Titel en regel eronder: een kop met optioneel een regeltje tekst eronder; de kop toon of verberg je met de T in de werkbalk.
  • Volgorde: beweeg over een pluspunt en schuif het met de pijltjes naar links of rechts.
Voorbeeld van het blok Klantreviews

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: de tekst, naam, functie of bedrijf en een foto (zonder foto staat de eerste letter van de naam er). Klik op de sterren om er 1 tot 5 te geven; klik nogmaals op dezelfde ster om ze uit te zetten. Tot 9 reviews.
  • Google-reviews: onder het blok vul je optioneel je Google-reviewlink, je totaalscore (bijvoorbeeld 4,9) en het aantal reviews in. Bezoekers zien dan een scoreregel en een knop "Lees al onze reviews op Google".
  • Lopende band: met de knop in de werkbalk schuiven de reviews langzaam voorbij, als een doorlopende band. Werkt op de site vanaf 3 reviews.
  • Titel: toon of verberg de kop boven het blok.
  • Volgorde: beweeg over een review en schuif hem met de pijltjes naar links of rechts.
Voorbeeld van het blok Citaat

Citaat

Eén uitgelichte quote of aanbeveling, groot in beeld. Voor een krachtige uitspraak van een klant of van jezelf.

Keuzeopties

  • Stijl: in de werkbalk: klassiek, testimonial, kaart of grote uitspraak.
  • Grote uitspraak: één grote zin waarvan de woorden één voor één oplichten terwijl de bezoeker scrolt. Sterk voor je missie of belofte.
  • Inhoud: de quote, met naam, functie en een ronde foto van de persoon.
Voorbeeld van het blok Stappenplan

Stappenplan

Genummerde stappen die laten zien "zo werken wij". Ideaal om een proces of aanpak helder uit te leggen.

Keuzeopties

  • Indeling: horizontaal (naast elkaar), verticaal (onder elkaar) of als stapelkaarten.
  • Stapelkaarten: elke stap wordt een grote kaart; bij het scrollen schuiven de kaarten over elkaar heen. Per stap kun je dan optioneel een foto toevoegen.
  • Per stap: een automatisch nummer, een titel en een toelichting.
  • Titel: toon of verberg de kop boven het blok.
  • Volgorde: beweeg over een stap en schuif hem met de pijltjes naar een andere plek.
Voorbeeld van het blok Grote uitspraak

Grote uitspraak

Eén grote zin over waar jij voor staat, met een klein label erboven. Terwijl de bezoeker scrolt, lichten de woorden één voor één op. Dit is een Citaat-blok met de stijl Grote uitspraak al aan; in de bouwer heet het blok daarom Citaat.

Keuzeopties

  • Tekst: klik op de zin en typ je eigen uitspraak; houd hem kort en krachtig.
  • Label: het kleine label boven de zin, standaard "Waar wij voor staan".
  • Naam: zet er optioneel een naam en functie onder.
  • Andere stijl: via de werkbalk wissel je alsnog naar een gewone citaatstijl.
Voorbeeld van het blok Laatste blogs

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.
  • Categorie: alleen als je categorieën gebruikt: toon de artikelen van één categorie.
  • Aantal: 3, 6, 9 of alle artikelen.
  • Tekst: toon de eerste regels van elk artikel onder de titel.
  • "Alle berichten"-link: toon of verberg een link naar je volledige blogoverzicht.
  • Titel: toon of verberg de kop boven het blok.
Voorbeeld van het blok Stapelkaarten

Stapelkaarten

Je werkwijze in grote kaarten die bij het scrollen over elkaar schuiven. Zo komt elke stap even helemaal in beeld. Dit is een Stappenplan met de indeling Stapelkaarten al aan; in de bouwer heet het blok daarom Stappenplan.

Keuzeopties

  • Per stap: een nummer, een titel, een toelichting en optioneel een foto.
  • Label: een klein label boven de kop, standaard "Zo werkt het".
  • Andere indeling: via de werkbalk wissel je alsnog naar horizontaal of verticaal.
  • Volgorde: beweeg over een kaart en zet hem met de pijltjes omhoog of omlaag.
Voorbeeld van het blok Aankomende evenementen

Aankomende evenementen

Toont automatisch je eerstvolgende drie evenementen uit de Agenda, met een knop naar de volledige agenda. Zijn er geen aankomende evenementen, dan verdwijnt het blok vanzelf van je site. Dit is het blok om je agenda op een gewone pagina te tonen, bijvoorbeeld op de homepage.

Keuzeopties

  • Automatisch: pakt steeds de eerstvolgende evenementen uit de module Agenda; voorbije evenementen verdwijnen vanzelf.
  • Titel: een kop boven het blok, bijvoorbeeld "Aankomende evenementen".
Voorbeeld van het blok Jaarplanning

Jaarplanning

Een compacte lijst met datums per maand, cursusdata of een rooster: "Januari · 6 en 20". Handig voor één activiteit die steeds terugkomt, zoals een koffieochtend of repetitie: tijd en plaats zijn elke keer hetzelfde en zet je één keer onder de kop, per maand vul je alleen de datums in.

Keuzeopties

  • Rijen: klik op een maand of datum en typ; een rij toevoegen of weghalen kan altijd (tot 36 rijen).
  • Volgorde: pak een rij bij het handvat en sleep hem naar de juiste plek.
  • Kolommen: één, twee of drie kolommen naast elkaar, op mobiel altijd onder elkaar.
  • Titel: toon of verberg de kop met de T in de werkbalk.
Voorbeeld van het blok Diensten

Diensten

Je diensten als overzichtelijke kaartjes met foto, titel en een knop. Een nette manier om je aanbod te presenteren.

Keuzeopties

  • Aantal kolommen: 2, 3 of 4 kaartjes naast elkaar.
  • Per dienst: een foto, naam, korte tekst en een knoptekst naar meer info, tot 9 diensten.
  • Fotoverhouding: liggend (4:3), vierkant (1:1) of staand (3:4); geldt voor alle diensten.
  • Link op de foto: met het knopje Link op een foto maak je die foto klikbaar.
  • Tekst over de foto: met de knop in de werkbalk staan naam en tekst onderin over de foto, op een donker verloop.
  • Bento-raster: de eerste dienst wordt een grote tegel en de rest staat eromheen, met de tekst over de foto.
  • Titel: toon of verberg de kop boven het blok.
  • Volgorde: beweeg over een dienst en schuif hem met de pijltjes naar links of rechts.
Voorbeeld van het blok Diensten in tegels

Diensten in tegels

Je diensten in een bento-raster: één grote tegel met de andere eromheen, de tekst over de foto. Een moderne, beeldende manier om je aanbod te tonen. Dit is een Dienstenblok met het bento-raster al aan; in de bouwer heet het blok daarom Diensten.

Keuzeopties

  • Per tegel: een foto, een naam, een korte tekst en een link naar meer info.
  • Grote tegel: de eerste dienst krijgt de grote tegel; zet je belangrijkste dienst dus bovenaan.
  • Andere weergave: via de werkbalk zet je het raster uit voor gewone kaartjes.
  • Volgorde: met de pijltjes op een tegel zet je een andere dienst vooraan, in de grote tegel.
Voorbeeld van het blok Team

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 bio, tot 12 teamleden.
  • Per rij: met de knoppen 3 en 4 in de werkbalk kies je hoeveel teamleden naast elkaar staan. Kies je niets, dan verdeelt het blok ze zelf.
  • Titel: toon of verberg de kop boven het blok.
  • Volgorde: beweeg over een teamlid en schuif het met de pijltjes naar links of rechts.
Voorbeeld van het blok Logo's

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.
  • Grootte: normaal, groot of extra groot. Bij een paar logo's kiest het blok zelf al een grotere maat.
  • Grijswaarden: toon de logo's in grijstinten voor een rustige look, of in kleur.
  • Per logo: tot 60 logo's, elk een afbeelding; met het knopje Link linkt een logo naar bijvoorbeeld de site van de partner.
  • Titel: toon of verberg de kop boven het blok.
Voorbeeld van het blok Cijfers

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 omschrijving, tot 8 cijfers.
  • Titel: standaard uit; zet hem aan met de T in de werkbalk.
Voorbeeld van het blok Veelgestelde vragen

Veelgestelde vragen

Een uitklapbare vraag-en-antwoordlijst. Beantwoordt veelgestelde vragen en houdt de pagina compact.

Keuzeopties

  • Vraag en antwoord: voeg zelf vragen toe; bezoekers klappen ze open en dicht.
  • Volgorde: beweeg over een vraag en gebruik de pijltjes rechtsboven om hem omhoog of omlaag te zetten.
  • Titel en intro: een kop boven de lijst, met optioneel een korte intro (daar kan ook een knop in).
  • Twee kolommen: met de knop in de werkbalk staan de kop en de intro links en de vragen rechts.
Voorbeeld van het blok Tabel

Tabel

Een overzicht in rijen en kolommen, zoals prijzen, openingstijden of een vergelijking. Op de telefoon blijft het een tabel: tot en met 3 kolommen past hij in de breedte, vanaf 4 kolommen veeg je de tabel opzij (de eerste kolom blijft staan).

Keuzeopties

  • Cellen: klik in een vakje en typ. Je krijgt dezelfde werkbalk als bij een tekstblok: vet, cursief en links.
  • Link: selecteer een woord, bijvoorbeeld GPX, en klik op de linkknop. Kies een pagina van je site, een bestand of plak een webadres.
  • Rijen en kolommen: voeg ze toe met de knoppen onder de tabel. Rechts naast elke rij staan kleine knoppen: met +↑ en +↓ voeg je een lege rij boven of onder in, met ↑ ↓ zet je de rij hoger of lager, met × haal je hem weg. Een kolom haal je weg met × kolom onderaan.
  • Kop: de eerste rij is de kopregel. Zet hem uit met de knop Kop in de werkbalk.
  • B: zet de eerste kolom vet, handig als die de naam van elke rij bevat.
  • Tekst boven en onder: een korte inleiding boven de tabel en bijvoorbeeld een opmerking of actiepunt eronder.
Voorbeeld van het blok Afteller

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

  • Streefdatum en tijd: kies naar welke datum en tijd wordt afgeteld.
  • Titel en 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: vink Blok verbergen zodra de teller op nul staat aan om het blok dan te laten verdwijnen.

Verkoop

Voorbeeld van het blok Prijstabel

Prijstabel

Pakketten of tarieven overzichtelijk naast elkaar. Bezoekers vergelijken in één oogopslag en klikken door.

Keuzeopties

  • Per pakket: naam, prijs, periode (bijvoorbeeld "per maand"), een korte omschrijving en een lijst kenmerken, één per regel.
  • Uitgelicht pakket: klik op het sterretje op een kaart om hem te markeren als "Meest populair", zodat hij eruit springt.
  • Knop: per pakket een knoptekst en een link (het vak met https://).
  • Prijs met "vanaf": typ je bij de periode "vanaf", dan komt dat woord vóór het bedrag ("vanaf € 39,50"); andere woorden, zoals "per maand", staan erachter.
  • Aantal: voeg pakketten toe met Plan toevoegen, tot 24. Bij precies 4 kaarten staan ze 4 naast elkaar of 2 bij 2, nooit 3 met 1 los.
  • Volgorde: schuif een pakket met de pijltjes naar links of rechts.
  • Titel: toon of verberg de kop boven het blok.
Voorbeeld van het blok Menukaart

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", met optioneel een toelichting per groep.
  • Items: per regel een naam, prijs en optioneel een korte omschrijving.
  • Labeltje: zet er een klein merkje bij, bijvoorbeeld "V" voor vegetarisch. Klik op het bolletje om de kleur te wisselen: neutraal, groen of rood.
  • Kolommen: met de knop boven de kaart wissel je tussen 1 en 2 kolommen.
  • Aantal: tot 12 groepen met elk tot 30 regels.
Voorbeeld van het blok Banner met knop

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 van de vijf volle kleuren uit je huisstijl, zodat de balk eruit springt.
  • Titel en tekst: een pakkende kop met een korte tekst eronder.
  • Knop: zet de knop in de tekst met de linkknop en Weergeven als knop.
  • Zwevende foto's: voeg optioneel tot 16 foto's toe die rustig rond je tekst draaien.
Voorbeeld van het blok Banner met zwevende foto's

Banner met zwevende foto's

Een afsluiter onderaan je pagina: een oproep met knop, met daaromheen je eigen foto's die rustig rond de tekst draaien. Mooi om je werk nog één keer te laten zien voordat de bezoeker contact opneemt. Dit is een Banner met knop met zwevende foto's; in de bouwer heet het blok daarom Banner met knop.

Keuzeopties

  • Foto's: tot 16 foto's, bijvoorbeeld van je projecten. Klik op een vakje om een foto te kiezen.
  • Titel, tekst en knop: je oproep, met een knop naar je contactpagina of een andere bestemming.
Voorbeeld van het blok Uitgelicht artikel

Uitgelicht artikel

Eén product uit je webshop in de schijnwerpers, met foto, prijs, omschrijving en een knop om in het winkelmandje te leggen. Handig om een actie of bestseller uit te lichten.

Keuzeopties

  • Artikel: kies eventueel eerst een groep en dan welk webshopartikel je toont.
  • In winkelmandje: bezoekers kiezen het aantal en leggen het product direct in het mandje.
  • Knop naar webshop: toon optioneel een knop naar je volledige webshop (aan of uit in de werkbalk).

Contact

Voorbeeld van het blok Contactformulier

Contactformulier

Een contactformulier met je contactgegevens ernaast. Berichten komen binnen op je e-mail. De snelste manier om bereikbaar te zijn.

Keuzeopties

  • Titel en tekst: een kop en een korte uitnodiging in het gekleurde vak.
  • Gegevens ernaast: typ zelf je bedrijfsnaam of adres, e-mail, telefoon en WhatsApp; wat je leeg laat, zien bezoekers niet.
  • Telefoonveld: voeg met de knop in de werkbalk een veld voor het telefoonnummer toe.
  • Knoptekst: klik op de verstuurknop om de tekst aan te passen.
  • Berichten sturen naar: het e-mailadres dat de berichten ontvangt. Leeg laten betekent: naar het e-mailadres van je account. Bezoekers zien dit adres niet.
  • Titel tonen: toon of verberg de kop met de T in de werkbalk.
Voorbeeld van het blok Eigen formulier

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.
Voorbeeld van het blok Afspraak boeken

Afspraak boeken

Bezoekers boeken zelf een afspraak: ze kiezen een dienst, een dag en een tijd. Je diensten en werktijden stel je in bij de module Afspraken.

Keuzeopties

  • Tekst: een titel en een korte tekst boven het boekingsformulier.
  • Stappen: de kopjes boven de stappen (dienst, datum, tijd) pas je zelf aan.
  • Extra vragen bij het boeken: standaard vraagt het blok naam, e-mail, telefoon en een opmerking. Wil je meer weten, zoals een adres, maak dan eerst een formulier met die vragen onder Formulieren en kies het in de keuzelijst Extra vragen bij het boeken in het blok. De velden komen onder de gewone vragen; naam, e-mail, telefoon en handtekening uit dat formulier worden overgeslagen, die staan er al. De antwoorden zie je bij de afspraak en in de mails.
  • Instellen: diensten, werktijden en de kalender beheer je onder Afspraken. Zolang daar niets is ingesteld, zien bezoekers het blok niet.
  • Na het boeken: ziet de bezoeker alleen de bevestiging; dienst, kalender en tijden verdwijnen.
Voorbeeld van het blok Beschikbaarheid

Beschikbaarheid

Voor verhuur: een kalender die per woning of appartement laat zien welke dagen vrij en bezet zijn. Welke dagen bezet zijn, zet je in de module Beschikbaarheid.

Keuzeopties

  • Tekst: een titel en een korte tekst boven de kalender, bijvoorbeeld met een knop naar je contactpagina voor een aanvraag.
  • Woningen: heb je er meer, dan krijgt elke woning een tabje. De volgorde en namen beheer je onder Beschikbaarheid.
  • Maanden: bezoekers bladeren met de pijltjes door het komende jaar: drie maanden naast elkaar op de computer, één op de telefoon.
  • Kleuren: onder de kalender staat een uitleg: Vrij en Bezet, en Wisseldag zodra je ergens een wisseldag hebt gezet. Er zijn geen prijzen en bezoekers kunnen niet zelf boeken.
Voorbeeld van het blok Nieuwsbrief

Nieuwsbrief

Een aanmeldvak waarin bezoekers hun e-mailadres achterlaten voor je nieuwsbrief. De adressen verzamel je in de module Nieuwsbrief, van waaruit je ze exporteert naar je eigen mailprogramma, Mailchimp of Laposta.

Keuzeopties

  • Titel en tekst: bijvoorbeeld "Blijf op de hoogte" met een korte uitleg.
  • Knop: de tekst op de aanmeldknop bepaal je zelf.
Voorbeeld van het blok Kaart & gegevens

Kaart & gegevens

Een Google Maps-kaart met daarnaast je bedrijfsnaam, adres, telefoon, e-mail en WhatsApp. Alles wat een bezoeker nodig heeft om je te vinden of te bereiken.

Keuzeopties

  • Kaart: onder de kaart vul je het Adres voor kaart in; leeg betekent het adres van je account. Met de knop in de werkbalk zet je de kaart uit of aan.
  • Gegevens: klik op een gegeven om het aan te passen, en zet onderaan optioneel een extra regel, bijvoorbeeld je openingstijden.
  • Welke gegevens: kies in de werkbalk zelf of je adres, telefoon, e-mail en WhatsApp laat zien.
  • Titel: toon of verberg de kop boven het blok.
Voorbeeld van het blok Openingstijden

Openingstijden

Je openingstijden per dag, overzichtelijk in een tabel, eventueel met een kaartje erbij. Bezoekers zien meteen wanneer je open bent.

Keuzeopties

  • Per dag: typ per regel de dag en de tijden, of "Gesloten".
  • Extra regel: onder de tabel ruimte voor afwijkende tijden of feestdagen.
  • Titel: laat je de titel leeg, dan staat er geen kop.
  • Kaart erbij: toon optioneel je locatie op een kaart ernaast, met een eigen Adres voor kaart; aan of uit met de knop in de werkbalk.
  • In de footer: je kunt dezelfde tijden ook onderaan elke pagina tonen; zet daarvoor het vinkje aan bij de Footer.
Voorbeeld van het blok Kaart

Kaart

Een losse Google Maps-kaart die je vestiging toont. Handig onderaan een contactpagina of bij een routebeschrijving.

Keuzeopties

  • Kaartadres: leeg betekent het adres van je account; vul een ander adres in om een andere plek te tonen.
  • Soort kaart: Plattegrond of Satelliet.
Voorbeeld van het blok Volg ons

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 per knop uit Facebook, Instagram, LinkedIn, YouTube, TikTok, X (Twitter), WhatsApp, Pinterest of E-mail, en vul je eigen link in. Tot 12 knoppen.
  • Titel: een kopje boven de knoppen, bijvoorbeeld "Volg ons".