Plugin details
Digital Signature Pad gives your Bubble app a professional, touch-friendly signature canvas that works on desktop and mobile. Users can draw their signature with a mouse or finger, and the plugin instantly exports it as a base64 image ready to save to your database or display anywhere on your page.
No external API. No monthly fee. No complicated setup. Just drag the element onto your page and it works.
Key Features
- Smooth canvas drawing with mouse and touch support
- Real time export — signature data is ready the moment the user lifts their pen
- Fully customizable — set pen color, pen thickness, background color and border color from the Bubble editor
- Optional built-in Clear button so users can redo their signature
- Exposed states for signature_data and is_signed so you can build conditional logic around them
- Works on all screen sizes including mobile
Perfect For
- Contract and agreement signing
- HR onboarding forms
- Proposal approval workflows
- Legal document platforms
- Client intake forms
- Any Bubble app that needs a real signature instead of a typed name
How It Works
1. Drop the Signature Pad element onto your page
2. Set your pen color, background color and border color in the Appearance tab
3. Connect an Image element source to Signature Pad's signature_data to display the signature live
4. Use is_signed state to show or hide your Submit button conditionally
5. On form submit save signature_data to your database as a text field
The signature exports as a base64 PNG string which can be stored in any text field in your Bubble database and displayed using a standard Image element.