Document Layouts

ZipZign automatically appends signature and payment blocks to your document. You do not need to specify x/y coordinates.

Signature placement

Signature blocks are placed in a 3-column grid appended after your HTML content. You don't need to add any signature placeholders in your HTML.

1 signer

[ Signer 1           ]

2 signers

[ Signer 1 ]  [ Signer 2 ]

3 signers

[ Signer 1 ]  [ Signer 2 ]  [ Signer 3 ]

4–6 signers

Blocks wrap into additional rows automatically:

[ Signer 1 ]  [ Signer 2 ]  [ Signer 3 ]
[ Signer 4 ]  [ Signer 5 ]  [ Signer 6 ]

What each signature block contains

After signing, each block displays:

• Signer's drawn or typed signature
• Full name
• Email address
• Timestamp (UTC)
• IP address

Payment block

For payable documents and sign-then-pay flows, a payment block is appended below the signature grid (or at the end of the document for payable type). It shows:

• Payment amount and currency
• Payer name and email
• Payment timestamp
• Stripe payment ID

HTML structure tips

Because signature/payment blocks are appended automatically:

• Keep your HTML body content self-contained
• Leave a small bottom margin (margin-bottom: 40px on the last element) to visually separate it from the appended blocks
• You can still include signature-related language in your HTML (e.g., "Signed by the parties below") — just know the actual blocks are auto-placed

Controlling page breaks

Use CSS page-break-before to push content to a new page:

<style>
  .new-page { page-break-before: always; }
</style>

<h1>Agreement</h1>
<p>Body text...</p>

<div class="new-page">
  <h2>Exhibit A</h2>
  <p>Additional terms...</p>
</div>

Updated on: 16/04/2026