WhatsApp Business API Integration: How to Connect WhatsApp to Your Stack (2026)
To integrate the WhatsApp Business API, connect through a Meta-authorised BSP like Hyperleap AI using one of four paths: receive real-time events via webhooks, read and send messages programmatically via REST API, embed the Hyperleap chat widget on your website (Shopify, WordPress, Webflow, and others), or route events through middleware tools like Make or n8n. Native CRM integrations (HubSpot, Salesforce, Zendesk) are in active development.
TL;DR — Integration Paths at a Glance
Webhooks
Hyperleap fires real-time events (lead created, new message, reply, conversation started) to your endpoint.
REST API
Read conversations and leads, send messages, and manage templates programmatically.
Website embed
Drop the Hyperleap chat widget onto Shopify, WordPress, Webflow, Squarespace, Wix, or any HTML page.
Middleware (Make, n8n)
Use Hyperleap webhooks as triggers in your automation workflows today. Native Zapier integration is in active development.
CRM sync
Connect via REST API + webhooks directly, or route through middleware. Native HubSpot, Salesforce, and Zendesk integrations are in development.
Four Integration Paths
1. Webhooks — Real-Time Event Streaming
Webhooks are the fastest way to wire WhatsApp events into any system. When something happens in a Hyperleap conversation — a new lead, an inbound message, an agent reply — Hyperleap immediately POSTs a signed JSON payload to your endpoint.
This is the right path when you need low-latency event handling: logging conversations to your data warehouse, triggering a CRM record creation, routing a high-intent lead to your sales queue, or kicking off an automated follow-up sequence.
Hyperleap signs every webhook delivery so you can verify authenticity on your end. Implement idempotency on your receiver — Hyperleap may retry deliveries on timeout, so your handler should deduplicate by event ID.
2. REST API — Query and Act
The REST API gives you pull-based access and write capabilities. Use it to query leads and conversations, retrieve message history, send outbound messages, and manage approved message templates.
This is the right path when you need to initiate actions from your system — not just react to events. A support agent resolves a ticket in your helpdesk and your system sends a closing WhatsApp message. A sales rep qualifies a lead in your pipeline and triggers a follow-up template. All of that happens via API call, not by waiting for a webhook. Full reference at /whatsapp-business-api/documentation.
3. Website Embed — Chat Widget on Your Site
Hyperleap's chat widget is a JavaScript snippet you add to any web page. When a visitor starts a conversation on your website, that conversation is a WhatsApp thread — your team handles it inside Hyperleap's inbox, and the visitor's WhatsApp receives the replies.
The embed is not a direct WhatsApp API integration — it is a channel connection where the web surface feeds into the same WhatsApp inbox as your direct WhatsApp contacts.
4. BSP Middleware — Hyperleap as Your WhatsApp Layer
As a Meta-authorised BSP, Hyperleap manages the underlying Meta Cloud API connection on your behalf. You do not interact with Meta's Graph API directly — Hyperleap handles phone number provisioning, template approval submissions, message quality monitoring, and rate-limit management. Your application talks to Hyperleap's REST API and webhooks. Hyperleap handles everything between your stack and Meta. See the Cloud API overview for more on what the BSP layer handles.
Webhook Events Hyperleap Fires
Configure your webhook endpoint in the Hyperleap dashboard under Settings → Integrations → Webhooks. Hyperleap will POST to your URL for these four events:
| Event | When it fires | Common use |
|---|---|---|
lead.created | A new contact is captured from any channel | Create a CRM record; alert sales; start a nurture sequence |
message.new | An inbound message arrives from a contact | Log to helpdesk; trigger an auto-qualifier; notify a support queue |
message.reply | An agent or bot sends a reply | Log outbound activity; update conversation status in your system |
conversation.started | A new conversation thread begins | Set SLA timers; assign to a team; tag by channel source |
All payloads are JSON. Each delivery includes a signature header for verification. Your endpoint must return 2xx within the timeout window, or Hyperleap retries with exponential backoff. Full webhook payload schemas are documented at /whatsapp-business-api/documentation.
REST API
The Hyperleap REST API covers four capability areas:
- • Leads: List, filter, and retrieve lead records with contact details and source attribution.
- • Conversations: Read full message threads by lead or conversation ID.
- • Messages: Send outbound messages to existing contacts (subject to Meta's 24-hour messaging window and template rules).
- • Templates: List your approved message templates and their status.
Auth model: Bearer token, issued per workspace in the Hyperleap dashboard. Include the token in the Authorization header on every request. The API is RESTful and returns JSON. Pagination is cursor-based.
Website Embed
The Hyperleap chat widget embeds on any web platform via a JavaScript snippet. Supported platforms:
Shopify
Add the snippet to your theme's theme.liquid file. The widget appears on all pages by default; target specific pages using conditional Liquid tags.
WordPress
Paste the snippet into your child theme's footer.php, or use a header/footer plugin to inject it site-wide without touching theme files.
Webflow
Add the snippet under Project Settings → Custom Code → Footer Code. Works on all pages; use page-level settings to restrict to specific pages.
Squarespace
Inject via Settings → Advanced → Code Injection → Footer.
Wix
Use the Wix Velo Embed a Widget element or paste into the site's tracking and analytics code injection field.
Custom HTML
Paste the snippet before your closing </body> tag.
Important: these are chat widget embeds, not e-commerce API integrations. Hyperleap does not read your Shopify product catalog, cart state, or order history. The widget opens a WhatsApp conversation — what happens in that conversation is handled by your AI agent or support team.
CRM Integration
Current state: Connect via REST API and webhooks — no native CRM integration is shipped today.
The practical pattern:
- Configure a
lead.createdwebhook to fire to your integration layer. - Your handler maps the Hyperleap lead payload to your CRM's contact schema and creates or updates the record.
- Use the REST API to push conversation notes or messages back from your CRM's context.
If you are using a middleware platform (Make, n8n, or similar), you can connect Hyperleap webhooks as the trigger node and your CRM as the target — no custom code needed.
What's coming: Native HubSpot, Salesforce, and Zendesk integrations are in active development. These will provide two-way sync without a custom integration layer. They are not shipped yet and do not have a confirmed release date.
Booking Systems
Hyperleap does not integrate natively with Calendly or Cal.com via their APIs. What it does: when a lead expresses intent to book, the AI agent shares your Calendly or Cal.com booking link in the WhatsApp conversation. The customer taps the link and completes their booking in the browser.
The result is the same from the customer's perspective — they get from WhatsApp conversation to confirmed appointment. But there is no two-way API sync: Hyperleap does not know when the booking is confirmed, and it does not write back to your calendar. If you need that data, set up a Calendly or Cal.com webhook on your end and connect it to your CRM or Hyperleap via your own integration layer.
E-Commerce Integration
Hyperleap embeds on Shopify and WooCommerce sites as a chat widget (see Website Embed above). This is a customer conversation layer — it does not connect to the Shopify Admin API for product browsing, cart management, or order status lookups.
If you want to provide order status or product information through the Hyperleap agent, the current path is:
- Set up a Shopify webhook that fires on order events (created, fulfilled, updated).
- Your integration layer receives the Shopify event and calls the Hyperleap REST API to send the relevant data to the customer's WhatsApp conversation.
This requires custom development. It is not a native feature. Deeper e-commerce connectivity is a planned direction, not a current capability.
Custom Integrations
The general architecture for a custom Hyperleap integration:
[Hyperleap] --webhook--> [Your endpoint] --transforms data--> [Your system]
^
[Your system] --REST API call--------|
(send message, read lead, fetch conversation)Real-time inbound data flows via webhooks. Your system initiates actions via REST API. This covers the majority of integration requirements: CRM sync, helpdesk routing, notification services, data pipelines, and outbound messaging triggered by your backend logic.
For more complex orchestration — conditional routing, multi-step workflows, retry logic — wrap your webhook handler in a lightweight queue (SQS, Pub/Sub, or a similar message broker) to decouple ingestion from processing. Full feature overview: /whatsapp-business-api/features.
Middleware Integrations (Zapier, Make, n8n)
Zapier: Native Zapier integration is in active development. It is not available today. Do not build a production workflow that depends on it being available on a specific date.
Make and n8n: Hyperleap webhooks work as trigger nodes in Make and n8n today. Configure a webhook receiver module in Make or n8n, point your Hyperleap webhook at that URL, and connect any downstream action — CRM updates, Slack notifications, spreadsheet logging, email sequences. This requires no code.
This is a practical path while native integrations are in development. The limitation is that Make/n8n cannot initiate actions back to Hyperleap via a pre-built module — you would use Hyperleap's REST API with an HTTP action module for that.
Integration Mistakes to Avoid
Assuming the Shopify embed means cart and order sync
It does not. The chat widget is a conversation layer, not an e-commerce API client. Customers can start a WhatsApp conversation from your Shopify store — that is all.
Assuming Calendly is a native integration
Hyperleap shares the link. Booking confirmation does not flow back to Hyperleap automatically.
Assuming CRM sync works out of the box
It does not. Native CRM integrations are in development. Use webhooks and the REST API for now.
Not verifying webhook signatures
Every Hyperleap webhook delivery includes a signature header. If you skip verification, you cannot distinguish legitimate Hyperleap payloads from spoofed requests hitting your endpoint.
Not handling duplicate deliveries
Hyperleap retries on timeout. If your system creates a CRM record on every lead.created event without checking whether the lead already exists, you will get duplicate contacts. Store the Hyperleap event ID and check before writing.
Building directly against Meta's Graph API instead of Hyperleap's
If you are using Hyperleap as your BSP, route through Hyperleap's API — not Meta's directly. Direct Meta API calls will conflict with the BSP layer.
Get Started
- See a live demo — walk through the inbox, agent builder, and webhook configuration
- View pricing — Plus starts at $40/mo
- API documentation — full REST API reference and webhook payload schemas
- WhatsApp Business API overview — if you are still evaluating whether the API is right for your use case
Frequently Asked Questions
How do I integrate WhatsApp Business API with my CRM?
Use Hyperleap's lead.created webhook to trigger CRM record creation in real time. For ongoing conversation sync, use the REST API to read message history and push updates. Native HubSpot, Salesforce, and Zendesk integrations are in active development. In the meantime, Make and n8n can connect Hyperleap webhooks to most major CRMs without custom code.
Does Hyperleap integrate with Shopify?
Hyperleap's chat widget embeds on Shopify stores via a code snippet in your theme. When a visitor starts a conversation from your store, it becomes a WhatsApp thread in your Hyperleap inbox. Hyperleap does not connect to the Shopify Admin API for product, cart, or order data — the embed is a conversation layer, not an e-commerce integration.
Does Hyperleap integrate with HubSpot?
Not natively yet. A native HubSpot integration is in active development. Currently, you can sync Hyperleap leads and conversations to HubSpot by routing lead.created and message.new webhooks through Make or n8n, or by calling HubSpot's API directly from your own webhook handler.
Can I integrate with Zapier?
Native Zapier integration is in active development and not available today. If you use Make or n8n, you can connect Hyperleap webhooks as trigger nodes right now — the approach is the same, and both platforms have broader native app libraries than Zapier in most CRM categories.
How do I receive WhatsApp messages in my own system?
Configure a webhook endpoint in the Hyperleap dashboard. Hyperleap will POST a signed JSON payload to your URL for every inbound message (message.new event). Your endpoint receives the payload, verifies the signature, and routes the message data wherever your system needs it — helpdesk ticket, database row, Slack notification, or CRM activity.
Does Hyperleap integrate with Calendly?
Not via API. When a lead expresses interest in booking, the Hyperleap AI agent shares your Calendly or Cal.com booking link directly in the WhatsApp conversation. The customer taps the link and books in their browser. Booking confirmation does not automatically flow back into Hyperleap.
What programming languages can I use?
Any language that can make HTTP requests and receive webhook POST requests. Hyperleap's REST API is language-agnostic. A TypeScript SDK is available. For other languages, use your standard HTTP client (Axios, Fetch, requests, Guzzle) against the REST API endpoints documented at /whatsapp-business-api/documentation.
Can I embed Hyperleap on my website?
Yes. Hyperleap's chat widget supports Shopify, WordPress, Webflow, Squarespace, Wix, and any site that allows custom HTML. Copy the JavaScript snippet from your Hyperleap dashboard and paste it before the closing body tag. The widget surfaces a WhatsApp conversation entry point on your site — leads who start a conversation appear in your Hyperleap inbox as WhatsApp contacts.
Related