Wat zijn content blokken?

Content blokken bevatten de inhoud van je offerte: teksten, afbeeldingen, tabellen en andere visuele elementen. Sleep ze vanuit de sidebar naar het canvas om je offerte op te bouwen.

Beschikbare content blokken

Paragraph (Tekst)

Een rich text editor voor lopende tekst. Ondersteunt:

Vet, cursief, ~~doorgestreept~~
Links
Opsommingslijsten en genummerde lijsten
Variabelen invoegen (bijv. klantnaam, bedrijfsnaam)

Heading (Kop)

Een kopblok voor titels en tussenkoppen. Kies uit heading niveau 1 tot en met 4. Gebruik koppen om je offerte overzichtelijk te structureren.

Image (Afbeelding)

Upload een afbeelding of plak een URL. Opties:

Uitlijning - links, midden, rechts of volledige breedte
Alt tekst - beschrijving voor toegankelijkheid
Bijschrift - tekst onder de afbeelding

Ondersteunde formaten: JPG, PNG, GIF, WebP. Maximaal 10 MB per afbeelding.

Image Gallery (Afbeeldingsgalerij)

Toon meerdere afbeeldingen in een galerij. Opties:

Aantal kolommen - 2, 3 of 4 kolommen
Verhouding - vierkant, landschap of portret
Elke afbeelding kan een bijschrift hebben

Table (Tabel)

Een bewerkbare tabel voor gestructureerde data. Opties:

Rijen en kolommen toevoegen of verwijderen
Cellen bewerken door erop te klikken
Header rij aan of uit
Kolombreedte aanpassen

List (Lijst)

Een opsommingslijst met bullets of nummers. Elke regel is een apart item. Opties:

Bullet lijst of genummerde lijst
Icoon keuze per item (optioneel)

Icon Box

Een blok met een icoon, titel en beschrijving. Ideaal voor het uitlichten van kenmerken of voordelen. Opties:

Icoon uit de Lucide bibliotheek
Titel en beschrijving
Layout - icoon links of boven

Checklist

Een lijst met aankruisvakjes. Handig voor het tonen van wat inbegrepen is. Opties:

Items toevoegen en verwijderen
Aan/uit status per item
Icoon stijl - vinkje of kruisje

Divider (Scheidingslijn)

Een horizontale lijn om secties visueel te scheiden. Opties:

Stijl - doorgetrokken, gestreept of gestippeld
Kleur - past zich aan aan je thema
Breedte - vol, driekwart of half

Spacer (Witruimte)

Voegt verticale ruimte toe tussen blokken. Opties:

Hoogte - klein (16px), medium (32px), groot (48px) of extra groot (64px)

Callout

Een opvallend kader voor belangrijke informatie, tips of waarschuwingen. Opties:

Type - info, tip, waarschuwing of neutraal
Icoon - past zich aan aan het type
Titel en inhoud

Testimonial (Referentie)

Een citaat van een klant of referentie. Opties:

Citaat tekst
Naam van de persoon
Functie en/of bedrijf
Foto (optioneel)

Stats (Statistieken)

Toon opvallende cijfers. Ideaal voor resultaten of KPI's. Opties:

Meerdere statistieken naast elkaar
Waarde (het grote getal)
Label (beschrijving)
Icoon (optioneel)

Accordion (Uitklapbaar)

Uitklapbare secties voor veelgestelde vragen of gedetailleerde informatie. Opties:

Meerdere items toevoegen
Titel per item
Inhoud per item (rich text)
Standaard open of dicht

Logo Cloud

Toon logo's van partners, klanten of certificeringen. Opties:

Meerdere logo's uploaden
Aantal kolommen - 3, 4, 5 of 6
Grayscale filter aan/uit

Blok stijl aanpassen

Elk content blok heeft naast inhoudsinstellingen ook stijlopties:

Achtergrondkleur
Padding (binnenruimte)
Rand (border)
Schaduw

Deze opties vind je in het Blok tab van de rechter sidebar.

Content blokken