WABB makes it super simple to connect your Shopify store to WhatsApp! With WABB’s webhook feature, you can send automatic updates like order confirmations, cart abandonment messages, product details, and shipping updates directly to your customers’ WhatsApp. No extra work, no extra costs.
Here’s how to set it up step-by-step:
Steps to Integrate WABB with Shopify
Log in to Shopify Admin Panel
Go to your Shopify admin dashboard. The URL usually starts with
https://admin.shopify.com/.Install the Flow App
From the left menu, click on Apps.
In the search bar, type “Flow” (this app is free).
Install the app on your Shopify dashboard.
Create a Workflow in Flow
Open the Flow app and click Create Workflow.
A new window will open where you need to click Select a Trigger and choose “Shopify.”
Choose a Trigger
Pick an event that should trigger the webhook. For example:
Customer abandons checkout
Order created/cancelled
Refund created
Select the trigger that matches your need.
Set Up the HTTP Action
In the workspace, click the block and select Action > Send HTTP Request.
Under “HTTP Method,” choose POST (this is used to send data).
Get the Webhook URL from WABB
Log in to WABB, go to the Webhooks section under Automation, and create a new webhook.
Copy the webhook link from WABB and paste it in the URL field in Shopify.
Set Headers and Body in Shopify
Headers:
Key: Content-Type
Value: application/jsonBody:
Add the data you want to send. For example, if the trigger is “Order Created,” you might send:
{
"Name": "{{order.customer.displayName}}",
"Phone": "{{order.customer.phone}}",
"Item": "{% for lineItems_item in order.lineItems %}{{lineItems_item.title}}{% endfor %}"
}You can click Add a Variable to easily select the right fields like name, phone, or product details.
Save and Test the Workflow
Click Apply Changes and activate the workflow.
Test it by creating a sample order in Shopify.
Setting It Up in WABB
Check Incoming Data
Go to the Webhooks section in WABB and open your webhook.
Refresh the page, and you’ll see the test data appear. For example:
Item: StarWars T-shirt, M size, Grey prints
Name: Rahul Singh
Phone: +9196XXXXXXXX
Map Data Fields
Under “WhatsApp Number,” choose the field for the phone number.
If you want to save the contact for future use, check mark Create/Update Contact Name section and map the customer’s name.
Store Data in Custom Fields
Click Add New Action and select Update Custom Field to store data like product names.
Make sure the custom field type matches the data type (e.g., text or numeric).
For example, store: StarWars T-shirt, M size, Grey prints in a custom field called “Item.”
Create a Flow in WABB
Create a message template with placeholders for the data. For example:
Greetings from [Store Name], We’ve received your order for {Item}. It’s being processed and will be shipped within 2-3 days. Thank you for shopping with us!
Once flow is created you can add another action to send a flow, and choose the right name of the flow.
Go Live
Once everything is set up, toggle the webhook live.
Now, whenever a customer places an order, Shopify will send data to WABB, and WABB will send updates on WhatsApp automatically.
Notes:
Always test the webhook before activating it.
Double-check that each data field is mapped correctly.
Match custom field types with the data (e.g., text or numeric).
Need help? Contact WABB support anytime!
That’s it! This setup takes just 10-15 minutes, and once done, it runs on autopilot. You can use the same steps for other events like cart abandonment, order cancellations, or refunds.