How to Set Up a Webhook for your Lead Form?


If you want to set up a Webhook for your Lead Form, here is a quick guide. Lead Form might be configured as a separate block or as a part of the game or quiz.

Lead Form data passed through Webhook

Data sent when standalone Lead form submitted:

{
  "firstName": "Nick",
  "lastName": "Buyers",
  "phoneNumber": "+12300000000",
  "customField1": "My Street, Kingston, New York 12401",
  "company": "ACME LLC",
  "companyURL": "acme.org",
  "sessionId": "61274791",
  "email": "nbuyers@acme.org"
}

Lead Form in Game data example

These data will be sent when user fills Lead form and completes the game:

{
  "lastName": "Buyers",
  "gamification_isGameFinished": "true",
  "gamification_numberOfInteractions": "14",
  "gamification_spentTime": "00:27.859",
  "customField1": "Content Manager",
  "gamification_date": "2022-06-08 15:11:14.749",
  "companyURL": "acme.org",
  "sessionId": "61316897",
  "gamification_email": "Buyers",
  "firstName": "Nick",
  "phoneNumber": "+123000000",
  "gamification_name": "Nick",
  "gamification_sessionId": "61316897",
  "gamification_numberOfGames": "1",
  "company": "Acme LLC",
  "gamification_isWin": "true",
  "email": "Buyers"
}

How to configure Webhook

Open your project in the editor and select a block with the ability to collect data (lead form, for example). Then, click Edit:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/7mkvz2LQKOTyb1oOrFTOAKeoHTHDd3nDW6puzVDB-08-06-2022%2013-57-11.png

For Games and Quizzes: select a game block, click Show lead form on the right panel and then Customize.

Scroll down until you see a Webhooks in Integrations section. Click Set up button:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/p14Wk84FfUt7FfYK6Pse4RSmPAACOSUDPo02djw0-08-06-2022%2013-57-56.png

You will see Webhooks Integration settings window. Here, you can add and manage your Webhooks:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/gjQOWvay0HRAfKtgpRfxIF1PWEAvBdNiRSokhNjg-08-06-2022%2013-59-12.png

Let's see how it works. We use webhook.site to test webhooks since it's a free and safe way to generate public webhook endpoint. No registration needed.

Go to the https://webhook.site and copy your unique URL:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/rjaWMhN8Ptj6yy01w9qn0ShQkKA68dfAXLfqx4OB-Screenshot%202022-06-08%2013-16-26.jpg

Turn back to Interacty page, paste a link and click Add:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/87gUKn1vII0RlxIftWFvqbN8IFKnHw9lgFYAXfux-Screenshot%202022-06-08%2013-16-26222.jpg

You will see your link in the Connected Webhooks section:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/F9Pj9EsiTwqR45628iggOydEPOKo3X3X11frwhve-Screenshot%202022-06-08%2013-16-2633.jpg

It's done! After you add your link and people start to submit your form, you will receive lead data:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/zanLHInVcdbm58JUeVjRpnT5puuiwUsQ98UrSPP6-Screenshot%202022-06-08%2013-16-265555555555.jpg

Note that you can also receive data from such quizzes as Trivia and Personality.


Was this article helpful?