Print or save the agreement as a PDF, signatures included

A pinned Print / Save PDF button on every contract surface, with a print stylesheet that isolates the document and keeps both drawn signatures and every initial in the output.

What it is

A scoped print stylesheet hides everything except the #contract-print article, then positions it at the page origin with padding. The executed signatures block is rendered inside that article precisely so it lands in the PDF, with break-inside-avoid on each block. The builder side can also open the customer page with ?print=1 to land straight on the print dialog.

Also called: download contract PDF · save as PDF · print contract · copy of my contract

See it
Print or save the agreement as a PDF, signatures included
Prepared for
Gideon Alt
1140 Ridge Line Rd · Fair Play
Shell package$32,159
Concrete & site$9,337
Doors & windows$6,224
Trim & finish$4,150
Total
$51,870
Signature
The browser print preview showing the letterhead agreement with both signature blocks at the bottom and no app chrome. Sample data — no customer information appears here.
How it works
  1. 1@media print { body * { visibility: hidden } #contract-print, #contract-print * { visibility: visible } } — the same rule on the customer page and the admin viewer 'so the downloaded PDF looks identical from either surface'.
  2. 2The customer's Print button is pinned in the sticky top bar, reachable from deep in a long agreement.
  3. 3?print=1 auto-fires window.print() once after a 400ms paint delay, guarded so it can't re-fire on re-render.
  4. 4Auto-print is refused on a pending contract, which would otherwise print the hold screen.
Why we built it

The signatures block was deliberately moved inside the printable article: 'rendered INSIDE the printable article so the customer's + builder's drawn signatures land in the downloaded PDF (the print stylesheet only keeps #contract-print visible).' The pinned button has its own note — it is 'pinned so a customer scrolling deep into the agreement can grab a copy without scrolling back to top.'

The problem
  • Printed contracts carrying dashboard chrome
  • Signatures visible on screen but absent from the PDF
  • No self-serve copy for the customer
Sound familiar?
What you get
A clean, letterhead PDF from any browser
Both signatures and every initial in the printed copy
Identical output from the customer page and the builder's viewer

See it on your own jobs

Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.

or keep browsing features →