How to Display WooCommerce Products Inside WhatsApp Using ExlDigital

Integrating your WooCommerce store with WhatsApp is an effective way to engage customers and showcase products directly in their chat. With ExlDigital, you can dynamically pull WooCommerce product data and present it as interactive lists inside WhatsApp, driving better user engagement and higher conversion rates.

This step-by-step guide will show you how to set up the integration:

If you’re new to ExlDigital or want to learn how to create interactive dynamic lists in WhatsApp, check out our blog on How to Create Dynamic Lists in WhatsApp Interactive Messages.

Interactive List Message Limitations

When using WhatsApp Interactive List Messages to display WooCommerce products, remember there’s a WhatsApp-imposed limit: only 10 products can be included per interactive message.

If you want to display more than 10 products, you must send multiple interactive messages — for example, the first message shows 10 products, and follow-up messages present the next batch.
 

Step 1: Generate WooCommerce API Keys

To fetch product data from WooCommerce, you first need API credentials.

1. Navigate to WooCommerce > Settings > Advanced > REST API .
2. Click Add Key to generate new API credentials.
3. Provide a name for the API key (e.g., "Exldigital Integration") and set permissions to Read .
4. Generate the key, and note down the Consumer Key and Consumer Secret .
   • Example:
     • Consumer Key: ck_e364b8987604b8df0ecda24242350a84b62e38a  
       Consumer Secret: cs_279d6f0bd0f89cc1790b477d2f055f039cf39f

     • 

     • Step 2: Set Up HTTP API Integration in Exldigital
     • Next, configure Exldigital to connect with your WooCommerce store using the REST API for seamless product synchronization and automated workflows.

     • Navigate to HTTP API Integration in Exldigital

     • Go to: HTTP API > Add New API Connection

     • Enter the WooCommerce API Details

     • API Name: Give a clear, descriptive name (example: Demo Furniture Product)
     • Endpoint URL: Use the WooCommerce REST API URL to fetch products. Example:
       https://yourstore.com/wp-json/wc/v3/products?category=19
     • Method: Select GET

     • Advanced Option: Using Dynamic Custom Fields for Personalized Product Feeds

     • Instead of using a fixed category ID (like category=19), you can create a dynamic setup to improve customer engagement:
     • Fetch Categories Dynamically
       • Use another WooCommerce API to retrieve all product categories:
         https://yourstore.com/wp-json/wc/v3/products/categories
     • Display Categories in WhatsApp
       • Show these fetched categories as a menu inside WhatsApp via Exldigital.
     • Allow User Selection
       • Let users pick a category, then save their selection in a custom field within Exldigital.

     • Dynamic API Endpoint Example

       • Use the saved category ID dynamically in your product API:
         https://yourstore.com/wp-json/wc/v3/products?category=#Chosen_category_id#

       Key Notes:

       • The placeholder #Chosen_category_id# will automatically be replaced by the category ID stored in the Exldigital custom field.
       • This creates a personalized user experience, showing only the products related to the user’s selected category.

     • Add Authentication for WooCommerce API

     • In the Option Data section, enter:
     • Option Key: USERNAME → Value: ck_e364b8987604b8df0ecda24242350a84b62e38a
     • Option Key: PASSWORD → Value: cs_279d6f0bd0f89cc1790b477d2f055f039cf39f

     • Map the API Response

     • Save the raw API response into a custom field in Exldigital, such as Furnitureproduct.

     • Test and Verify API Connection

     • Click Verify Connection to confirm the integration works.
     • Once verified, you will see the response data returned successfully.

     • Finally, save the API configuration.
        

       

     • Step 4: Customize the User Interaction
     • With exldigital, you can customize the flow to improve user experience:
     • Thank Users: Add a text node to acknowledge the user’s selection and show product details.
     • Add Action Buttons: Provide links for users to purchase products or learn more.
     • Segment Users: Save user preferences based on selections for future targeted campaigns.
     • Example Flow Overview
     • Here’s a simple bot flow using exldigital:
     • User sends “Product.”
     • The bot fetches WooCommerce product data via HTTP API.
     • Interactive WhatsApp message displays product categories (e.g., Furniture, Clothes).
     • User selects a category.
     • The bot shows products in that category, including price and stock status.
     • User selects a product, and the bot confirms with further options or details.
     • Benefits of Using exldigital with WooCommerce
     • Real-Time Product Updates: Show the latest products and stock info directly from your WooCommerce store.
     • Boost Customer Engagement: Interactive WhatsApp lists make browsing and selection easier for users.
     • Streamlined Workflow: Automate product inquiries, saving time and effort.
     • Personalized Marketing: Deliver product recommendations based on user interests.
     • Conclusion
     • Integrating WooCommerce with WhatsApp through exldigital helps you bring products directly to your customers’ fingertips. This setup allows you to display dynamic, interactive messages on WhatsApp using live WooCommerce data.