How to Connect Shopify with WABB

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:

Body: 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.

Navigate to Settings → Notifications in Shopify Admin

Click “Webhooks”

Click on “Create Webhooks”

Select an Event

For example: Order creation, Order update, Cart creation.

Choose JSON format

Paste your WABB Webhook URL

Check the section below on how to create a webhook URL.

Set the API version and click Save

Pick an API version, then save the webhook.

Click on “Send test”

This sends the test payload to 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:

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:

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.