Side-by-Side Previews

Every template type now has a preview you can keep open while you edit. Click Preview in the template editor's toolbar, and your PDF appears beside your template, filled in with sample data.

The template editor with a rental application PDF template: the Preview button is on in the toolbar, the form with its field boxes is in the middle, and the same form filled in with sample data is in a pane on the right

It updates as you save and keeps your place on the page, so you can see what each change does without leaving the editor.
Make it the size you want. Drag the divider between the template and the preview. Your browser remembers the width, and whether the preview is open.
PDF templates now have a Preview tab too, like the other template types. It shows your PDF filled in the way a submission fills it, with no watermark.
Previews are free. They make no submissions and use no credits.

HTML templates show the PDF beside your code:

An HTML invoice template: its fields on the left, its HTML with highlighted Liquid tags in the middle, and the finished invoice with its line items and total in the preview pane on the right

Word templates show it beside the document:

A Word lease letter template: its fields on the left, the document with its tags in the middle, and the letter filled in with a tenant's name and a table of charges in the preview pane on the right

And page designs show it beside the design, with the elements and settings panels still in place:

A Page Designer event ticket: the elements panel on the left, the design with its fields in the middle, the ticket filled in with an attendee, a QR code, a barcode and an agenda in the preview pane, and the page settings on the right

The template editor guide has more on how previews work.

Fill your first document today

Product news by email