Getting Started

This article will guide you in integrating Zapier into a subscription form on your website. Follow all the instructions accordingly to integrate Zapier into your subscription form.

Integrate Zapier with the Subscription Form Element

Follow all the steps below to learn how to integrate Zapier —

- Add Subscription Form element by clicking on the `Add New Element`
- Select Subscription Form
- Click on the `Edit Element`, go to Webhook & select Zapier from the dropdown
- Go to your Zapier Account and then click on the + **Create button.**
- Click on the ⚡ Zaps option from that popup modal.
- Click on the Trigger & search for Webhook and select Webhooks by Zapier
- Copy the Webhook URL
- Go back to your builder & paste it under the Webhook URL field
- And to test the connection to see if it is connected to Zapier or not, publish your site and fill up the subscription form**,** and it will send some test data to Zapier.
- After that, go back to your Zapier account & click on the Test trigger button.
- Click on the Continue button
- Select Airtable, Create Record from Zapier & click on the Continue button



💡 If you don't have an Airtable account connected with Zapier, click on Connect a New Account and then paste your Airtable API key to connect.


- Select your Airtable base, Airtable Table, and select First Name & Email for the Name & Email Column.
- Click on the Continue button
- Click on Test Action, & It will send the test record to your Airtable.
- Go to your builder, publish your site, and send one or some random data
- If you want to write any custom success message, you can do it from your builder.
- To turn on your Zap, click on Publish.



The GIFs & Screenshots below show the whole process being demonstrated visually ⬇️



Add Subscription Form element by clicking on the Add New Element & select Subscription Form.






Click on the Edit Element, go to Webhook & select Zapier from the Form Configuration.





Go to your Zapier Account, click the + Create button, and a pop-up menu will open.





Click on the ⚡ Zaps option from that popup modal.





Click on the Trigger option.





Search for Webhook and make sure you are selecting Webhooks by Zapier.





Select Catch Hook from the Dropdown and click on the Continue button.





Copy the Webhook URL from the Test tab, return to your Dorik site builder & paste it under the Webhook URL field.





To verify the connection to Zapier, publish your site and navigate to the live version. Then, submit the subscription form.





After that, go back to your Zapier account & click on the Test trigger button. You will also see some test data from your Subscription Form element.





Click on the Continue with selected record button.

Fetch Form Data from Zapier to Airtable

From the Action Modal:
- Select Airtable and Create Record from Zapier.
- Click on the Continue button.

Configure Airtable:
- Choose your Airtable base and Airtable Table.
- Map the First Name and Email fields to the corresponding columns in Airtable.
- Click on the Continue button.

Test the Connection:
- Click on the Test Action button. This will send a test record to your Airtable.

Publish and Test:
- In your builder, publish your site.
- Submit a form with some sample data to verify the connection.

Activate the Zap:
- To turn on your Zap, click on the Publish button.


Refer to the video below to follow the steps: ⬇️





💡 If you don't have an Airtable account connected with Zapier, click on Connect a New Account and then paste your Airtable API key to connect.

Customize Success Action

To customize the form success message or URL, follow these steps:

Show Message

Expand the Form Configuration option.
Scroll down to the Success Action section.
Select the Show Message tab.
Enter your custom success message in the provided field.
Publish your site and verify the message on the live site.

Check out the steps in the video below: ⬇️

Forward to URL

Expand the Form Configuration option.
Scroll down to the Success Action section.
Select the Forward to URL tab.
Choose the link type:
- External link: Enter the URL in the provided field.
- Page: Select your preferred page.
- Section: Enter the section ID in the provided field.
Publish your site and check the redirection on the live site.

Check out the steps in the Videos below: ⬇️

Related articles

📌 ConvertKit Integration (Subscription Form)

📌 Mailchimp Integration with Webhook (Subscription Form)

Updated on: 27/06/2024