Customize template

Time needed: About 5–10 minutes

Where to find template settings

All template and branding settings are in one place:

1. Go to PDF Invoices → Invoice Settings in your WordPress sidebar

This page has four sections:

• Templates — Choose templates per document type
• Live preview — See changes in real-time
• Company logo & colors — Upload logo and set brand colors
• Company details — Address, VAT, and other business information

Choose templates per document type

Unlike the Setup Wizard (which sets one template for all documents), Invoice Settings lets you choose different templates for each document type.

1. In the Templates section, find the three dropdown menus:
   • Invoice — Choose Default, Basic, or Modern
   • Packing slip — Choose Default, Basic, or Modern
   • Credit note — Choose Default, Basic, or Modern
2. Select your preferred template for each document type
3. The Live preview on the right updates automatically
4. Click Save settings when done

Paper size

Below the template dropdowns, you can change the Paper size:

• A4 — 210×297 mm (standard for Europe)
• Letter — 8.5×11 inch (standard for US)

Add or change your logo

1. In the Company logo & colors section, click Choose logo
2. Select a logo from your WordPress Media Library or upload a new file
3. The logo preview appears below the button
4. Click Save settings

Logo tips

• Use PNG format with transparent background for best results
• Keep file size under 500 KB for faster PDF generation
• Recommended dimensions: 300-600 pixels wide

Configure brand colors

1. In the Company logo & colors section, find the color pickers:
   • Primary color — Used for headers, accents, and lines
   • Text color — Used for body text and labels
2. Click Select Color to open the color picker
3. Choose your brand colors or enter a hex code
4. Watch the Live preview update in real-time
5. Click Save settings

Update company details

1. Scroll to the Company details section
2. Update any fields you need to change:
   • Company name, Street, Postal code, City, Country
   • Chamber of Commerce number, VAT number
   • Phone, Email, Website
3. Optionally add:
   • Payment methods — Text that appears in the payment section
   • Footer note — Custom text at the bottom of documents
4. Click Save settings

Use the Live preview

The Live preview panel on the right side of Invoice Settings shows exactly how your documents will look.

1. Click the tabs to switch between document types:
   • Invoice (HTML) — Preview invoice layout
   • Packing slip (HTML) — Preview packing slip layout
   • Credit note (HTML) — Preview credit note layout
2. Use the zoom slider to adjust preview size
3. Changes you make are reflected immediately (before saving)

Preview after saving

1. Go to WooCommerce → Orders
2. Open any order
3. Generate or download a PDF (Invoice, Packing Slip, or Credit Note)
4. Verify the styling matches your expectations

If you don't see your changes, see Template not applying for troubleshooting steps.