Set up webhooks with Zapier

Image of an author
Sylwia Kocur
4 min read
updated: Sep 27, 2022

Zapier doesn’t require coding skills and allows you to build customized integrations in just a few minutes.

With Zapier, you can connect your chatbot with apps such as Gmail, Facebook, and Trello to automate repetitive tasks. The installation process takes just a few minutes so let’s get started!

In this scenario, we’ll create a Zap that sends user information: name, email, and phone number to an email address.

You can’t return a message to the chat using Zapier Webhooks. You can only send attributes from the chat. You need to use traditional webhooks if you’d like to return a message to the chat after sending the attributes.
You can’t return a message to the chat using Zapier Webhooks. You can only send attributes from the chat. You need to use traditional webhooks if you’d like to return a message to the chat after sending the attributes.

Bot story configurationLink icon

First, we need a bot scenario that collects this data. We recommend using the Question action to gather information from users. Follow the detailed explanation of how to set up the Story. 

To send the email, we’ll use a ready-to-use Email Action App created by Zapier.

To complete this tutorial, you must have Zapier and ChatBot accounts:

Zap configurationLink icon

  1. Go to Zapier.com. Log into your account. Choose the Create Zap button.

  2. Choose a trigger app. Use the search tool to look for Webhooks by Zapier.

  3. Choose an event (what will happen once the integration is triggered) from the list. Then select Continue.

  4. Pick off a Child Key is an optional field. Leave it empty and click Continue. In your future Zaps, you can decide the information to be grabbed.

  5. Copy the custom webhook URL generated by Zapier. We will paste it to the ChatBot webhook in the next steps.

  6. Log in to your ChatBot account.

  7. Go to the Integrations tab. Choose Webhooks.

  8. Choose the Add new Webhook option.

  9. Name the webhook. Paste the copied Webhook URL from Zapier. Save.

  10. Go to the bot story. Place the Webhook action on the tree.

The Webhook action must be executed after the data is collected; otherwise, it won’t be able to pass the collected attributes.
The Webhook action must be executed after the data is collected; otherwise, it won’t be able to pass the collected attributes.
  1. Go to the Webhook action. Select the created Zapier webhook from the list.

  2. Go back to the Zapier page. Choose the Test trigger button.

  3. The test was a success. Check the challenge ID. Continue

  4. Choose the Email by Zapier app from the list or use the search tool to find an app.

  5. Choose an Event. An email will be sent through the integration if the Webhook block in the bot story is triggered. Continue.

  6. You need to pull some data to the webhook.

    Return to your bot story and test your scenario in the Testing tool. Remember to publish the bot. 

  7. Go back to the Zapier site. Go to the first stage of the integration, the Catch Hook in Webhooks by Zapier. Choose the Test trigger stage. Choose request B from the list.

  8. See the information gathered during the test chat. Also, look at some of the default attributes gathered automatically by the bot. Continue.

  9. Go to the Set up action step of the integration and configure the action. You can choose the attributes from the list or use the search tool.

  10. Fill in the rest of the fields and continue.

  11. See the attributes chosen in the previous step. Test the integration.

  12. The test was a success. See the body of the message.

  13. Check your inbox. See the test attributes in the body of the message.

  14. Publish the Zap.

Editing the ZapLink icon

If you’d like to change the created Zap, choose the Zap from the list on the Zapier site. You can also turn it off there.

Remember to turn your Zap off and on again after you make any changes to it. Also, don’t forget to click the Publish button in ChatBot each time you edit the Zap.
Remember to turn your Zap off and on again after you make any changes to it. Also, don’t forget to click the Publish button in ChatBot each time you edit the Zap.

Was this article helpful?

Got it!

Thanks for your feedback.

Thank you!

We’re happy to help.

Start a free ChatBot trial
and build your first chatbot today!

Free 14-day trial No credit card required

Discover our other products