Logo
Logo

Webhooks and API Integrations

Introduction to Using Webhook Action in Breakdance Form Builder

Learn how to use the webhook action in Breakdance Form Builder to post data to special URLs, enabling integration with various web applications and platforms.

Understanding Webhooks

A webhook is a unique URL that allows you to send data to interact with another web application. By utilizing webhook actions in Breakdance Form Builder, you can integrate with platforms that may not have specific native integrations available.

Setting Up a Webhook with an External Platform

Creating a Webhook in Zapier

  1. Log into your Zapier account and create a new Zap.
  2. Select ‘WebHooks by Zapier’ as the trigger node. Search for it if necessary.
  3. Under events, choose ‘Catch Hook’ to set the webhook to listen for data posts.
  4. Continue to the test section and copy the provided webhook URL.

Configuring Webhook in Breakdance Form Builder

Adding Webhook Action to Your Form

  1. Select the form builder element in Breakdance’s builder preview.
  2. In the Properties Panel, expand the Actions section.
  3. Choose ‘Webhook’ from the ‘Actions after submission’ control.
  4. Click the Edit icon next to ‘Webhook’ in the Actions list and paste your webhook URL.

Mapping Fields to the Webhook

  1. Map each form field to the webhook. For example, name the field and use the plus icon to select the corresponding field from your form.
  2. Repeat the mapping process for other fields like message and email.
  3. Save your settings after completing the field mappings.

Testing the Webhook Integration

Test the integration by submitting a form entry and verifying it in the external platform:

  1. Refresh the form on the front end and submit a test entry.
  2. Check the external platform (e.g., Zapier) to see if the submission appears in the data.

Direct Integration with Other Platforms

While this example uses Zapier, you can directly integrate with any platform that provides a webhook. Ensure to follow their data submission specifications for successful integration.

Conclusion

With the Form Builder’s webhook action, you can efficiently integrate your forms with a multitude of platforms, enhancing your web application’s functionality and connectivity.