Skip to content

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 ​

ActieWaarWat het doet
Standaard toevoegenKnop rechtsbovenMaakt een template met één lege pagina en nog geen stijlen.
Leeg toevoegenKnop rechtsbovenMaakt een template met één tekstlaag en een basisset stijlen (1 box, 1 lijn, 2 tekststijlen) — een handiger startpunt.
DuplicerenKopieer-icoon bij een templateMaakt een kopie met dezelfde pagina's en stijlen, met Copy achter de naam.
HernoemenPotlood-icoonWijzigt de naam waaronder de template in inzendingen wordt getoond.
VerwijderenPrullenbak-icoonVerwijdert 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:

KolomInhoud
LinksPagina's (miniaturen van alle pagina's) en daaronder Objecten op deze pagina (alle objecten op de geselecteerde pagina). De scheiding tussen beide is versleepbaar.
MiddenHet canvas: een A4-pagina op ware grootte met linialen in millimeter langs de boven- en linkerrand.
RechtsDe 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:

KnopWat het doet
Nieuwe paginaVoegt een nieuwe pagina toe met één tekstobject.
Pagina duplicerenVoegt een identieke pagina in, direct naast de huidige pagina.
Pagina verwijderenVerwijdert 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.

GereedschapSneltoetsHoe je het plaatst
SelecterenVDe pijl: klikken om te selecteren, slepen om te verplaatsen.
TekstTSleep het tekstkader open op het canvas.
VlakBSleep het kader open op het canvas.
LijnLSleep van het begin- naar het eindpunt.
AfbeeldingIWordt 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 + C en Cmd/Ctrl + V kopieer 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:

GroepVariabelen
companynaam, adres (straat, postcode, plaats, land, toevoeging), telefoon, e-mail, btw-nummer, IBAN, KvK-nummer, BIC, logo-URL
customervolledige naam, voornaam, achternaam, adres, telefoon, e-mail
quotationoffertenummer, offertedatum, totaalprijs, totaal excl. btw, btw-bedrag, kortingstitel, kortingscode, kortingswaarde, kortingsbedrag, productnaam, taal, afbeeldings-URL

Alleen binnen een configuratieblok:

GroepVariabelenWaar
productproductnaam, offerte-informatie, omschrijvingAlle zones behalve top en bottom
configurationtotaalprijs van deze configuratieAlle zones behalve top en bottom
stepnaam, nummerDe zones feature > top, feature, subfeature en feature > bottom
featurenaam, waarde, prijs, prijs zonder valuta, informatie, formulierinformatie, subopties, optienummer, stapnummerDe zones feature > top, feature, subfeature en feature > bottom
subfeaturenaam, informatie, prijs, prijs zonder valutaDe 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.

SoortWat je instelt
BoxAchtergrondkleur, randkleur, randdikte, randradius
LijnKleur, dikte, en stijl (doorgetrokken, gestreept, gestippeld, dubbel)
TekstKleur, 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.

ZoneHoe vaakWaarvoor je het gebruikt
topEenmaal per configuratieKop boven het blok
configuration > topEenmaal per configuratieProductnaam en productafbeelding
feature > topPer stapDe stapnaam als tussenkop
featurePer gekozen optieDe regel zelf: naam, waarde, prijs
subfeaturePer subfeatureOnderliggende keuzes bij een optie
feature > bottomPer stapAfsluitende regel of witruimte onder een stap
configuration > bottomEenmaal per configuratieSubtotaal, korting, btw en totaal
bottomEenmaal per configuratieVoetnoot 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:

  1. Is de template aan een inzending gekoppeld, dan pakt de preview de meest recente offerte van een product dat die inzending gebruikt.
  2. 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 ​

ToetsActie
V / T / B / L / IPijl / tekst / vlak / lijn / afbeelding
EscapeGereedschap verlaten of meervoudige selectie opheffen
Backspace / DeleteSelectie verwijderen
PijltjestoetsenVerplaatsen met 10 mm (Uitlijnen aan) of 1 mm (uit)
Cmd/Ctrl + ZOngedaan maken
Cmd/Ctrl + Shift + Z of Cmd/Ctrl + YOpnieuw
Cmd/Ctrl + C / VObject kopiëren / plakken
Cmd/Ctrl + SOpslaan
Cmd/Ctrl + scrollwielIn- of uitzoomen
DubbelklikTekst op het canvas bewerken
Shift-klikObject 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 ​