Overzicht van alle bloktypen in Webey

De blok-editor is het hart van Webey. Je bouwt pagina's door blokken toe te voegen, te vullen met content en te ordenen in de gewenste volgorde. Met meer dan 24 bloktypen heb je alle bouwstenen voor een professionele website. Hieronder vind je een compleet overzicht van elk bloktype en waarvoor je het gebruikt.

Basis blokken

• Hero: Een grote, opvallende sectie bovenaan je pagina met titel, ondertitel, achtergrondafbeelding en call-to-action knop. Perfect als openingsblok.
• Text: Een veelzijdig tekstblok met rich-text-opmaak. Gebruik het voor paragrafen, koppen, opsommingen en links.
• Image: Een afbeeldingsblok met alt-tekst en optioneel bijschrift. Upload afbeeldingen via de mediabibliotheek.
• Button: Een opvallende actieknop die linkt naar een andere pagina, een extern URL of een anker op dezelfde pagina.
• Spacer: Voegt verticale witruimte toe tussen blokken. Configureer de hoogte in pixels om ademruimte te creëren.
• Divider: Een horizontale scheidingslijn om secties visueel van elkaar te scheiden.

Layout blokken

• Columns: Verdeel je content in twee of meer kolommen naast elkaar. Elke kolom kan eigen blokken bevatten. Ideaal voor zij-aan-zij vergelijkingen of content met een afbeelding ernaast.

Media blokken

• Gallery: Een fotogalerij met meerdere afbeeldingen in een aantrekkelijke grid-layout. Configureer het aantal kolommen en de tussenruimte.
• Video: Embed een YouTube- of Vimeo-video op je pagina. Plak het URL en het blok toont automatisch een ingesloten videospeler.

Marketing blokken

• Card Grid: Een raster van kaarten, elk met een afbeelding, titel en beschrijving. Gebruik het voor diensten, producten of portfolioitems.
• Features: Presenteer de kenmerken of voordelen van je product of dienst in een overzichtelijke layout met iconen en beschrijvingen.
• Testimonials: Toon klantquotes met naam, functie en optioneel een profielfoto. Social proof die vertrouwen opbouwt bij bezoekers.
• Pricing: Vergelijk je pakketten of prijzen in een duidelijke tabel met features, prijzen en CTA-knoppen per plan.
• FAQ: Veelgestelde vragen met uitklapbare antwoorden (accordion). Helpt bezoekers snel antwoord te vinden en is goed voor SEO.
• CTA (Call to Action): Een opvallende sectie die bezoekers aanzet tot actie met een krachtige kop, ondertekst en prominente knop.
• Stats: Toon indrukwekkende cijfers en statistieken, zoals "500+ klanten" of "99% uptime". Ideaal voor het benadrukken van resultaten.
• Team: Presenteer je teamleden met foto, naam, functie en optioneel social media links. Maakt je bedrijf persoonlijker.
• Timeline: Een chronologische tijdlijn voor bedrijfsgeschiedenis, projectfasen of een stapsgewijs proces.
• Logo Cloud: Toon logo's van klanten, partners of certificeringen in een horizontaal overzicht. Bouwt autoriteit en vertrouwen op.

Geavanceerde blokken

• Map: Een interactieve kaart (Google Maps) om je locatie te tonen. Configureer het adres, zoomniveau en kaarttype.
• HTML: Voeg custom HTML-code toe voor geavanceerde functionaliteit die niet beschikbaar is als standaardblok.
• Form: Embed een van je Webey-formulieren op de pagina. Selecteer het formulier en het wordt automatisch weergegeven.
• Table: Een gestructureerde tabel voor het tonen van data zoals specificaties, vergelijkingen of roosters.
• Code: Een code-blok met syntax highlighting voor het tonen van codevoorbeelden op technische of documentatiepagina's.

Tips voor blokgebruik

Begin elke pagina met een hero- of tekstblok dat direct duidelijk maakt waar de pagina over gaat. Gebruik spacers en dividers om secties visueel te groeperen. Wissel tekst- en mediablokken af om je pagina dynamisch en aantrekkelijk te houden. Sluit af met een CTA-blok dat bezoekers aanzet tot de volgende stap. Zware blokken zoals kaarten en galerijen worden automatisch lazy-loaded voor optimale performance.