WAB2C LogoWAB2C
Integration GuideWooCommerceIntermediate

WooCommerce WhatsApp Integration Guide

Learn how to generate e-commerce order notifications through WhatsApp API. Connect your WooCommerce store with WAB2C for automated order confirmations, shipping updates, and customer engagement. Complete setup in under 15 minutes.

Start IntegrationView Setup Steps
Back to Guides

What You'll Get After Integration

✓ Automated Order Notifications

Instant WhatsApp messages when customers place orders on your WooCommerce store

✓ Real-time Webhooks

Live sync between WooCommerce and WhatsApp for immediate customer communication

✓ Custom Template Mapping

Map WooCommerce order data to WhatsApp template variables for personalized messages

✓ COD Verification

Confirm cash-on-delivery orders via WhatsApp to reduce fake orders by up to 40%

Before You Start - Prerequisites

  • Approved WhatsApp Template: Make sure your WhatsApp message template is approved by Meta before proceeding
  • Active WooCommerce Store: WordPress website with WooCommerce plugin installed and at least 1 product
  • WAB2C Account: Sign up free at app.wab2c.com with WhatsApp API access
  • Admin Access: WordPress admin access to configure WooCommerce webhooks

Template Approval is Critical

Pehle template approve karwa lein! (Get your template approved first!) If your WhatsApp message template is not approved by Meta, the integration will not send messages. Template approval usually takes 24-48 hours.

Learn how to create templates

Step-by-Step Setup Process

1

Create the Webhook in Ecom Webhook

Go to the Ecom Webhook section in your WAB2C dashboard and create your first webhook.

Follow these steps:

  • AClick "Create First Webhook"
  • BFill the form:
    • • Webhook name: Enter any name (e.g., "WooCommerce Orders")
    • • Description: Optional - you can skip it
    • • HTTP Method: POST (default)
    • • Secret key: Optional - you can skip it
  • CClick on "Payload" and wait for the page to refresh
  • DCopy the generated URL link - you'll need this in Step 2

Pro Tip: The webhook URL looks like:https://api.wab2c.com/webhook/ecom/xxxxx

2

Add the Webhook in WooCommerce Store

Open a new browser tab and navigate to your WooCommerce store's webhook settings.

Navigation path:

WooCommerceSettingsAdvancedWebhooks

Configure webhook details:

Name:WAB2C Order Notification
Status:Active
Topic:Order Created
Delivery URL:Paste URL from Step 1
Secret:Optional - skip
API Version:WP REST API Integration v3
3

Sync the Connection

Return to the WAB2C dashboard and sync the webhook to establish the connection.

Click the "Sync" button

This will verify the connection between WooCommerce and WAB2C

4

Do a Test Order to Confirm Syncing

Place a test order on your website to verify the webhook is working correctly.

Test Order Steps:

  • 1Go to your shopping website
  • 2Click "Buy Now" on any product
  • 3Fill in all checkout details (use your own phone number)
  • 4Click "Continue to Payment"
  • 5Confirm and Place Order

Success! You should now see that the sync is connected successfully. Click "Cancel" or continue to go back to the dashboard.

5

Map Your WhatsApp Template

Go to the Map Template section and configure your order confirmation template.

Template Mapping:

  • Select your Order Confirmation template from the dropdown
  • In "Map Phone Number" field, select billing_phone
  • You can see a live preview of the message on the right side
  • Click "Next" to proceed to body variables
6

Set Body Variables

Map the WooCommerce order data to your WhatsApp template variables.

Variable Mapping (Example for Order Confirmation):

Body Variable 1billing_first_name
Body Variable 2order_id
Body Variable 3line_items_name
Body Variable 4line_items_quantity

Available Variables: billing_first_name, billing_last_name, billing_phone, billing_email, order_id, order_total, line_items_name, line_items_quantity, shipping_address, payment_method, order_status

7

Final Testing and Message Verification

Turn on Test mode and place another order to verify everything works.

  • Turn on the "Test" option
  • Check that webhook status shows "Updated Successfully"
  • Go back to your shopping website
  • Place another order using "Buy Now"
  • Fill details and click "Place Order"
8

Check Logs and WhatsApp Delivery

Verify the message was sent successfully and delivered to WhatsApp.

Verification Steps:

  • 1Return to WAB2C dashboard and open Webhook Logs section
  • 2The system may take a few seconds to send the message - refresh if needed
  • 3Look for message with "Successfully Sent" status
  • 4Click "Action → View" to check full message details
  • 5Go to Dashboard → Chat to see the delivered message

🎉 Mubarak ho! (Congratulations!)

You will see the order confirmation message successfully delivered on WhatsApp. Your WooCommerce store is now connected with WhatsApp Business API!

Sample WhatsApp Order Confirmation

Order Confirmation Message

Hi Ahmed! 👋

Your order #10523 has been confirmed! 🎉

Order Details:

• Premium Cotton Shirt x 2

• Denim Jeans x 1

We'll notify you once your order is shipped.

Thank you for shopping with us! 🛍️

Troubleshooting Common Issues

❌ Message Not Sending

  • • Check if your WhatsApp template is approved
  • • Verify you have sufficient WhatsApp credits
  • • Ensure phone number format is correct (+92...)
  • • Check Webhook Logs for specific error messages

⚠️ Webhook Not Syncing

  • • Verify the Delivery URL is correctly pasted in WooCommerce
  • • Check if webhook status is "Active" in WooCommerce
  • • Ensure your website SSL certificate is valid
  • • Try creating a new webhook if issues persist

💡 Variables Not Mapping

  • • Double-check variable names match exactly
  • • Ensure your template has the correct number of variables
  • • Test with a simple template first
  • • Contact support if mapping issues continue

Expected Results After Integration

98%

Message Delivery Rate

-40%

Fake COD Orders

+35%

Customer Engagement

5x

Better Than SMS

Frequently Asked Questions

How do I integrate WooCommerce with WhatsApp Business API?

Create a webhook in WAB2C Ecom Webhooks, copy the URL, add it to WooCommerce Settings > Advanced > Webhooks with Order Created topic, sync the connection, and map your WhatsApp template variables.

What is the cost of WooCommerce WhatsApp integration?

The WAB2C WooCommerce integration is free. You only pay Meta's official WhatsApp conversation rates: Marketing PKR 4.66, Utility PKR 1.51, and Service conversations are free within 24 hours.

Do I need coding knowledge to integrate WooCommerce with WhatsApp?

No coding required! WAB2C provides a visual interface to create webhooks, map templates, and configure variables. The entire setup is done through the dashboard.

How long does it take to set up WooCommerce WhatsApp integration?

The complete setup takes 10-15 minutes if you already have approved WhatsApp templates. Template approval may take additional 24-48 hours if not already done.

Can I send COD verification messages through WooCommerce?

Yes, create a webhook for Order Created events and use an interactive WhatsApp template with Yes/No buttons for customers to confirm their cash-on-delivery orders.

Ready to Connect WooCommerce with WhatsApp?

Start sending automated order notifications to your customers today

Start WooCommerce IntegrationPre-Qualification Checklist

Quick Navigation

Related Guides

→ Shopify Integration Guide→ Create WhatsApp Templates→ COD Verification Setup

Need Help?

Our team can help you set up the WooCommerce integration

Chat on WhatsApp