Create signature form

To build a signature form similar to this example below, follow the steps below. This type of form is ideal for collecting signed agreements digitally.

https://docusig.hostio.me

1. Build the Agreement Form Layout:

• Go to Forms from the sidebar.
  
• Create a new form.
  
• Drag in a Layout > Content block at the top—this is where you’ll enter the main body text of your agreement.
  

2. Add Required Fields Below the Content:

• Add fields like:
  
  • First Name
    
  • Last Name
    
  • Email
    
  • Date (optional)
    
  • Signature
    
  • Checkbox (e.g. “I agree to the terms”)
    

3. Embed the Form on a Web Page:

• Add the form to a new or existing Website/Funnel page.
  
• Create a sticky header at the top of the page using the page builder.
  

4. Add Sticky Header Buttons (Zoom, Reset, Print):

• Include 4 buttons in the sticky header:
  
  • + for zooming in (CSS: transform: scale(1.5))
    
  • – for zooming out (CSS: transform: scale(0.5))
    
  • ↻ for reset (JS: reset zoom to 100%)
    
  • 🖨️ printer icon (JS: window.print())
    

5. Apply Custom CSS or JavaScript:

• Use the Custom Code section of the page to add styles and functions.
  
• For button behavior, refer to a code snippet from your code library or use standard zoom/print scripts.
  

Once published, users can fill out the form, sign it, and even print a copy from your website.