Zapier

Zapier

Overview

Zapier connects 6000+ apps with automated workflows (Zaps). Trigger → Action chains: when something happens in one app, do something in another. No code required for basic automation; supports code steps for complex logic.

Instructions

Step 1: Common Zap Patterns

Trigger → Action examples:
1. New Stripe payment → Add row to Google Sheets → Send Slack notification
2. New form submission (Typeform) → Create contact in HubSpot → Send welcome email
3. New GitHub issue → Create Trello card → Notify on Discord
4. New email (Gmail) with attachment → Save to Google Drive → Notify on Slack
5. Scheduled (every day 9 AM) → Pull data from API → Post summary to Slack

Step 2: Webhooks (Custom Triggers)

// Trigger a Zap from your app via webhook
await fetch('https://hooks.zapier.com/hooks/catch/123456/abcdef/', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({
    event: 'order_completed',
    customer_email: 'john@example.com',
    order_total: 99.99,
    product: 'Premium Plan',
  }),
})
// Zapier receives this and runs the connected workflow

Step 3: Code Steps (JavaScript)

// Zapier Code step — transform data between apps
const inputData = inputData    // data from previous step

// Parse and transform
const fullName = `${inputData.firstName} ${inputData.lastName}`
const isVIP = parseFloat(inputData.totalSpent) > 1000

output = [{
  fullName,
  email: inputData.email.toLowerCase(),
  isVIP,
  segment: isVIP ? 'vip' : 'regular',
}]

Step 4: Build a Zapier Integration

// If you want YOUR app to appear in Zapier's directory
// Use Zapier Platform CLI to build a custom integration

// index.ts — Define triggers and actions for your app
const App = {
  triggers: {
    newOrder: {
      display: { label: 'New Order', description: 'Triggers when a new order is created' },
      operation: {
        perform: async (z, bundle) => {
          const response = await z.request('https://api.myapp.com/orders?since=' + bundle.meta.page)
          return response.data
        },
      },
    },
  },
  actions: {
    createContact: {
      display: { label: 'Create Contact' },
      operation: {
        perform: async (z, bundle) => {
          return z.request({
            method: 'POST',
            url: 'https://api.myapp.com/contacts',
            body: { email: bundle.inputData.email, name: bundle.inputData.name },
          })
        },
      },
    },
  },
}

Guidelines

• Free tier: 100 tasks/month, 5 Zaps. Starter ($19.99/mo): 750 tasks, 20 Zaps.
• "Tasks" = each action step that runs. A 5-step Zap uses 5 tasks per trigger.
• For self-hosted alternative, use n8n (free, unlimited) or Activepieces.
• Use Paths (branching) for conditional logic — different actions based on data.