# How to add Zapier Webhooks to your Flow

{% hint style="info" %}
Zapier is a tool that helps you automate repetitive tasks between two or more apps—no code necessary. When an event happens in one app, Zapier can tell another app to perform (or do) a particular action.
{% endhint %}

## Savvy User:

### Step 1: Set the Data Output

* On the Left Sidebar of the builder, go to the "All" Tab
* Create a new Data Output, on the Data Outputs section at the bottom of the tab

![](https://1421794749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MaGcfSakhqdHaWyb0T_%2Fuploads%2F5UBZvkSd7JB2DNRZyuWu%2FGroup%2021.png?alt=media\&token=66d626c2-857a-41e8-a4d3-3f0905998eb8)

* This will open the Options Tab on the Right Sidebar
* Choose "Diahook" from the Output Selector
* Check the "Manual Trigger Only" box below the selector

![](https://1421794749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MaGcfSakhqdHaWyb0T_%2Fuploads%2FPgnciJ3vE57p46FX6JYF%2Fdiahook.png?alt=media\&token=482baa3a-49ee-4a58-9229-e1ad86d56fea)

### Step 2: Set the Trigger

* Choose where you want the Zap to be triggered:
  * On page load
  * On page complete
  * On button click
  * On payment complete (Stripe checkout)
* Select the page or component you want as a trigger
* On the Right Sidebar, go to the Triggers Tab
* On the bottom there's an input box where you'll be able to select the Data Output that will be triggered ("on page load" or "on page complete" if it's a page, or just "outputs to trigger" if it's a component)

![](https://1421794749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MaGcfSakhqdHaWyb0T_%2Fuploads%2Fp5KwaMHGe1IySoaczXzj%2Fset%20up%20trigger.png?alt=media\&token=8762276e-5cff-405e-9e17-93e332a47601)

### Step 3: Create your Zap

* Go to your Zapier account&#x20;
* Create a new Zap

![](https://1421794749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MaGcfSakhqdHaWyb0T_%2Fuploads%2FCgRbaaHQPN80EowKOEk5%2Fcreate%20zap.png?alt=media\&token=f12ca64e-9dc8-4373-807b-dd3d186331b3)

* Select "Webhook" as your trigger&#x20;

![](https://1421794749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MaGcfSakhqdHaWyb0T_%2Fuploads%2FlAWnwIYjNk16UGU0bU2o%2Fwebhook.png?alt=media\&token=a26bc061-1123-41a3-89d6-f294513b0e4f)

* Choose "Catch Hook" as a Trigger Event

![](https://1421794749-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MaGcfSakhqdHaWyb0T_%2Fuploads%2FA5h6i04vUm06HG2fr2lR%2Fcatch%20hook.png?alt=media\&token=be8f6433-ebca-4c00-9a23-ff12c2223896)

* Copy the URL and send it to us
* Once the endpoint has been set up by us, test it!

## Savvy Agent

1. Go to the Organization Group on the builder (using Ctrl + K or Cmd + K)
2. On the bottom left corner, click on your profile picture and go to settings
3. Click on "Webhooks" on the top left corner of the settings page&#x20;
4. The Svix website will open, add a new endpoint with the URL the user sent
5. After the user tests it, make sure the event is shown in the logs section of Svix
