Skip to content
Contact sales
  • There are no suggestions because the search field is empty.

Using webhooks for contact forms

Send contact form submissions from your flipbook to external tools automatically

Table of contents

Overview

Webhooks allow you to automatically send data from your flipbook to other applications. When someone fills out a contact form in your flipbook, their submission can be instantly sent to a tool of your choice.

This is useful when you want to centralize leads, trigger workflows, or notify your team without manually exporting data. Instead of checking submissions inside Flipsnack, you can connect your contact form to platforms like CRMs, automation tools, or internal systems.

With webhooks, every new submission triggers a real-time data transfer. This means your team can act faster and keep everything in sync across tools.

Important: Webhooks work only with the Contact Form interactive element added in Design Studio. They do not work with the Lead form set up in the Customize page.

Key benefits:

  • Real-time data transfer: Send contact form submissions instantly to other tools

  • Better lead management: Centralize all leads in your CRM or database

  • Automation-ready: Trigger workflows without manual exports

  • Improved response time: Act on new inquiries as soon as they happen

Requirements

Plan: Available for Enterprise plans

How to enable webhooks for contact forms

Step 1: Open the Integrations page

  1. Go to Settings from the main dashboard.

  2. Access the Integrations page: https://app.flipsnack.com/settings/integrations/

Integrations page in Settings

Step 2: Enable webhooks for contact forms

  1. Locate the Webhooks section.

  2. Enable webhooks for the Contact form.

Step 3: Add your endpoint URL

  1. In the Endpoint URL field, paste the webhook URL provided by your external tool (e.g., Zapier, Make, CRM).

  2. Save your changes.

Endpoint URL field under “Contact form notifications” with valid URL entered

Step 4: Add a contact form in Design Studio

  1. Open your flipbook in Design Studio.

  2. Go to the Interactions panel from the left sidebar.

  3. Add the Contact form interactive element to your page.

  4. Configure the fields (e.g., email, name, message) and save.

Interactions panel → Contact form tile + canvas with Contact form selected in Layers

Where to find your webhook URL field

The webhook (endpoint) URL field is located in the Integrations page → Webhooks section.

Once added, Flipsnack will send the form data to this URL every time a user submits the contact form.

What happens after you connect a webhook

After setting up the webhook:

  • Every contact form submission is automatically sent to your webhook URL

  • The receiving tool processes the data based on your setup

  • You can store, notify, or trigger actions using that data

For example, if you connect a webhook via Zapier:

  • A new submission can create a contact in your CRM

  • Your team can receive a notification

  • Data can be added to a spreadsheet or database

Common use-cases

  • CRM integration: Automatically send leads to tools like HubSpot or Salesforce

  • Email notifications: Notify your team when a new contact form is submitted

  • Lead tracking: Store submissions in Google Sheets or a database

  • Marketing automation: Trigger follow-up emails or campaigns

Troubleshooting

Webhook is not receiving data

  • Make sure the webhook URL is correct

  • Check that the contact form is enabled

  • Verify that your external tool is active and listening for data

No submissions are triggered

  • Ensure the flipbook is published

  • Test the form manually to confirm it works

Data is incomplete or missing

  • Check your contact form fields configuration

  • Verify how your external tool maps incoming data

Additional tips / FAQs

Does this work with the Lead form in Customize?
No. Webhooks only send data from the Contact Form interactive element added in Design Studio. The Lead form in the Customize page is not supported for webhooks.

Do I need coding knowledge to use webhooks?
No. If you use tools like Zapier or Make, they provide ready-made webhook URLs and visual workflows.

What data is sent through the webhook?
All fields completed in the contact form, such as name, email, and message.

Can I test the webhook?
Yes. Submit a test entry in your flipbook and check if it appears in your connected tool.

Next steps

Useful resources

Learn how to expand your automation workflows and lead collection setup:


Need expert support?

Our team is here to help. Connect with our team experts or message us via the in-app chat for personalized assistance.