✍️Webhook Form
Webhook Forms enable form submissions to get sent to an email address and optionally third-party services like Airtable, n8n, or Zapier.
Last updated
Was this helpful?
Webhook Forms enable form submissions to get sent to an email address and optionally third-party services like Airtable, n8n, or Zapier.
Last updated
Was this helpful?
Name change: Webhook Forms used to be called "Forms." However, Forms are now a different component intended for building searches and filters.
Webhook Forms are used when you need to send form submission data to an external service, rather than modifying page content like searches and filters.
By default, submissions are sent to the Project owner.
Pro feature: You can customize the recipient of email notifications by navigating to Project Settings > General.
You can also send form submission data to a webhook—an external URL that receives the data and triggers an action, such as adding a contact to an email automation platform.
Obtain a webhook URL from a third-party platform such as Airtable.
Paste the URL into the Action field in Webhook Form > Settings.
Once set up, every form submission will send a payload (form fields and values) to the webhook URL.
You can add a Webhook Form Component to your canvas from Components Panel > Data section.
Webhook Forms do not submit inside the Builder, including in Preview. They only submit on the published site.
A Webhook Form consists of three nested instances:
Form Content – The primary form fields.
Success Message – Displayed upon successful submission.
Error Message – Shown when an error occurs.
You can add new Components to further expand and modify your form.
Webhook Forms automatically switch between states based on submission results.
When a submission is successful, users will see a success message. To customize it:
Select the main "Form" instance and go to Settings.
Change the State from "Initial" to "Success."
Edit the success message directly on the canvas.
If there’s an error during submission, users will see an error message. To modify it:
Select the Webhook Form Component.
Set the State to "Error" to preview and edit the error message.
Each input field must have a name attribute for its data to appear in email notifications and webhook payloads.
Ensure every form input has a value for the name field to be included in submissions.
For a full list of input types, including checkboxes and radio buttons, refer to Form Inputs.
