2. Tab "Style" – Ontwerpen van de bonlayout
In het tabblad "Style" bouw je de layout op met verschillende elementen.
Alle elementen kunnen via drag and drop naar de gewenste positie worden geplaatst.
Elementen in het Style-gedeelte
Text Row (Tekstrij)
Een Text Row is een element waarmee je meerdere tekstvelden naast elkaar in één enkele regel kunt plaatsen. Het is ideaal voor tabel- of kolomgebaseerde weergaven op de bon, bijvoorbeeld artikelnaam – aantal – prijs.
Binnen een Text Row kun je zoveel tekstvelden toevoegen als nodig, elk met eigen inhoud:
- statische tekst (bijv. "Aantal")
- dynamische waarden via Object + Veld (bijv. order_number, article_name, article_price)
De breedte van de tekstvelden past zich automatisch aan, zodat alle inhoud netjes in één regel wordt weergegeven. Elke Text Row kan worden opgemaakt en – indien nodig – alleen onder bepaalde voorwaarden worden afgedrukt.
Typische gebruikssituaties:
- tabelmatige artikelregels
- gecombineerde layouts in één regel
- waarden die logisch bij elkaar horen en naast elkaar moeten worden afgedrukt
Tekstveld
Een Tekstveld is een enkel tekstelement dat je vrij in de layout kunt plaatsen.
Het is geschikt voor eenvoudige tekstcomponenten die op zichzelf in een regel moeten staan – bijvoorbeeld koppen, opmerkingen, totalen of individuele waarden.
Een Tekstveld kan bevatten:
- statische tekst (bijv. "Dank voor je bestelling")
- dynamische gegevens uit een Object + Veld (bijv. bestelnummer, datum, klant)
Tekstvelden kunnen worden aangepast in lettergrootte, uitlijning en voorwaarden, en vormen de basis voor alle eenvoudige tekstuitvoer die niet in tabelvorm hoeft te worden weergegeven.
Typische gebruikssituaties:
- koppen ("Artikelen", "Betaling")
- individuele waarden zoals totaalbedrag of bestelkanaal
- opmerkingen en voetteksten
Barcode
Plaats een barcode op de bon, bijvoorbeeld voor factuurnummers of order-ID’s.
Je kiest het type barcode, de breedte/hoogte en welk veld uit de bestelling als code gebruikt moet worden.
Typisch voor afhaalcodes, factuurnummers of interne procesnummers.
Code 128 is een barcode die drie afzonderlijke tekenreeksen uit de ASCII-tekenset kan coderen.
- Code 128 A codeert hoofdletters, cijfers, controlekarakters en speciale tekens.
- Code 128 B bevat hoofd- en kleine letters, cijfers, controlekarakters en speciale tekens.
QR-code
Voegt een QR-code toe, bijvoorbeeld voor website-links, tracking-URL’s of navigatielinks voor chauffeurs. Je kunt grootte, foutencorrectieniveau en gegevensbron (object/veld) vrij configureren.
Foutencorrectieniveau (QR-code)
Het foutencorrectieniveau bepaalt hoe robuust een QR-code is tegen beschadigingen of slechte printkwaliteit.
Hoe hoger het niveau, hoe meer ontbrekend of bedekt mag zijn – maar hoe groter en dichter de QR-code wordt.
De niveaus:
- L (Low) – laagste foutencorrectie, kleinste QR-code
- Geschikt voor schone, duidelijke afdrukken.
- M (Medium) – standaardniveau
- Goede balans tussen grootte en stabiliteit.
- Q (Quartile) – hogere foutencorrectie
- QR-code blijft leesbaar, zelfs bij gedeeltelijke beschadiging.
- H (High) – hoogste foutencorrectie
- Kan het meest bedekt of vervuild zijn, maar wordt het grootst.
Kortom:
- Hoger niveau = robuuster, maar ook groter
- Lager niveau = kleiner, maar gevoeliger
Scheidingsteken
Het scheidingsteken wordt gebruikt om secties van de bon duidelijk van elkaar te scheiden. Het bestaat uit een vrij definieerbaar teken of een tekenreeks, die automatisch over de volledige breedte van de bon wordt herhaald.
1. Wat het scheidingsteken kan doen
Je kunt één of meerdere tekens invoeren; de editor herhaalt dit teken automatisch totdat de regel volledig is gevuld.
2. Aantal herhalingen (regels) instellen
Je kunt bepalen hoeveel regels van het scheidingsteken moeten worden afgedrukt.
Voorbeelden:
1 regel:
-+-+-+-+-+-+-+-+-+
2 regels:
------------------
------------------
3 regels, bijv. met *:
******************
******************
******************
3. Voorwaarden mogelijk ("Alleen afdrukken als …")
Net als bij alle Style-elementen kun je instellen dat het scheidingsteken alleen wordt afgedrukt als een object, tabel of bepaald veld aanwezig is.
Zo kun je het scheidingsteken bijvoorbeeld alleen afdrukken als er überhaupt artikelen zijn of als bepaalde extra secties moeten verschijnen.
Cut (Snijden)
Voegt een bon-snit toe.
Voegt een snijcommando voor de printer in. Op dit punt wordt het papier van de bonprinter gescheiden (bijv. tussen het klantgedeelte en een Google Maps QR-code voor de chauffeur).
Afbeelding
Maakt het mogelijk een logo of afbeelding in te voegen.
De maximale breedte is afhankelijk van de ingestelde papierbreedte.
Maximale afbeeldingsbreedte:
- 80 mm papier: max. 76 mm (538 px bij 180 dpi / 607 px bij 203 dpi)
- 58 mm papier: max. 54 mm (382 px bij 180 dpi / 431 px bij 203 dpi)
3. Werken met gegevens – duidelijk uitgelegd
Om bestelgegevens in de layout te kunnen opnemen, gebruikt de editor een duidelijke structuur:
Objecten: Een object groepeert thematisch bij elkaar behorende gegevens, bijvoorbeeld bestelling, klant of artikelpositie.
Velden: Individuele waarden binnen een object, bijvoorbeeld:
- bestelnummer
- datum
- klantnaam
Tabellen: Lijsten die meerdere items bevatten, bijvoorbeeld:
- alle artikelen van een bestelling
- alle toppings
- alle kortingen
Tabellen herhalen automatisch het betreffende element voor elk item.
Deze datastructuur maakt dynamische, flexibel gegenereerde bonnen mogelijk.
4. "Alleen afdrukken als …" – Element-specifieke weergave
Elk element in het Style-gedeelte kan optioneel alleen onder bepaalde voorwaarden worden afgedrukt.
Zo werkt het:
- Vink het vakje "Alleen afdrukken als …" aan.
- Selecteer een object of tabel dat aanwezig moet zijn.
Het element wordt alleen afgedrukt als deze gegevens bestaan.
- Optioneel kun je ook een veld selecteren dat een waarde moet bevatten.
Voorbeelden van voorwaarden:
- Een notitieveld, bijvoorbeeld “Deurbord”, wordt alleen afgedrukt als er een deurbord is opgegeven.
- Een sectie met bedrijfsinformatie verschijnt alleen bij zakelijke klanten.
- Extra informatie voor bezorgbestellingen verschijnt alleen als de bestelling een afleveradres bevat.
Voordeel:
Je kunt een universeel sjabloon maken dat automatisch bepaalt welke secties moeten worden afgedrukt – afhankelijk van welke informatie aanwezig is in de bestelling.
5. Opslaan & Publiceren
Opslaan: Wanneer je een nieuw sjabloon maakt of een bestaand sjabloon bewerkt, wordt het eerst alleen lokaal op je computer of tablet opgeslagen.
Publiceren: Om een afdruksjabloon te kunnen publiceren (dus activeren voor één winkel of alle winkels), heeft een gebruiker de rol nodig: Afdruksjabloonbeheerder (POS-app).
Beheerders hebben deze rechten standaard en hoeven niets extra toegewezen te krijgen.
Medewerkers zonder beheerdersrechten moeten handmatig deze rol toegewezen krijgen.
Rol toewijzen:
In het administratiegedeelte onder Admin: Personeelsbeheer > Medewerker > Bewerken > Wachtwoord en authenticatie openen > Toewijzen onder Gebruikersgroepen > Vink aan: Afdruksjabloonbeheerder (POS-app) > Wijzigingen opslaan.
Na het opslaan van een afdruksjabloon in de Restaurant POS-app, verandert de knop in "Publiceren".
Bij het publiceren kies je:
- Deze winkel → sjabloon geldt alleen in deze winkel.
- Alle winkels → sjabloon wordt winkeloverschrijdend gebruikt.
Het layout wordt pas actief in de live-omgeving nadat het is gepubliceerd.
Overzicht van veldwaarden en hun betekenis