Skip to main content Link Search Menu Expand Document Toggle dark mode Copy Code (external link)
paperwork.help

Getting started

About ten minutes. You will open a published template from a link, fill a field from the address, then put the Viewer on a page of your own.

Before you start

  • A web browser. You do not need an account to open a public template.
  • For the last step, a web page you can edit.

Two ideas are all you need first:

  • A published template has an id, written owner:name. The example below is richard-prod:invoice-example. The same template has a web address, https://paperwork.vu/owner/name.
  • A template has fields: values that change from one document to the next. This template has name (the company) and invoiceMonth (a month number, 1 to 12).

Open this address:

https://paperwork.vu/richard-prod/invoice-example

The Viewer opens an invoice, made in your browser. The company shown is the template’s default.

Add the field values to the address, after a ?, and join them with &:

https://paperwork.vu/richard-prod/invoice-example?name=Globex&invoiceMonth=3

The same invoice opens for Globex, for March. You can also choose Fill in in the toolbar and type the values, then Download to save the PDF.

3. Put it on a page

Add this to a page, where you want the document to appear:

<script src="https://paperwork.vu/er.js"></script>

<div data-pw-container="invoice"
     data-pw-template="richard-prod:invoice-example"
     data-pw-height="520px"></div>

Here it is, working:

Check it worked

  • The link opens an invoice, and with ?name=Globex&invoiceMonth=3 it shows Globex and March.
  • The embedded viewer shows the same invoice on your page. It starts when it scrolls into view, so it can take a few seconds to appear.

If something does not appear, see Troubleshooting.

Next