Uw bon aanpassen
Als u wilt wijzigen hoe uw bon eruitziet, hebt u drie opties. Kies de eenvoudigste optie die doet wat u nodig hebt; de meeste winkels hoeven niet verder te kijken dan de eerste.
Drie manieren om aan te passen
1. Kies een andere template
Gebruik een van de kant-en-klare templates in de galerij. Helemaal geen code. Geschikt voor: een andere lay-out, prijzen verbergen, een A4-factuur of een keukenticket.
2. Vraag AI om aanpassingen
Plak de template in ChatGPT of Claude en beschrijf wat u wilt. Geen programmeerkennis nodig: u beschrijft het in gewone taal. Geschikt voor: kleine aanpassingen zoals tekst, kleuren of het verplaatsen van onderdelen.
3. Bewerk hem handmatig
Met de editor in de app kunt u de template direct aanpassen. Geschikt voor: nauwkeurige controle, of als u al HTML kent.
Alle drie beginnen op dezelfde plek: WP Admin → POS → Templates. De pagina heeft twee delen: Uw templates bovenaan (de templates die u nu gebruikt) en daaronder de Templategalerij (de startbibliotheek).
Optie 1 — Kies een andere template
Dit is de eenvoudigste route en dekt de meeste behoeften.
Open de templategalerij
Ga in WP Admin naar POS → Templates. Scroll voorbij Uw templates naar de sectie Templategalerij; dat is de startbibliotheek.
Blader en bekijk voorbeelden
Filter op categorie (Bon, Factuur, Cadeaubon, Keukenticket, Offerte / Inkooporder), formaat (HTML voor afdrukken via de browser, ESC/POS voor thermische printers) of richting (Van links naar rechts of van rechts naar links). Klik op de miniatuur van een kaart, of op de link Voorbeeld in de voettekst, om een live voorbeeld met echte winkelgegevens te openen.
Gebruik de template
Klik op Template gebruiken op de kaart. WCPOS maakt een bewerkbare kopie en voegt die bovenaan de pagina toe aan Uw templates. Zet de schakelaar Actief in de rij aan om de template voor bonnen te gebruiken; sleep de greep van de rij om de volgorde te wijzigen. U kunt meerdere templates tegelijk actief hebben; de kassamedewerker kiest bij de kassa.
Als u op Template gebruiken klikt, wordt altijd een nieuwe kopie gemaakt. De originele galerijtemplate blijft onaangetast, zodat u later altijd een ander startpunt kunt kiezen. Als meerdere bontemplates actief zijn, toont het bonscherm een keuzelijst waarmee de kassamedewerker direct kan wisselen.
De meegeleverde templates
| Template | Formaat | Waarvoor deze bedoeld is |
|---|---|---|
| Standaardbon | HTML | Standaard: logo, artikelen, totalen en betaling. Geschikt voor de meeste winkels |
| Standaardbon (RTL) | HTML | Hetzelfde als Standaard, gespiegeld voor Arabisch / Hebreeuws / Perzisch / Urdu |
| Minimaal / Modern | HTML | Dezelfde informatie als Standaard, maar compacter in de hoogte |
| Gedetailleerde bon | HTML | Volledige btw-factuur: SKU-kolom, stukprijs, btw-uitsplitsing per tarief en adressen |
| Cadeaubon | HTML | Alleen artikelen, zonder prijzen. Bevat een cadeaubericht en retourbeleid |
| Factuur | HTML | Factuur op volledige A4/Letter-pagina. Voegt een paneel "Hoe te betalen" toe voor onbetaalde bestellingen |
| Pakbon | HTML | Hulpdocument voor magazijn: artikelen + aantallen, verzendadres, geen prijzen |
| Offerte / Raming | HTML | Voorverkoopdocument met prijzen en voorwaarden, zonder betalingssectie |
| Smalle bon | HTML | Bon met monospace-lettertype voor smal papier of thermische printers die HTML ondersteunen |
| Eenvoudige thermische bon (58 mm) | Thermisch | Strakke thermische lay-out van 58 mm |
| Eenvoudige thermische bon (80 mm) | Thermisch | Strakke thermische lay-out van 80 mm, de meest gebruikte |
| Eenvoudige thermische bon 80 mm (RTL) | Thermisch | RTL-tegenhanger voor 80 mm. Vereist een printer met een Arabische codepagina |
| Gedetailleerde thermische bon (58 mm / 80 mm) | Thermisch | Voegt btw-uitsplitsing, adressen, terugbetalingen, betalingen, voorwaarden en barcode toe |
| Keukenticket | Thermisch | Alleen artikelen, groot lettertype, geen prijzen; voor bereidingsstations |
De meeste meegeleverde templates passen zich automatisch aan de btw-instellingen van uw winkel aan: winkels met prijzen inclusief btw zien brutoprijzen en een regel "Btw inbegrepen"; winkels met prijzen exclusief btw zien nettoprijzen waarbij de btw als aparte regel wordt toegevoegd. De familie Gedetailleerd toont altijd een volledige btw-uitsplitsing, ongeacht de instelling.
Factuur- en pakbontemplates van WP Overnight
Als uw site ook PDF Invoices & Packing Slips for WooCommerce van WP Overnight gebruikt, voegt WCPOS automatisch twee extra templates toe aan Uw templates:
| Template | Formaat | Waarvoor deze bedoeld is |
|---|---|---|
| Factuur (WP Overnight) | Server-gerenderde HTML | Gebruikt het geconfigureerde factuurdocument van WP Overnight voor de POS-bestelling |
| Pakbon (WP Overnight) | Server-gerenderde HTML | Gebruikt het geconfigureerde pakbondocument van WP Overnight voor de POS-bestelling |
Deze templates kopiëren niet de ingebouwde factuur- of pakbonlay-outs van WCPOS. Ze vragen WP Overnight om het document voor de POS-bestelling te renderen, zodat uw bestaande factuurnummers, huisstijl, wettelijke/fiscale velden en template-aanpassingen van WP Overnight consistent blijven tussen online bestellingen en winkelbestellingen.
Ze verschijnen alleen zolang de WP Overnight-plugin actief is. De uitvoer opent als HTML in het afdrukscherm van WCPOS, niet als aparte PDF-download. Omdat het document op de server wordt gerenderd, heeft de POS verbinding met uw site nodig wanneer deze templates worden afgedrukt; gebruik de meegeleverde HTML- of thermische templates voor offline afdrukken.
Toewijzingen per winkel
Als u meer dan een winkel hebt (Pro), kan elke winkel een eigen templateselectie en volgorde hebben, los van de sitebrede standaardinstellingen. Het café om de hoek kan een kleine thermische bon met een ander logo en adres gebruiken; het magazijn kan een pakbon gebruiken; de hoofdwinkel kan de standaardbon behouden, allemaal vanuit dezelfde templategalerij.
Stel dit in via WP Admin → POS → Winkels en open vervolgens de winkel die u wilt configureren. De pagina Winkel bewerken heeft een sectie Bontemplates met een schakelaar "Winkelspecifieke bontemplates":
- Uitgeschakeld (standaard) — de winkel neemt de sitebrede templatelijst over van de hoofdpagina POS → Templates.
- Ingeschakeld — de winkel krijgt een eigen templateselectie en volgorde, los van de sitebrede standaardinstellingen. Opnieuw ordenen met de sleepgreep werkt op dezelfde manier.
Op dezelfde pagina Winkel bewerken staat ook het briefhoofd van elke winkel (logo, adres, contactgegevens en het blok Bonberichten: afsluitende groet, retourbeleid, voettekst). De meegeleverde templates halen gegevens uit deze velden per winkel, zodat een enkele template "Standaardbon" op verschillende locaties een andere huisstijl kan tonen.
Wanneer een kassamedewerker inlogt bij een winkel, verschijnen alleen de actieve templates van die winkel in de bonkeuzelijst.
De pagina Templates in WP Admin stelt de standaard voor de hele site in. De override per winkel bestaat zodat een enkele template (bijvoorbeeld een Standaardbon) op verschillende locaties een andere huisstijl kan tonen, of zodat één locatie een lay-out kan gebruiken die de andere niet nodig hebben. Als al uw winkels dezelfde templates willen, laat u de toewijzingen per winkel leeg en worden de sitebrede standaardinstellingen toegepast.
Optie 2 — Vraag AI om aanpassingen
Als de galerij bijna goed is maar nog niet helemaal, kan een AI-assistent de template binnen enkele minuten voor u aanpassen, zonder dat u HTML hoeft te kennen.
Kopieer de template
Open de template waarmee u wilt beginnen in WP Admin → POS → Templates, klik in de editor en selecteer alle tekst aan de linkerkant (Ctrl/Cmd + A). Kopieer de inhoud.
Beschrijf wat er moet veranderen
Vertel de AI precies wat u nodig hebt. Voorbeelden die goed werken:
- "Maak de winkelnaam groter en centreer die."
- "Voeg onderaan een bedankbericht in cursief toe."
- "Verberg de klantnaam. Voeg het telefoonnummer onder het bestelnummer toe."
- "Wijzig de barcode in een QR-code die naar mijn retourpagina linkt."
- "Voeg onder de winkelnaam de slogan 'Familiebedrijf sinds 1987' toe."
De AI geeft u een aangepaste template terug.
Plak hem terug
Kopieer het antwoord van de AI. Selecteer terug in de WCPOS-template-editor alles (Ctrl/Cmd + A), plak de nieuwe versie en klik op Bijwerken. Het voorbeeld rechts wordt vernieuwd zodat u kunt zien wat er is gebeurd. Als het er niet goed uitziet, vraagt u de AI om het te corrigeren en beschrijft u wat er misging.
Elke klik op Template gebruiken in de galerij maakt een nieuwe bewerkbare kopie, zodat het origineel veilig blijft. Als u experimenteert, kunt u dezelfde galerijtemplate meerdere keren gebruiken; hernoem uw kopieën (Bon v1, Bon v2) en wissel ertussen terwijl u beslist.
Onderdelen zoals {{store.name}} en {{order.number}} zijn placeholders voor uw echte gegevens. De AI begrijpt deze; u hoeft dat niet te doen. Als u alle beschikbare placeholders wilt kennen, bekijk dan de Referentie voor bongegevens.
Optie 3 — Handmatig bewerken
Als u een beetje HTML kent (of met een ontwikkelaar werkt), kunt u de template rechtstreeks bewerken in de editor van de app. De editor heeft live voorbeeld, syntaxismarkering, een doorzoekbare veldkiezer, ongedaan maken/opnieuw uitvoeren en zoeken-en-vervangen.
Kies uw engine:
- HTML-templates — Mustache-achtige placeholders
{{variable}}. Worden client-side gerenderd en werken offline. Aanbevolen voor de meeste winkels. - Thermische templates — XML voor ESC/POS-thermische printers. Dezelfde template levert zowel het voorbeeld op het scherm als de printeruitvoer.
- Referentie voor bongegevens — Elke placeholder die u kunt gebruiken, gegroepeerd per sectie.
Als u de bon vroeger overschreef met een PHP-bestand in uw thema (yourtheme/woocommerce-pos/receipt.php), werkt dat nog steeds. Het heet nu Verouderde PHP-template in de galerij en staat naast de nieuwe logica-loze en thermische engines. De WP Overnight-integratie gebruikt ook het server-gerenderde pad, omdat de document-API van de derde partij HTML op de server rendert. Nieuwe aanpassingen kunt u beter via de galerij of de editor in de app maken; die werken offline, tonen live voorbeelden en hebben geen serverronde nodig.
Veelvoorkomende aanpassingen
Korte antwoorden op de vragen die we het vaakst krijgen.
Hoe voeg ik mijn winkellogo toe?
Logo's komen uit uw winkelinstellingen, niet uit de template zelf. Ga naar WP Admin → POS → Instellingen → Winkels, bewerk uw winkel en upload daar een logo. Elke meegeleverde template die een logo toont, gebruikt dit automatisch.
Als u wilt wijzigen waar het logo in de template verschijnt, bewerkt u de template en verplaatst u het blok {{#store.logo}}<img src="{{store.logo}}" ...>{{/store.logo}} naar de gewenste plek.
Hoe wijzig ik de voettekst (bijv. 'Bedankt voor uw aankoop!')?
Twee opties:
- Het eenvoudigst — stel dit één keer in voor elke bon via WP Admin → POS → Instellingen → Winkels → Winkelgegevens → Bonvoettekst / persoonlijke notitie. Meegeleverde templates nemen dit automatisch over; als er geen voettekst is ingesteld, vallen ze terug op een vriendelijke standaardtekst zoals "Bedankt voor uw aankoop!".
- In één template — bewerk de template en vervang de voettekst rechtstreeks. Zoek naar
{{store.personal_notes}}of naar de letterlijke bedankregel.
Hoe voeg ik een tagline of slogan onder de winkelnaam toe?
Bewerk de template en voeg een regel toe onder {{store.name}}:
<div style="font-style: italic; color: #6b7280;">Family-owned since 1987</div>
In een thermische template:
<align mode="center"><text>Family-owned since 1987</text></align>
Hoe verberg ik prijzen (voor een cadeaubon)?
Klik op Template gebruiken op de kaart Cadeaubon in de galerij. Deze verbergt elke prijs en elk totaal, maar toont nog steeds artikelen, SKU, kenmerken en het cadeaubericht. Bewerken is niet nodig.
Als u liever zelf een bon zonder prijzen maakt, kopieert u een willekeurige template en verwijdert u de blokken {{...total...}}, {{...price...}} en {{#totals}}...{{/totals}}.
Hoe wijzig ik de barcode in een QR-code?
Zoek het element <barcode> in uw template en wijzig het attribuut type :
<!-- Default: Code 128 barcode of the order number -->
<barcode type="code128">{{order.number}}</barcode>
<!-- Switch to a QR code -->
<barcode type="qrcode">{{order.number}}</barcode>
<!-- Or encode something else, like a returns URL -->
<barcode type="qrcode">https://example.com/returns?order={{order.number}}</barcode>
Dezelfde syntaxis voor <barcode> werkt in zowel HTML- als thermische templates. Andere ondersteunde typen zijn onder meer ean13, ean8, upca, pdf417 en alles wat bwip-js ondersteunt.
Hoe stuur ik een andere template naar een specifieke printer?
Ga in de POS-app naar Instellingen → Afdrukroutering. U ziet elke actieve template met daarnaast een printerkeuzelijst. Kies de gewenste printer of laat de instelling op Automatisch staan.
- Automatisch koppelt templates automatisch aan printers: thermische templates gaan naar thermische printers, HTML-templates gaan naar het systeemvenster voor afdrukken.
- Een specifieke printer overschrijft Automatisch en stuurt die template altijd naar die printer.
- Tijdens het afdrukken kan de kassamedewerker beide opties overschrijven met de printerkeuzelijst op het bonscherm.
Routering wordt per apparaat opgeslagen, zodat elke iPad of computer een eigen configuratie kan hebben.
Mijn bon toont na het bewerken nog steeds de oude versie
Klik op de WordPress-knop Bijwerken op het bewerkscherm van de template. De editor slaat niet automatisch op; uw wijzigingen blijven pas bewaard wanneer u op Bijwerken klikt.
Voor Verouderde PHP-templates toont het voorbeeld in de editor de laatst opgeslagen versie, niet wat u typt. Sla eerst op en vernieuw daarna het voorbeeld.
Het voorbeeld is leeg of toont 'Geen POS-bestellingen gevonden'
Dit gebeurt alleen met Verouderde PHP-templates, die een echte bestelling nodig hebben om een voorbeeld te tonen. Verwerk één POS-bestelling, zelfs een testverkoop van $0, en het voorbeeld begint te werken.
Logica-loze (HTML) en thermische templates hebben altijd voorbeeldgegevens om op terug te vallen, dus die tonen ook in een volledig nieuwe winkel gewoon een voorbeeld.
Ik heb er een rommeltje van gemaakt: hoe begin ik opnieuw?
Drie vangnetten:
- De editor heeft Ongedaan maken (Ctrl/Cmd + Z) voor wijzigingen binnen de sessie.
- Elke opslag maakt een WordPress-revisie; open Revisies op het bewerkscherm om eerdere versies te vergelijken en te herstellen.
- Als u met een galerijtemplate bent begonnen, klikt u op Verwijderen bij uw kopie in Uw templates en daarna opnieuw op Template gebruiken op dezelfde galerijkaart. U krijgt een nieuwe, onaangetaste kopie.
Wanneer u hulp moet vragen
- De template-editor laadt niet, of opgeslagen wijzigingen blijven niet bewaard.
- De bon wordt op het ene apparaat goed afgedrukt, maar op een ander niet.
- U hebt een fiscale/wettelijke lay-out nodig voor een specifiek land (Italië, Brazilië, Spanje, enz.); deze gevallen worden meestal afgehandeld via WCPOS Pro of een landspecifieke integratie.
- U probeert iets maatwerks te doen en AI krijgt het niet helemaal goed.
Open een supportticket en plak de template waaraan u werkt; daarmee hebben we alles wat nodig is om te helpen.