Feedback
Workflow Tutorial

Connecting Typeform to an eSignature app with Integromat

  • 8 July 2021
  • 6 replies
  • 180 views
Connecting Typeform to an eSignature app with Integromat
Userlevel 6
Badge +5

Hi there, beautiful community, hope everyone’s having an exquisite summer! :sunny:

 

I am returning after a while with another Typeform - Integromat Automation Special. As some of you may remember, last month we were talking about automating the invoice generation process. Today, I’d like to share with you some tips on using Integromat to connect your Typeform to electronic signature services.

 

Why Electronic Signatures Matter
 

With the rise of remote work and home officing, digital communication is more important than ever. And - as we know - Typeform is all about making communication easier and more accessible. Thanks to the conversational nature of the forms, you can engage your respondents in a truly personal way. 

 

On occasions, your forms can contain something super important or highly confidential. As a result, you might find yourself needing not only to collect the respondents’ answers but also their signature to ‘seal the deal’.

 

‘This could never happen to me,’ I can hear the skeptics muttering. Well, let me give you a few examples of when you may want to consider adding an electronic signature to your forms:

  • affidavits 
  • application and registration forms
  • consent forms
  • contracts
  • incident reports
  • NDAs
  • online petitions

And the list goes on.

 

So, it’s official - integrating online forms and eSignatures is a thing. But how to do it? I’m sure you’re aware that Typeform offers a wide plethora of great native integrations. There is yet no native solution when it comes to electronic signatures, though, and that’s where Integromat steps in. It lets you connect your Typeform account to 850+ pre-built apps so it comes as no surprise that there are a bunch of eSignature services included:

 


jI0E3i4BLXZVTpAW8S__oe0EfX9Iz25OgA5dDIeU9kIh6UTxsJy9r354d_Vk-eFTT9K59PSPy4moXfZYz3SgtjElBykNo0gmB4Xbi0g_MSu_lj8Ubn9Co_YknLAEasMfTzINcg4e

 

Connecting Typeform to PandaDoc with Integromat

 

We’re all busy people here so let’s jump right in and see how to compile the data you collect with your typeform into documents and send them off to be signed. For our tutorial, we are choosing to work with PandaDoc but feel free to experiment with any other esignature app available on Integromat.

 

Stage 1: Typeform Prep

 

In Typeform, create a form with fields for all the information you need to collect. Let’s say we want to merge the data into a contract. The fields could then be something along the lines of: 

  • company name
  • client name
  • address line
  • ZIP code
  • city
  • state/region
  • country
  • and any custom fields specific to your business

 

Stage 2: PandaDoc Template Prep

 

In PandaDoc, create a template of the document you want to be signed. 
 

There are just a few things to be mindful of:

  • You’re going to need to insert variables that will be passed on from your Typeform. You can find available variables under ‘tokens’ in PandaDoc and you can also make your own custom tokens
  • Make sure the ‘Signature’ field is assigned to a role, typically to a ‘Client’.
  • You will probably want to use a static image of your signature baked into the template. 
     


Z6toTzMRQCD86dxicnuONJ88cDIYK3lBuSN5Wcn_ThQmw1ldP9J9jg4Z5Anc9AzWp-fzxTjVEEP7jIBAmi5Ne7zDP2QH0mrlXe5KV467AoHJOwX8oPsRvq_GnpFO6ncbRqN3Ge6O
 

Stage 3: Integromat Mashup
 

Now that we have all the Lego pieces, it’s time to head over to Integromat and assemble them. This time, we’ll only be needing two modules to make the magic happen.

The final scenario will look like this:


EITBBwBU37tgv0N_7KmkWW_h41uEH9IrpdaI8kEsG3faLOaxs8oUDQr7QfCxW_I0j-4PGkBJvLwW7dsYtgX8gIfGAThUzLrK1LK26QGCtA92RkE_PyxCH3yVqGGVX3VnRNypAl6d
 

  • Select the Typeform ‘Watch Responses’ module. To monitor the submissions in real time, you need to choose the Instant + Acid module (the one with the lil’ lightning on it).
  • In the Typeform module, create a connection with Integromat and select the form you want to monitor. It’s a good idea to press “Run once” so that Integromat can recognize the fields coming from the form.

 

1EZoT9d23H4UTl9Abl0We65YDKMFoxKFYW9rQhEZiJDFGtaTbwIQKDpOpF6o-uVW05xfI_zoGGYD8NAMlHRRz5hoHwNGwT9EFrHOVDDCpi57l7NptGLuSImZ4XScXLHsD_5JCITB
 

  • Add the PandaDoc ‘Create a Document’ module and establish a connection between your PandaDoc account and Integromat.

  • In the module, you’ll then map all the variables you want to grab from Typeform and send to your PandaDoc template. It can look like this for instance:
     

 

Fun fact: The get(split(...)....) function in the Message field will return the first word from the “Company represented by” field in Typeform. In other words, it will use the first name of the client. This is an option, though, not something you need to do :slight_smile:
 

  • In the PandaDoc module, you can choose the ‘Send a document’ option so that the compiled doc is automatically forwarded to the signee.
  • When you’re done setting up the modules, don’t forget to turn the scenario on.
  • To make sure everything works, you can make a test submission using your email address. Once the compiled contract lands in your inbox, it may look like this, all eager to be signed.


fQT3stNaQ6Cv8Vk1a8rZSSUs8RuZMnsKxdA3ad2az6cxCazQbWP3Af4DLM5ECZTlxrqytigFnx6EQCjFo9mCbINft3sg1LTiDaeEgajDnrbjkruH252teDnvTg5hk2jFgTD8WkBn

 

And that’s the whole kit ‘n caboodle right here for you. If you like what you see, you can grab the pre-made template and automate the process right away.


Keep in mind that you can always customize the scenario and extend it with as many steps as you need. You could, for example, get a Slack notification when a new form submission comes in and/or store the names of the respondents in a spreadsheet. 

 

Have you ever needed to connect your forms with electronic signatures? What did you need it for? And did you manage to automate the process? 

 

Let me know in the comments, I’m all ears.


6 replies

Userlevel 7
Badge +3

Hey @Michaela happy summer to you too! Thanks for coming by again and educating us on a very handy workflow in such a clear and fun way :hugging:  I’ve had some awful experiences signing stuff digitally recently - if only everyone adopted this solution, the world of bureaucracy would be a more bearable place :pen_fountain:  

Userlevel 7
Badge +6

@Michaela - thank you for this.. this is a great piece of work and is very enticing.. As @James ‘punned’ about a more bearable (PandaDoc - seriously James?? lol) this will help immensely in getting this type of workflow started in Typeform more often.. 

 

cheers

 

des

Badge +4

No more paper contracts, please 🙏

Great workflow @Michaela 

BIG Thanks You. 

Userlevel 7
Badge +3

@Michaela - thank you for this.. this is a great piece of work and is very enticing.. As @James ‘punned’ about a more bearable (PandaDoc - seriously James?? lol) this will help immensely in getting this type of workflow started in Typeform more often.. 

 

cheers

 

des

Hahah @john.desborough :joy:  it honestly wasn’t deliberate (though I wish it was!) But yes, agree with you this is very enticing post – for anyone who is bamboozled by getting documentation signed.

Userlevel 7
Badge +6

@James - that was too early in the morning to see that .. lol.. well done

Userlevel 6
Badge +5

Hey @James, my absolute pleasure as always :blush:. Bureaucracy is genuinely one of my least favourite things on earth. It’s very satisfying to be working in an idsutry that helps fight the unneccassary bits of it :muscle:  Also, I too was 100% sure you were being clever with the usage of ‘bearable’, just like Des pointed out, hahah.

Aaanyway, thanks for all the kind words @john.desborough and @Gabriel. We had a lot fun putting this together :relaxed:

Reply