How do I use the Signature Component?

Modified on Fri, 4 Oct at 12:51 PM

The Signature Component provides a way for users to electronically sign forms. It creates a dedicated field where users can adopt an electronic signature, ensuring compliance and accuracy for formal submissions.
Example Signature
Let users easily sign your form electronically

When should I use a Signature Component?

This component is ideal for scenarios where you need to capture signatures for official records, such as:

Approvals
Collect signatures for administrative, legal, or other formal documents.
Policy Acknowledgements
Use for consent forms, such as Acceptable Use Policy (AUP) acknowledgements and field trip permission slips.
Contract Agreements
Extended an offer of employment to a candidate?  You can send them a Droplet form to review and agree to their new contract.
Pro Tip!
Signature components are often paired with Timestamp components that appear as soon as a submitter or approver affixes their signature.

Features & Configuration

Adding a Signature component to your form is easy. Simply select the Signature option from the component library and drag it onto the canvas.


After placing the component, you can customize its properties in the right-hand panel:

Properties

Label
Use this to indicate what the user is signing (e.g., “Parent Signature”).
Width
Adjust the width of the component (1-12 columns) based on your form layout.
Required
Make the signature mandatory for submission by enabling this option.

Logic

Display Logic
Control when this component shows or hides based on other inputs.
Validate Logic
Set specific conditions to validate the user’s selection, ensuring it meets your criteria.

Details

Hint
Hints are short pieces of text that appear beneath the options to provide extra clarity.
Tooltip
Tooltips are helpful text that users can see when they hover over the question mark icon next to the component.
Name
You can change the Name field to a more descriptive identifier that will appear in your CSV exports.
ID
Each Droplet component has a unique ID for referencing in workflows or visibility settings. Edit the default ID to make it more descriptive.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article