The document collection / Invoice

SaaS Subscription Invoice Template

Create subscription invoices with a billing period, plan charges, usage line items, tax, and account reference. Designed for SaaS billing exports and customer portals.

Paper format: A4
Included: HTML layout + sample JSON
Customization: Content, colors, typography
Rendering: Handlebars + Chromium

Use this template Download HTML

Preview the sample document, then make it yours. Change the layout in your editor or clone it into your RelayPDF dashboard to create an editable draft.

Open full-size preview

RELAYPDF / DOCUMENT COLLECTION

A4 HTML → PDF

Make it work for you

From a sample to
your next document.

This layout uses standard HTML and CSS with Handlebars fields. The preview is rendered from the downloadable source and sample data shown below.

Use the sample as a starting point. Your application supplies dates, labels, and calculated amounts; the template handles their presentation.

Personalize the design
Update the organization name, typography, and CSS accent colors. Replace the sample wording with content appropriate to your business.
Connect your data
Keep the field structure in the sample JSON and replace its values. Repeating arrays create the document’s rows or sections.
Preview, publish, generate
Test with your longest content. Publish the draft, then generate PDFs using its templateId and fresh templateData.

What you can customize

Field	Purpose
`company`	Your business identity and contact details.
`invoiceNumber`	Editable document content. Replace the sample value with your own data.
`account`	Editable document content. Replace the sample value with your own data.
`period`	Editable document content. Replace the sample value with your own data.
`issuedOn`	Date supplied by your application; ISO dates work with the template’s date formatter.
`currency`	ISO currency code used by the money formatter, such as USD.
`charges`	Subscription or usage charges with labels, units, and amounts.
`subtotal`	Pre-tax amount calculated by your application.
`tax`	Tax amount supplied by your billing system.
`total`	Final amount calculated by your application, including applicable adjustments.
`billingNote`	Editable document content. Replace the sample value with your own data.

Start with real sample data

Download sample JSON ↓

Inspect sample JSON

templateData / JSON

{
  "company": "Orbit Analytics",
  "invoiceNumber": "ORB-2048",
  "account": "Northstar Labs / ACC-1042",
  "period": "September 1–30, 2026",
  "issuedOn": "September 1, 2026",
  "currency": "USD",
  "charges": [
    {
      "description": "Team plan · Monthly subscription",
      "units": 1,
      "amount": 249
    },
    {
      "description": "Additional seats",
      "units": 4,
      "amount": 80
    },
    {
      "description": "Usage overage · Data exports",
      "units": 1200,
      "amount": 24
    }
  ],
  "subtotal": 353,
  "tax": 28.24,
  "total": 381.24,
  "billingNote": "Payment method: Visa ending 4242. Questions? billing@example.com"
}

Clone through the API

POST /v1/templates

curl https://api.relaypdf.com/v1/templates \
  -H "Authorization: Bearer $RELAYPDF_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"name":"SaaS Subscription Invoice Template","galleryId":"saas-subscription-invoice"}'

This creates an account-owned draft. Publish it before using its slug or UUID as templateId with templateData on POST /v1/pdf. Follow the complete template workflow →

Will the PDF match this preview?

The preview uses the same HTML and sample data included with this template. RelayPDF renders HTML using Chromium. Use the document’s intended A4 paper size and enable print backgrounds. Review page breaks when you add longer content or more rows.

Can I use my own branding and data?

Yes. Edit the HTML and CSS, replace the sample values, and keep the field names your template expects. Save your customized draft in the dashboard and publish a version when it is ready for your application.