Free business generator

On-Screen Waiver Signature Page

Create a private waiver page with readable terms, participant details, a signature pad, timestamp, and print-to-PDF record.

Instant results
Private in your browser
PDF report included

Signing page

Ready to review

A private on-screen signing page is ready with 3 participant responsibilities and guardian fields.

Responsibility points: 3
Guardian fields: Included
Signature library: signature_pad 5.1.4

Waiver review
Part	Included
Participant name	Yes
Date	Yes
Acknowledgement	Yes
Signature canvas	Yes
Guardian	Yes

Ready to use

Review and make it yours

Edit the draft before publishing or sending it. Your changes stay on this device unless you copy or download them.

Copy-ready draft

<!doctype html><html lang="en"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Group movement classes waiver</title><style>*{box-sizing:border-box}body{margin:0;background:#e9ebe8;color:#17211d;font:16px/1.6 system-ui}.form{width:min(820px,100%);margin:auto;padding:54px;background:#fff}h1{font-size:clamp(45px,8vw,76px);line-height:.95;margin:0 0 18px}.brand{color:#315c4b;font-weight:850}.notice{padding:18px;border-left:5px solid #315c4b;background:#f4f7f5}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.field label{display:block;font-weight:750}.field input{width:100%;padding:12px;border:1px solid #aebbb4;border-radius:9px;font:16px system-ui}.signature{margin-top:28px}.canvas-wrap{border:2px solid #8b9992;border-radius:12px;background:white}canvas{display:block;width:100%;height:220px}.buttons{display:flex;gap:8px;margin-top:14px}.buttons button{padding:13px 17px;border:0;border-radius:9px;background:#315c4b;color:white;font-weight:800}.buttons .secondary{background:#dfe5e1;color:#17211d}.signed-image{display:none;max-width:100%;height:150px}.timestamp{font:14px ui-monospace,monospace;color:#65716b}@media(max-width:620px){.form{padding:32px 20px}.fields{grid-template-columns:1fr}}@media print{body{background:white}.form{width:100%;padding:24px}.buttons,.canvas-wrap{display:none}.signed-image{display:block}}</style><main class="form"><p class="brand">North Star Movement</p><h1>Group movement classes waiver</h1><p class="notice">Read the complete agreement. Ask questions before signing. Keep a copy for your records.</p><h2>Activity and verified risks</h2><p>Physical activity can involve fatigue, strains, falls, and contact with shared equipment.</p><h2>Participant responsibilities</h2><ul><li>Follow instructor directions.</li><li>Use equipment only as shown.</li><li>Stop and ask for help if anything feels unsafe.</li></ul><div class="fields"><div class="field"><label for="participant">Participant name</label><input id="participant" required></div><div class="field"><label for="date">Date</label><input id="date" type="date" required></div><div class="field"><label for="guardian">Parent or guardian</label><input id="guardian"></div><div class="field"><label for="relationship">Relationship</label><input id="relationship"></div></div><label><input type="checkbox" id="ack"> I have read this page, had a chance to ask questions, and agree to sign electronically.</label><section class="signature"><h2>Signature</h2><div class="canvas-wrap"><canvas id="pad"></canvas></div><img class="signed-image" id="signedImage" alt="Captured signature"><p class="timestamp" id="stamp">Not yet finalized.</p><div class="buttons"><button id="clear" class="secondary">Clear signature</button><button id="finalize">Finalize and print</button></div></section></main><script src="https://cdn.jsdelivr.net/npm/signature_pad@5.1.4/dist/signature_pad.umd.min.js"></script><script>const canvas=document.querySelector('#pad'),stamp=document.querySelector('#stamp'),image=document.querySelector('#signedImage');function size(){const ratio=Math.max(window.devicePixelRatio||1,1),rect=canvas.getBoundingClientRect();canvas.width=rect.width*ratio;canvas.height=220*ratio;canvas.getContext('2d').scale(ratio,ratio)}size();const pad=window.SignaturePad?new SignaturePad(canvas,{minWidth:1,maxWidth:2.5,penColor:'#17211d'}):null;document.querySelector('#date').value=new Date().toISOString().slice(0,10);document.querySelector('#clear').onclick=()=>{pad?.clear();image.removeAttribute('src');stamp.textContent='Not yet finalized.'};document.querySelector('#finalize').onclick=()=>{if(!document.querySelector('#participant').value.trim()||!document.querySelector('#ack').checked||!pad||pad.isEmpty()){stamp.textContent='Add the participant name, acknowledgement, and signature first.';return}const when=new Date();image.src=pad.toDataURL('image/png');stamp.textContent='Finalized '+when.toLocaleString();setTimeout(()=>window.print(),100)}</script></html>

153 words · 4031 characters

Use the result well

A clear answer, with the assumptions visible

These recommendations turn the result into an operational next step without hiding the inputs behind a score.

1
Have local counsel review the complete wording and signing process.
2
Open and test the downloaded page before collecting a signature.
3
Give the signer a copy and store the record securely.

How this tool works

Create an editable participant and guardian section beside the reviewed terms.
Use signature_pad for smooth local canvas capture after the page opens.
Place the signature image and timestamp into the print layout without a server.

Build it in Bookify

Use this with every client

Keep forms, notes, messages, and follow-up connected in Bookify.

Set up client care

A clear answer, with the assumptions visible

How this tool works

Use this with every client

Related free tools