Wat zijn layout blokken?
Layout blokken bepalen de structuur van je offerte. Ze groeperen andere blokken en bepalen hoe content op de pagina wordt ingedeeld. Gebruik ze om een professionele en overzichtelijke offerte te maken.
Beschikbare layout blokken
Section (Sectie)
Een sectie is een container die andere blokken groepeert. Gebruik secties om je offerte in logische delen op te splitsen.
Opties:
- Achtergrondkleur - kies een kleur of gebruik je thema-kleuren
- Achtergrondafbeelding - optioneel, met overlay
- Padding - binnenruimte boven en onder
- Volledige breedte - sectie loopt door tot de rand van de pagina
Gebruik voor:
- Het scheiden van onderdelen (introductie, aanbod, prijzen, voorwaarden)
- Het visueel onderscheiden van secties met verschillende achtergrondkleuren
- Het groeperen van gerelateerde blokken
Columns (Kolommen)
Plaats blokken naast elkaar in kolommen. Je kunt 2, 3 of 4 kolommen instellen.
Opties:
| Instelling | Beschrijving |
|---|---|
| Aantal kolommen | 2, 3 of 4 |
| Verdeling | Gelijk, of aangepaste breedteverdeling (bijv. 1/3 + 2/3) |
| Tussenruimte | Ruimte tussen kolommen |
| Verticale uitlijning | Boven, midden of onder |
Sleep blokken naar individuele kolommen om ze te vullen met content.
Tip
Op mobiel worden kolommen automatisch onder elkaar gestapeld. Houd hier rekening mee bij het ontwerpen van je offerte.
Grid
Een grid plaatst items in een raster. Vergelijkbaar met kolommen, maar dan voor meerdere rijen.
Opties:
- Kolommen - 2, 3 of 4
- Tussenruimte - ruimte tussen items
- Items - voeg meerdere items toe die automatisch in het raster worden geplaatst
Gebruik voor:
- Overzichten van diensten of producten
- Portfolio items
- Kenmerken of voordelen
Intro
Een speciaal blok voor de introductie van je offerte. Combineert een kop, subtitel en optioneel een afbeelding of achtergrond.
Opties:
- Kop - de hoofdtitel van je offerte
- Subtitel - een korte beschrijving
- Achtergrondafbeelding - met overlay voor leesbaarheid
- Uitlijning - links, midden of rechts
- Hoogte - compact, medium of groot
Tip
Gebruik het intro blok als eerste blok in je offerte voor een professionele eerste indruk.
Blokken nesten
Layout blokken kunnen andere blokken bevatten. Sleep content blokken of business blokken naar een sectie of kolom om ze erin te plaatsen.
Voorbeeld van nesting:
- Section (blauwe achtergrond)
- Columns (2 kolommen)
- Kolom 1: Heading + Paragraph
- Kolom 2: Image
- Columns (2 kolommen)
Tips voor een goede layout
- Begin met een Intro blok voor een sterke opening
- Gebruik Sections met verschillende achtergrondkleuren om onderdelen te scheiden
- Zet prijsinformatie in een eigen sectie zodat deze opvalt
- Gebruik Columns voor het naast elkaar tonen van voor- en nadelen, of features en voordelen
Gerelateerde artikelen
- Offerte builder - de builder interface
- Content blokken - tekst, afbeeldingen en meer
- Business blokken - prijsregels en handtekening
- Thema en huisstijl - kleuren en styling aanpassen