> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Zapier Integration (Subscription Form)

# 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 ⬇️**



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


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-06-25-at-10_p1nuy7.gif)



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

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-06-25-at-10_1ka1x2y.gif)



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

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1hptq53.png)



4. Click on the `⚡ Zaps` option from that popup modal.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1qzcbal.png)



5. Click on the **Trigger** option.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_mfxvf7.png)



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

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_cfh0s.png)



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

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_nzsfml.png)



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

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-06-26-at-95_r184ik.gif)



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

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-06-26-at-95_1jnzbgk.gif)



10. 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.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-06-26-at-10_3y9t0j.gif)
    

    
11. Click on the `Continue with selected record` button.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-06-26-at-10_p1et9g.gif)


---

## Fetch Form Data from Zapier to Airtable

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

2. **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.

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

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

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


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


${youtube}[Fetch Subscription Form Data from Zapier to Airtable](oQePR173onI)


|| 💡 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

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

**Check out the steps in the video below:** ⬇️


${youtube}[Success Action - Show Message](tQ7XzIjHW_g)

---


### Forward to URL

1. Expand the **Form Configuration** option.
2. Scroll down to the **Success Action** section.
3. Select the **Forward to URL** tab.
4. 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.
5. Publish your site and check the redirection on the live site.

**Check out the steps in the Videos below: ⬇️**


${youtube}[Success URL-External Link](B2FN_Cv7WOM)


${youtube}[Success URL - Page](b6amVisJxL8)


${youtube}[Success URL - Section](z_Rb0Ybuc4U)


---

---

# Related articles

📌 [ConvertKit Integration (Subscription Form)](/en/article/convertkit-integration-subscription-form-cgead3/)

📌 [Mailchimp Integration with Webhook (Subscription Form)](/en/article/mailchimp-integration-with-webhook-subscription-form-1q39hbf/)