Template aanpassen

Benodigde tijd: Ongeveer 5–10 minuten

Waar je de sjablooninstellingen vindt

Alle sjabloon- en huisstijlinstellingen staan op één plek:

1. Ga naar PDF Invoices → Invoice Settings in de WordPress-zijbalk

Deze pagina bevat vier onderdelen:

• Templates — Kies sjablonen per documenttype
• Live preview — Bekijk wijzigingen in realtime
• Company logo & colors — Upload je logo en stel je merkkleuren in
• Company details — Adres, btw-nummer en overige bedrijfsinformatie

Kies sjablonen per documenttype

Anders dan de installatiewizard (die één sjabloon voor alle documenten instelt), kun je in Invoice Settings per documenttype een ander sjabloon kiezen.

1. Zoek in het onderdeel Templates de drie dropdownmenu's:
   • Invoice — Kies Default, Basic of Modern
   • Packing slip — Kies Default, Basic of Modern
   • Credit note — Kies Default, Basic of Modern
2. Selecteer je gewenste sjabloon per documenttype
3. De Live preview aan de rechterkant wordt automatisch bijgewerkt
4. Klik op Save settings als je klaar bent

Papierformaat

Onder de sjabloondropdowns kun je het Paper size wijzigen:

• A4 — 210×297 mm (standaard voor Europa)
• Letter — 8,5×11 inch (standaard voor de VS)

Je logo toevoegen of wijzigen

1. Klik in het onderdeel Company logo & colors op Choose logo
2. Selecteer een logo uit je WordPress-mediabibliotheek of upload een nieuw bestand
3. De logopreview verschijnt onder de knop
4. Klik op Save settings

Logotips

• Gebruik PNG-formaat met transparante achtergrond voor het beste resultaat
• Houd de bestandsgrootte onder 500 KB voor snellere PDF-generatie
• Aanbevolen afmetingen: 300-600 pixels breed

Merkkleuren instellen

1. Zoek in het onderdeel Company logo & colors de kleurkiezers:
   • Primary color — Wordt gebruikt voor koppen, accenten en lijnen
   • Text color — Wordt gebruikt voor lopende tekst en labels
2. Klik op Select Color om de kleurkiezer te openen
3. Kies je merkkleuren of voer een hexcode in
4. Bekijk hoe de Live preview in realtime wordt bijgewerkt
5. Klik op Save settings

Bedrijfsgegevens bijwerken

1. Scroll naar het onderdeel Company details
2. Werk de velden bij die je wilt wijzigen:
   • Company name, Street, Postal code, City, Country
   • KVK-nummer, btw-nummer
   • Phone, Email, Website
3. Optioneel kun je toevoegen:
   • Payment methods — Tekst die verschijnt in het betaalgedeelte
   • Footer note — Eigen tekst onderaan documenten
4. Klik op Save settings

De Live preview gebruiken

Het paneel Live preview aan de rechterkant van Invoice Settings toont precies hoe je documenten eruitzien.

1. Klik op de tabbladen om te wisselen tussen documenttypes:
   • Invoice (HTML) — Voorvertoning factuurindeling
   • Packing slip (HTML) — Voorvertoning pakbonindeling
   • Credit note (HTML) — Voorvertoning creditnota-indeling
2. Gebruik de zoomschuifregelaar om het voorbeeldformaat aan te passen
3. Wijzigingen worden direct weergegeven (vóór het opslaan)

Voorvertoning na opslaan

1. Ga naar WooCommerce → Orders
2. Open een willekeurige bestelling
3. Genereer of download een PDF (Invoice, Packing Slip of Credit Note)
4. Controleer of de opmaak overeenkomt met je verwachtingen

Zie je je wijzigingen niet? Bekijk dan Sjabloon wordt niet toegepast voor stappen om het probleem op te lossen.