Template-editor (offerte-PDF)
De template-editor bepaalt hoe de offerte-PDF eruitziet die je klant ontvangt. Je ontwerpt de pagina's zelf — logo, kopteksten, lijnen, kaders en het configuratieblok dat de gekozen opties en prijzen invult. Een template wordt via een inzending aan een configurator gekoppeld; iedere offerte die daaruit komt, wordt met dat ontwerp gegenereerd.
Waar je het vindt
Manager → Design → PDF.
Je ziet een overzicht van alle templates van je bedrijf, elk met een miniatuur van de eerste pagina. Klik op een miniatuur om de editor te openen.
Je hebt hiervoor het recht templates bewerken nodig. Zie Aan de slag met Manager.
Templates beheren
| Actie | Waar | Wat het doet |
|---|---|---|
| Standaard toevoegen | Knop rechtsboven | Maakt een template met één lege pagina en nog geen stijlen. |
| Leeg toevoegen | Knop rechtsboven | Maakt een template met één tekstlaag en een basisset stijlen (1 box, 1 lijn, 2 tekststijlen) — een handiger startpunt. |
| Dupliceren | Kopieer-icoon bij een template | Maakt een kopie met dezelfde pagina's en stijlen, met Copy achter de naam. |
| Hernoemen | Potlood-icoon | Wijzigt de naam waaronder de template in inzendingen wordt getoond. |
| Verwijderen | Prullenbak-icoon | Verwijdert de template definitief, na bevestiging. |
Geef een nieuwe template meteen een herkenbare naam — je kiest 'm later terug uit een lijst bij het instellen van een inzending.
De editor in het kort
Bovenaan staat een lint met Terug naar templates, ongedaan maken / opnieuw en de tabbladen Start, Pagina, Stijlen en Sjabloon. Rechts in het lint wissel je naar een andere template, kies je de taal die je bewerkt (alleen als je bedrijf meer dan één taal heeft) en staat Opslaan.
Onder het lint bestaat de editor uit drie kolommen:
| Kolom | Inhoud |
|---|---|
| Links | Pagina's (miniaturen van alle pagina's) en daaronder Objecten op deze pagina (alle objecten op de geselecteerde pagina). De scheiding tussen beide is versleepbaar. |
| Midden | Het canvas: een A4-pagina op ware grootte met linialen in millimeter langs de boven- en linkerrand. |
| Rechts | De eigenschappen van je selectie, met knoppen om die te dupliceren, te vergrendelen of te verwijderen. Zonder selectie staat er Niks geselecteerd. |
Het canvas is geen benadering: het is de echte PDF, live opnieuw gerenderd na elke wijziging. Wat je ziet, is wat de klant krijgt.
De statusbalk onderaan toont op welke pagina je zit, hoeveel objecten erop staan en de zoom (50 tot 200%). Zoomen kan ook met Cmd/Ctrl + scrollwiel.
Pagina's
Klik een pagina aan om 'm op het canvas te openen. Sleep een miniatuur om de volgorde van de pagina's te wijzigen. Onder de miniaturenlijst staat de knop Nieuwe pagina; het tabblad Pagina in het lint heeft dezelfde acties:
| Knop | Wat het doet |
|---|---|
| Nieuwe pagina | Voegt een nieuwe pagina toe met één tekstobject. |
| Pagina dupliceren | Voegt een identieke pagina in, direct naast de huidige pagina. |
| Pagina verwijderen | Verwijdert de huidige pagina. De laatste pagina kan niet worden verwijderd. |
Een template kan maximaal 50 pagina's bevatten. Zit je aan die grens, dan zijn Nieuwe pagina en Pagina dupliceren niet meer beschikbaar.
Objecten toevoegen
Het gereedschap staat op het tabblad Start van het lint. Kies een gereedschap en plaats het object op de pagina.
| Gereedschap | Sneltoets | Hoe je het plaatst |
|---|---|---|
| Selecteren | V | De pijl: klikken om te selecteren, slepen om te verplaatsen. |
| Tekst | T | Sleep het tekstkader open op het canvas. |
| Vlak | B | Sleep het kader open op het canvas. |
| Lijn | L | Sleep van het begin- naar het eindpunt. |
| Afbeelding | I | Wordt meteen geplaatst; standaard gevuld met je bedrijfslogo. |
| Configuratieregel | — | Plaatst het configuratieblok met regels en prijzen (zie Het configuratieblok). Een pagina kan één configuratieblok bevatten. |
Tekst, vlak en lijn blijven na het plaatsen actief, zodat je er meerdere achter elkaar kunt tekenen. Met Escape (of V) verlaat je een actief gereedschap zonder iets te plaatsen.
Selecteren, verplaatsen en uitlijnen
- Klik selecteert een object; slepen verplaatst het. Aan de hoeken en randen van de selectie zitten greepjes om te schalen; bij een lijn sleep je de begin- en eindpunten los van elkaar.
- Dubbelklik op een tekst om 'm direct op het canvas te typen, zonder omweg via het zijpaneel.
- Sleep een kader over een leeg stuk canvas om alles te selecteren wat je aanraakt. Shift-klik voegt een object toe aan de selectie of haalt het eruit.
- Bij een meervoudige selectie verplaats je alles tegelijk; het eigenschappenpaneel toont dan een gedeelde X/Y en knoppen onder Uitlijnen: links, horizontaal gecentreerd of rechts uitlijnen, boven, verticaal gecentreerd of onder uitlijnen, en horizontaal of verticaal verdelen.
- Pijltjestoetsen verschuiven de selectie: 10 mm per druk met Uitlijnen aan, 1 mm met Uitlijnen uit.
- Uitlijnen (op het tabblad Sjabloon) legt posities en formaten op een raster van 10 mm. Standaard staat het uit.
- Backspace of Delete verwijdert de selectie.
- Met
Cmd/Ctrl+CenCmd/Ctrl+Vkopieer en plak je een object, iets verschoven. Je kunt het ook op een andere pagina of in een andere template plakken.
Boven een geselecteerd object verschijnt een zwevende balk met de handelingen die je het vaakst nodig hebt: vergrendelen, dupliceren, verwijderen (klik twee keer om te bevestigen), van stijl wisselen en — bij afbeeldingen — de bron wisselen.
Lagen en stapelvolgorde
De lijst Objecten op deze pagina toont de objecten van de huidige pagina, met de bovenste laag bovenaan. Sleep een rij om de stapelvolgorde te wijzigen. Het hangslot-icoon vergrendelt een object: het is dan op het canvas niet meer aan te klikken, te verslepen of te verschuiven, zodat je het niet per ongeluk verplaatst. Een vergrendeld object selecteer je door het in de lijst aan te klikken.
Eigenschappenpaneel
Wat je hier ziet, hangt af van het geselecteerde object.
Formaat & positie
Breedte, Hoogte en de positie X/Y in millimeter, gemeten vanaf de linkerbovenhoek van de pagina. Een lijn heeft in plaats daarvan een startpunt en een eindpunt. Alle waarden zijn ook met de hand in te vullen — handig om objecten exact gelijk te krijgen.
Inhoud (tekst)
Tekstlagen hebben een inhoudsveld waarin je zowel vaste tekst als variabelen kunt zetten. Een variabele wordt bij het genereren van de PDF vervangen door de echte waarde. Je kiest ze uit de lijst in het veld; welke beschikbaar zijn, hangt af van waar de tekst staat.
Overal beschikbaar:
| Groep | Variabelen |
|---|---|
| company | naam, adres (straat, postcode, plaats, land, toevoeging), telefoon, e-mail, btw-nummer, IBAN, KvK-nummer, BIC, logo-URL |
| customer | volledige naam, voornaam, achternaam, adres, telefoon, e-mail |
| quotation | offertenummer, offertedatum, totaalprijs, totaal excl. btw, btw-bedrag, kortingstitel, kortingscode, kortingswaarde, kortingsbedrag, productnaam, taal, afbeeldings-URL |
Alleen binnen een configuratieblok:
| Groep | Variabelen | Waar |
|---|---|---|
| product | productnaam, offerte-informatie, omschrijving | Alle zones behalve top en bottom |
| configuration | totaalprijs van deze configuratie | Alle zones behalve top en bottom |
| step | naam, nummer | De zones feature > top, feature, subfeature en feature > bottom |
| feature | naam, waarde, prijs, prijs zonder valuta, informatie, formulierinformatie, subopties, optienummer, stapnummer | De zones feature > top, feature, subfeature en feature > bottom |
| subfeature | naam, informatie, prijs, prijs zonder valuta | De zones feature > top, feature, subfeature en feature > bottom |
De zones top en bottom van het blok hebben alleen de algemene variabelen.
Een nieuw tekstobject begint met de tekst Your text here.... In de preview zie je op die plek vulzin-tekst zodat je ziet waar de tekst ligt, maar in de echte PDF wordt die tekst letterlijk afgedrukt. Vervang 'm dus altijd.
Afbeeldingen
Een afbeeldingslaag heeft drie snelknoppen: Logo (het logo uit je bedrijfsinstellingen), Afbeelding kiezen (een bestand kiezen of uploaden naar je bedrijfsopslag) en Configuratie (de productafbeelding uit de offerte zelf). De knop Standaard formaat in de zwevende balk zet de afbeelding terug naar haar eigen beeldverhouding.
Stijlen
Kleur, lettertype en lijndikte staan niet op het object zelf, maar in stijlen die de hele template deelt. Elk object verwijst naar een stijl uit het palet van zijn soort: Box, Lijn of Tekst. Pas je een stijl aan, dan verandert alles wat die stijl gebruikt — zo houd je een document van tien pagina's in één handeling consistent.
In het eigenschappenpaneel kies je de stijl van het geselecteerde object en pas je de instellingen ervan direct aan. Het tabblad Stijlen in het lint toont alle stijlen per soort als stalen; tekststijlen verschijnen daar zodra ze in gebruik of geselecteerd zijn.
| Soort | Wat je instelt |
|---|---|
| Box | Achtergrondkleur, randkleur, randdikte, randradius |
| Lijn | Kleur, dikte, en stijl (doorgetrokken, gestreept, gestippeld, dubbel) |
| Tekst | Kleur, lettergrootte, lettertype, uitlijning, vet/cursief/onderstreept, regelhoogte, letterafstand |
Voor kleuren kies je wit, zwart, je merkkleuren of een basiskleur, stel je een eigen kleur in of kies je een kleur van het scherm.
Stijlen zijn genummerd (#1, #2 …). Op het tabblad Stijlen maak je met + naast een soort maak je een nieuwe stijl; met het kopieer-icoon dupliceer je de geselecteerde stijl — het geselecteerde object schakelt dan meteen over op die kopie, zodat je vrij kunt aanpassen zonder de rest te raken. Bij het verwijderen van een stijl vraagt de editor altijd om bevestiging; objecten die de stijl nog gebruiken, vallen terug op stijl #1. Plaats je een configuratieblok, dan voegt dat zijn eigen stijlen aan het palet toe.
Het configuratieblok
Het configuratieblok is het enige object dat meegroeit met de inhoud van de offerte: het herhaalt zichzelf per stap, per feature en per subfeature. Selecteer het en de lijst Objecten op deze pagina klapt open in acht zones. Elke zone heeft een eigen + om er tekst, een box, een lijn of een afbeelding in te zetten.
| Zone | Hoe vaak | Waarvoor je het gebruikt |
|---|---|---|
| top | Eenmaal per configuratie | Kop boven het blok |
| configuration > top | Eenmaal per configuratie | Productnaam en productafbeelding |
| feature > top | Per stap | De stapnaam als tussenkop |
| feature | Per gekozen optie | De regel zelf: naam, waarde, prijs |
| subfeature | Per subfeature | Onderliggende keuzes bij een optie |
| feature > bottom | Per stap | Afsluitende regel of witruimte onder een stap |
| configuration > bottom | Eenmaal per configuratie | Subtotaal, korting, btw en totaal |
| bottom | Eenmaal per configuratie | Voetnoot onder het hele blok |
Een paar dingen om te weten:
- Kinderen binnen het blok worden in procenten van de blokbreedte geplaatst, niet in millimeter. Zo blijft de opmaak kloppen als je het blok breder of smaller maakt. De editor toont dat bij het X- en breedteveld met een
%. - De hoogte van het blok bepaalt wanneer er naar een volgende pagina wordt doorgebroken. Past een regel niet meer, dan begint de PDF automatisch een nieuwe pagina met dezelfde opmaak.
- Bevat een offerte meerdere configuraties, dan begint elke volgende configuratie op een nieuwe pagina.
- Een pagina bevat maximaal één configuratieblok, en het blok zelf kan niet worden gedupliceerd.
- Sla (sub)features zonder info over onder Configuratie-instellingen laat regels weg waarvan de informatie leeg is. Gebruik het wanneer het blok de informatie-variabelen toont als toelichtingsbijlage in plaats van als prijslijst.
De preview: welke data zie je?
De editor vult je template met echte gegevens, zodat je ziet hoe je opmaak zich houdt bij realistische tekstlengtes:
- Is de template aan een inzending gekoppeld, dan pakt de preview de meest recente offerte van een product dat die inzending gebruikt.
- Is er nog geen offerte, of is de template nog niet aan een inzending gekoppeld, dan gebruikt de preview een voorbeeldofferte, zodat alle variabelen toch gevuld zijn.
De previewgegevens volgen de taal die je bewerkt. De preview verandert niets aan de echte offerte — het is puur een weergave.
Talen
Werkt je bedrijf met meer dan één taal, dan kies je rechtsboven bij Taal om te bewerken welke taal je wilt bewerken. De eerste keer dat je een taal kiest, maakt de editor daarvoor een aparte kopie van de opmaak, die je los kunt aanpassen en vertalen. Offertes in die taal worden met die versie gegenereerd.
Opslaan
Klik op Opslaan of druk op Cmd/Ctrl + S. De knop bevestigt kort met Opgeslagen en een vinkje. Er wordt niet automatisch opgeslagen, dus sla op voordat je de editor verlaat.
Ongedaan maken onthoudt de laatste 30 stappen. Opslaan is meteen het nieuwe nulpunt van je geschiedenis: ongedaan maken gaat daarna niet verder terug dan de opgeslagen versie. Wijzigingen gelden vanaf dat moment voor elke nieuwe offerte die met deze template wordt gegenereerd; eerder gegenereerde PDF's blijven zoals ze waren.
Sneltoetsen
| Toets | Actie |
|---|---|
V / T / B / L / I | Pijl / tekst / vlak / lijn / afbeelding |
Escape | Gereedschap verlaten of meervoudige selectie opheffen |
Backspace / Delete | Selectie verwijderen |
| Pijltjestoetsen | Verplaatsen met 10 mm (Uitlijnen aan) of 1 mm (uit) |
Cmd/Ctrl + Z | Ongedaan maken |
Cmd/Ctrl + Shift + Z of Cmd/Ctrl + Y | Opnieuw |
Cmd/Ctrl + C / V | Object kopiëren / plakken |
Cmd/Ctrl + S | Opslaan |
Cmd/Ctrl + scrollwiel | In- of uitzoomen |
| Dubbelklik | Tekst op het canvas bewerken |
| Shift-klik | Object aan de selectie toevoegen of eruit halen |
Tips
- Werk met stijlen, niet met losse opmaak. Twee tekststijlen (regel en totaal) en één lijnstijl dekken de meeste offertes, en één aanpassing werkt overal door.
- Zet vaste elementen vast. Vergrendel het logo en de voettekst zodra ze goed staan; dan verschuif je ze niet per ongeluk tijdens het schuiven met het configuratieblok.
- Test met een lange offerte. Kies een preview met veel opties en controleer of de paginabreuk in het configuratieblok op een logische plek valt.
- Houd rekening met de marges van de printer. Leg niets essentieels binnen 10 mm van de paginarand.
Verder lezen
- Inzendingen & uitvoer — de template aan een configurator koppelen
- Offerte-pipeline — de offertes die met deze template worden gegenereerd
- Bedrijfsinstellingen — de bedrijfsgegevens die op de offerte worden afgedrukt
- UI-editor (configuratorontwerp) — het ontwerp van de configurator zelf