Technical GuideStep-by-Step⏱ 15 min read

Connect Webflow to WhatsApp API — Logic Automations + Zapier

Webflow is the design-forward website builder used by agencies and product companies across India. This guide shows you exactly how to connect Webflow to WA.Expert — form submissions, Logic automations, and membership events all trigger WhatsApp messages.

Get WA.Expert API Key → Talk to a Developer

Overview

What this guide covers

Webflow has two integration paths: Webflow Logic (their native automation builder, similar to Zapier but inside Webflow) and external automation tools like Zapier/Make. Both paths are covered here with step-by-step setup.

Method	Complexity	Best for
Webflow Logic (native automations)	⭐ Easy — Webflow dashboard only	Available on Webflow Business plans. Visual trigger → action builder.
Zapier/Make with Webflow trigger	⭐ Easy — no code	Works on all Webflow plans. 5-minute setup via Zapier.
Custom code embed + fetch	⭐⭐ Medium — JavaScript	Add custom JS that calls WA.Expert API from Webflow page events.

Integration Methods

Step-by-step connection guides

Method 2 Zapier — Works on All Webflow Plans

Create Zapier trigger for Webflow

Zapier → Create Zap → Trigger: Webflow → New Form Submission (or New Ecommerce Order). Connect your Webflow account and select site/form.

Add WA.Expert action

Action: Webhooks by Zapier → POST. URL: https://api.wa.expert/v1/send. Payload Type: JSON. Data: map Webflow fields to the JSON payload.

Map phone field

Webflow forms include all field values in the Zapier payload by field name. Map the "phone" or "whatsapp" field to the "to" parameter.

Test and activate

Zapier provides a test run with real Webflow data. Verify the WhatsApp sends correctly. Turn on the Zap.

// Zapier Webhooks POST to WA.Expert
URL: https://api.wa.expert/v1/send
Method: POST
Headers:
  Authorization: Bearer YOUR_KEY
  Content-Type: application/json
Data (JSON):
  to: {{phone field from Webflow}}
  template: webflow_form_confirm
  variables:
    name: {{name field}}
    message: {{message field}}

// Zapier Filter (optional):
// Only proceed if phone field is not empty

FAQ

Common questions

Does Webflow have native WhatsApp integration?

Webflow Logic (their automation builder) supports HTTP Request actions which connect directly to WA.Expert API. For older Webflow plans without Logic, Zapier provides the same capability. There is no pre-built WA.Expert app in Webflow Marketplace — the HTTP Request / Zapier approach is the standard integration path.

Can I trigger WhatsApp from Webflow CMS changes?

Yes — Webflow Logic supports CMS triggers: New CMS Item Published, CMS Item Updated. These can fire WhatsApp notifications when blog posts are published, product pages are updated, or any CMS collection changes. Useful for content teams that want to notify subscribers when new content goes live.

Does Webflow Ecommerce work with WhatsApp?

Yes — Webflow Logic has Ecommerce triggers: New Order, Order Fulfillment Update. Map the customer's phone from order data to WA.Expert for order confirmation and shipping WhatsApp notifications.

What Webflow plan is needed for Logic automations?

Webflow Logic is available on Webflow Workspace Business plans and above. For site-level plans, Logic availability depends on the plan tier. Check the Webflow pricing page for current Logic availability. Free and Starter plans should use Zapier as the alternative.

Can I send WhatsApp from Webflow Memberships?

Yes — Webflow Memberships triggers in Logic include New Member Signup and Member Role Change. Send welcome WhatsApp messages when new members join your Webflow site.

How do I add a phone number field to Webflow forms?

In Webflow Designer: open the Form Block → add a Form Field element → set Input Type to "tel" (telephone). Give it a Name attribute of "phone". This creates a phone number input field that collects the number for WhatsApp delivery.

Ready to connect Webflow to WhatsApp?

Logic Automations get you live in 15 minutes. Works with forms, e-commerce, CMS, and memberships.

Start Free Trial → Talk to Developer