How to add Zapier Webhooks to your Flow

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.

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

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)

Step 3: Create your Zap

  • Go to your Zapier account
  • Create a new Zap
  • Select "Webhook" as your trigger
  • Choose "Catch Hook" as a Trigger Event
  • Copy the URL and send it to us
  • Once the endpoint has been set up by us, test it!

Savvy Agent

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