Forum Academy Marketplace Showcase Pricing Features

ᴺᴱᵂ ᴾᴸᵁᴳᴵᴺ 🐝 Signature Pad input

HEADER

Signature pad

Logo

LINK DEMO LINK EDITOR LINK DOC

Highly customisable and reliable signature input box.

Hi there!
We just release this new plugin to the Bubble marketplace :honeybee: !

→ The most advanced and reliable plugin for desktop and mobile that lets you add signature input on your app.
Highly customisable with a bunch of features such as background images or pencil color and width, as well as optimised with auto-export (no workflow to export!) and even auto-binding.
The plugin supports exporting in different file formats and lets you upload the file to S3 for sharing.


:arrow_right: Support draw, erase, undo and clear
:arrow_right: Auto-export (no-workflow)
:arrow_right: Support auto-binding
:arrow_right: Export as PNG, JPEG, or SVG
:arrow_right: Support transparency
:arrow_right: Crop empty space in signature
:arrow_right: Custom background color
:arrow_right: Custom background image
:arrow_right: Export and import signatures
:arrow_right: Fully responsive - work on mobile
:arrow_right: Based on a reliable JS library
:arrow_right: Complete documentation





LINK DEMO

LINK EDITOR

LINK DOC

FOOTER

6 Likes

An aside, this has to be the prettiest plugin presentation I have ever seen!
And the interactive installation, superb!

4 Likes

Looks really nice, is there any option to auto save to S3 when the user lets go of the mouse? So when they finish signing there’s no extra buttons to press? Also I’m assuming this doesn’t use any external APIs or anything?

1 Like

Thanks, really appreciated it :upside_down_face:
I’ve put quite some effort into it so it’s nice to see it was worth it!

This is a feature that we initially wanted to integrate, but we noticed it can be quite dangerous if a user keeps playing around with the input, as it will constantly send data to S3 without overriding/erasing the previous versions.

This remains is a feature we could integrate if there is some demand though :honeybee:

@vnihoul77 Great stuff.

Bookmarked! :smiley:

:clap: Happy to hear!

Yea maybe just a option to enable “instant uploads” or something and have it write over a field every time. I know It sounds like a lot of database writing but for a customer that just wants to sign and be done it’s very useful.

Alright, let me check on this

Yea or maybe it waits 2 seconds or something to see if there’s any extra things scribbled before writing to the database. Just incase someone does a smiley face or something it doesn’t write 6 times :grinning_face_with_smiling_eyes:

Yes but that’s also the issue because if it’s too long you might redirect the user, change the page or whatever before it’s even saved.
I’ll introduce it as an experimental feature with some “:warning::warning:” next to it :slight_smile:

Can i use it for KYC as verification for user signature?

Hey @arumizan, yes indeed you can use it! :upside_down_face:

But keep in mind that depending on the usage and the country you are operating in, you might be required by law to collect signatures using certified third parties.

Can you give a simple workflow for matching 2 signature for verification process

Oh, I misunderstood your initial request. :no_mouth:
Well, I’m afraid there won’t be any simple workflow to achieve it.
But here are two ways among others that come to my mind and that should allow you to do it:

  1. Compare the difference between the two images using a third-party service (like this)

  2. As the plugin also export the path of the signature, you could also iterate through each point in the signature’s path and calculate the distance between them to finally compare it to the distance of each point of the second signature.

@vnihoul77
How can i create a pdf with this input ? is it possible?
I want users to sign NDA.

Please help me, I badly need this feature…

Hi,

You can try this premium plugin Bubble Page to PDF converter Plugin | Bubble

Hey @mdburhan3 ,
Here’s a way among others that should allow you to achieve it.

  1. Let the user input their signature using the signature pad plugin.

  2. Place the final signature image from the plugin on a page and design it the way you want (this page will be your final PDF document)

  3. Use a plugin to export the page just created as a PDF file.
    I’d recommend this plugin from Zeroqode

Cheers :clap: