> ## 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 (Custom Form)

# Getting Started

Integrating **Zapier** with the **Custom Form** element allows you to store form data on various platforms using **webhooks**. This article will guide you through the process of connecting **Zapier** to the **Custom Form** element and storing form data in your **email address** via **Zapier**.


---

# Adding Custom Form

Follow the below steps to add a Custom form element on your site:

- Click `+ Add New Section` and select a **Container**.
- Click on the `+` button labelled with **Add Element or Container**.
- Then, select **Custom Form** from the **Elements** tab.


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/custom-form_1rkfo40.gif)



**For more details about the Custom Form element, refer to the below documentation**:

📌 [Custom Form](/en/article/custom-form-1om8yc8/)

---


# Zapier Integration

Follow these steps to integrate Zapier with your Custom Form:

✅ **Connect Zapier with Custom Form and Send Data to Email**

- On your **Dorik site**, click on the **custom form** to **Edit Element**.
- Scroll to **Form Configuration** and choose **Zapier** from the `Send To` field.
- In **Zapier**, create a new Zap and select **Webhooks by Zapier** as the trigger.
- Select **Catch Hook**, copy the **Webhook URL**, and paste it into the **Webhook URL** field in Dorik.
- Verify the connection by sending test data.

✅ **Send Form Data from Zapier to Email**

- Continue with the selected record in Zapier.
- Choose `Email by Zapier` and select `Send Outbound Email`.
- Enter the **email address** and **Subject**.
- Select the form data fields to include in the email body, then click **Continue**.
- Test the step and verify on your published site.
- Click **Publish** to save your Zap.



**Refer to the below Screenshots, GIFs and Videos to visualize these steps in detail:** ⬇️



1. On your Dorik site, click on the **custom form** to **Edit Element**.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-07-01-at-11_1lehm1s.gif)    
    


    
2. Scroll down to the **Form Configuration** and choose **Zapier** from the `Send To` field.

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

    

3. Go to the **Zapier** dashboard and click on the `+ Create` button and select `⚡Zaps`  to create a new Zap.

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



4. Click on the **Trigger** option.

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

    

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

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


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

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

    

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

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-07-01-at-24_hjvj6g.gif)    
    

    

8. To verify the connection, click on the `click here` text, and then it will send a test data to Zapier.


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


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



---

## Send Form Data from Zapier to Email


1. Click on the `Continue with selected record` button from the last step.

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



2. Choose `Email by Zapier` from the Action modal.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-07-01-at-34_1kqo3cq.gif)    
    

    

3. Choose `Send Outbound Email` from the **Event** field.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-07-01-at-34_5w2jki.gif)    
    

    

4. Write the **email address** in the `To` field where you would like to receive the data from the **Custom Form** and enter the desired `Subject` of the email you wish to receive.

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




5. Next, choose the items you want to include in your email body, such as First Name, Last Name, Email, Details, etc., in the `Body` field. Then, click on the `Continue` button.

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

    

6. Click the `Test Step` button and visit your published site to verify. 

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-07-01-at-40_yhx8gi.gif)    
    

    
    **This is how you will receive the information in your email: ⬇️**

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

    

7. After that, click `Publish` to save your Zap.

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



---

---


# Related articles

📌 [Pabbly Connect Integration (Custom Form)](/en/article/pabbly-connect-integration-custom-form-25fz5e/)

📌 [Mailchimp Integration with Webhook via Integromat (Custom Form)](/en/article/mailchimp-integration-with-webhook-via-integromat-custom-form-eiacoe/)