Wat is de offerte builder?
De offerte builder is een visuele editor waarmee je offertes opbouwt met drag-and-drop blokken. Je sleept blokken naar het canvas, vult ze met content en past de stijl aan. Het resultaat is een professionele, interactieve offerte die je direct kunt versturen.
De builder openen
- Ga naar Offertes in de sidebar
- Open een bestaande offerte en klik op Bewerken, of maak een nieuwe offerte aan
- De builder opent in volledig scherm
Interface onderdelen
De builder bestaat uit vier hoofdonderdelen:
Toolbar (boven)
De toolbar bovenaan bevat:
- Opslaan - sla je wijzigingen op
- Ongedaan maken / Opnieuw - herstel acties
- Preview - bekijk je offerte zoals de klant deze ziet
- Versturen - stuur de offerte naar de klant
- Meer opties - PDF downloaden, template opslaan, instellingen
Sidebar (links)
De linkerzijbalk biedt twee weergaven:
- Blokken - een catalogus van alle beschikbare blokken, ingedeeld in drie categorieen: Content, Layout en Business
- Navigator - een boomweergave van alle blokken in je offerte, handig voor het snel navigeren en herschikken
Canvas (midden)
Het canvas is het bewerkbare vlak waar je blokken plaatst. Klik op een blok om het te selecteren en te bewerken. Sleep blokken om ze te verplaatsen.
Blok editor (rechts)
Wanneer je een blok selecteert, verschijnt rechts het bewerkingspaneel. Hier pas je de inhoud en stijl van het geselecteerde blok aan. Het rechterpaneel heeft twee tabs:
- Blok - inhoud en instellingen van het geselecteerde blok
- Thema - de volledige thema editor voor kleuren, typografie en meer
Blokken toevoegen
Er zijn drie manieren om blokken toe te voegen:
Slepen vanuit de sidebar
- Open de Blokken tab in de sidebar
- Zoek het gewenste blok
- Sleep het blok naar de gewenste positie op het canvas
Klikken op het + icoon
Tussen elk blok op het canvas verschijnt een + knop als je erover hovert. Klik erop om een blok in te voegen op die positie.
Blok dupliceren
Klik op een bestaand blok en gebruik het Dupliceren icoon in de blok toolbar om een kopie te maken.
Blokken bewerken
Klik op een blok om het te selecteren. De blok editor verschijnt rechts met opties specifiek voor dat bloktype. Elke blokcategorie heeft eigen bewerkingsopties:
- Content blokken - tekst, afbeeldingen, lijsten en meer
- Layout blokken - secties, kolommen en grids
- Business blokken - prijsregels, handtekening, totalen
Blokken verplaatsen
Sleep een blok naar een andere positie door het vast te pakken bij de sleep-handle (links van het blok). Je kunt ook de Navigator in de sidebar gebruiken om blokken te herschikken.
Blokken verwijderen
Selecteer een blok en klik op het Verwijderen icoon in de blok toolbar, of druk op Delete op je toetsenbord.
Split view
De builder biedt een split view modus waarin je links het canvas bewerkt en rechts een live preview ziet. Activeer dit via de Split view knop in de toolbar. Je kunt de verdeling tussen editor en preview aanpassen door het scheidingslijn te slepen.
Preview
Klik op Preview in de toolbar om je offerte te bekijken zoals de klant deze ziet. De preview toont de offerte op desktop en mobiel formaat.
Opslaan
De builder slaat automatisch op bij bepaalde acties. Je kunt ook handmatig opslaan met de Opslaan knop of met Ctrl+S (of Cmd+S op Mac).
Let op
Sluit de browser niet af zonder op te slaan. Niet-opgeslagen wijzigingen gaan verloren.
Gerelateerde artikelen
- Content blokken - alle content blokken uitgelegd
- Layout blokken - secties, kolommen en grids
- Business blokken - prijsregels, handtekening en totalen
- Thema en huisstijl - kleuren, fonts en branding aanpassen