Example URL https://bubble.io/page?id=signature-pad-testapp&test_plugin=1756795902506x711713200703012900_current&tab=Design&name=index&elements=bTGYf


Demo URL
https://signature-pad-testapp.bubbleapps.io/version-test?debug_mode=true


How to use

1. Place the Element on Your Page
Go to your Bubble app's design tab.

In the visual elements panel, find the Signature_Pad element and drag it onto the page.

The element is fully responsive, so you can easily resize it to fit your design or to be used on any device.

2. Customize the Pad
Once the element is on the page, select it to open its properties panel.

Here you can configure the pad to match your app's brand and feel.

Adjust the background color to match your UI.

Set the pen color for the signature itself.

3. Set Up the Workflow
To capture the signature, you’ll need to set up a workflow. This is where the magic happens!

Create a button (like "Save Signature") and add a new workflow to it.

The workflow should trigger the GS Signature Pad's "Save" action.

This action will not only capture the signature as an image but will also automatically upload it to your cloud storage, giving you a direct URL "uploaded_file_url" to the signature file.

Wait for url_generated Event to use the  uploaded_file_url

That's it! You've now implemented a professional signature pad with one-click cloud saving, streamlining your app's functionality and providing a seamless user experience.