Chatbots Real-time Product Updates

Importing products directly from your Shopify or WooCommerce store provides not only clean and integral information that enhances your chatbot's context, but also enables real-time product syncing with your online store. Let's explore how to implement this.

WooCommerce Webhook Synchronization Integration

Step 1: Access WooCommerce Settings

• Log into your WordPress dashboard.
• Navigate to WooCommerce > Settings.
• Once in the WooCommerce settings, find and click on the Advanced tab.
• Under the Advanced tab, you will see Webhooks. Click on it.
• Click on the Add webhook button. This will open a new page where you can configure your webhook.
• You will be presented with several fields to fill out:
  • Name: Give your webhook a descriptive name for easy identification. Use specific names like Product Create, Product Update, Product Delete, Product Restore` for different webhooks based on the action they are designed to capture.
  • Status: Set the webhook to "Active" to enable it right after creation. Alternatively, you can select "Disabled" if you wish to activate it later.
  • Topic: Select the event that will trigger the webhook. Create four separate webhooks for product-related events with the topics product.created, product.updated, product.deleted and product.restored respectively.
  • Delivery URL: Use https://www.chat-data.com/api/v1/chatbot/woocommerce/events/${chatbotId} as the Delivery URL. This URL is where the webhook will send POST requests with event data.
  • Secret: This optional field allows you to enter a secret key, which helps secure the webhook communication. The secret key is used to generate a signature for the payload, helping the receiver verify the request's authenticity. Any random string can be used here.
• After filling out the necessary fields, click on Save webhook to activate it.

This is what the final webhook setup looks like

Step 2: Setup Webhooks integration with Chat Data

Navigate to the Integrations tab within your chatbot's menu. Here, click on the Integrate with WooCommerce button to bring up the integration modal. Should you have established a secret in the prior step, you have the option to input it here, though it remains optional. Conclude the setup by clicking the Connect button.

Following this integration, any creation or modification of products in your store will prompt an automatic update to your chatbot with the latest product details. It's important to note that this webhook integration will only capture and relay future product activities. For existing products not yet captured by the webhook, you'll need to manually train the chatbot. This can be done under the Sources tab by selecting Product as the source type and opting for import via WooCommerce, ensuring your chatbot is fully informed with your current store inventory.

Shopify Webhook Synchronization Integration

Shopify sync requires no webhook setup at all. Connect your store — install the Chat Data app from the Shopify App Store, or click Integrate with Shopify in your agent's Integrations tab — and the Product Creation, Product Update, and Product Delete webhooks are registered against your store for you. See Add Chatbots to Shopify Stores for both connection paths.

From then on, any product you create, edit, or delete in your store is pushed to your agent's knowledge base automatically.

Prestashop Webhook Synchronization Integration

Step 1: Install our Chat Data Webhook module for Prestashop

Enable automatic webhook notifications for product updates, creation, and deletion. Whenever a product's status changes in your store, a webhook event will be automatically triggered and sent to our system. After downloading the Chat Data Webhook module for Prestashop, install it by navigating to Modules > Module Manager in your Prestashop admin panel, then click the Upload a module button to upload the module zip file as shown below:

Step 2: Configure Chat Data Webhook module

Navigate to the Integrations tab in your chatbot menu. Click the Integrate with Prestashop button to open the integration modal. Copy the webhook URL from the pop-up modal as shown below:

Copy the webhook URL from Chat Data to the configuration of the Chat Data Webhook module as shown below and then copy the webhook secret from the Chat Data Webhook module to the pop-up Prestashop modal in Chat Data.

Step 3: Sending test event

You can select any product ID from your current store and click to send a test webhook event. If everything is set up correctly, you will receive a 200 status code with the message: Response: {"status":"success","message":"Test event received with topic: {your chosen event}. No changes will be made to the chatbot."}, as shown below

Congratulations! You have successfully completed the Prestashop webhook events setup. All future product updates will be automatically synchronized with your AI agent.

Shopware Webhook Synchronization Integration

Step 1: Install our Chat Data Webhook Plugin for Shopware 6

Enable automatic webhook notifications for product updates, creation, and deletion. Whenever a product's status changes in your store, a webhook event will be automatically triggered and sent to our system. After downloading the Chat Data Webhook plugin for Shopware 6, install it by navigating to Extensions > My Extensions in your Shopware admin panel, then click the Upload extension button to upload the plugin zip file as shown below:

After uploading, locate the Chat Data Webhook plugin in the list and click Install followed by Activate to enable the plugin.

Step 2: Configure Chat Data Webhook Plugin

Navigate to the Integrations tab in your chatbot menu. Click the Integrate with Shopware button to open the integration modal. Copy the webhook URL from the pop-up modal as shown below:

In your Shopware admin panel, go to Extensions > My Extensions, find the Chat Data Webhook plugin, and click Configure (or the three-dot menu > Configure). Paste the webhook URL from Chat Data into the Webhook URL field. The plugin will generate a Webhook Secret - copy this secret and paste it back into the Chat Data integration modal.

Congratulations! You have successfully completed the Shopware webhook events setup. To verify the integration is working, make a change to any active product in your Shopware store. You should see the updated product payload reflected in your chatbot's Sources > Product tab.

Magento Webhook Synchronization Integration

Step 1: Install our Chat Data Webhook Extension for Magento

Enable automatic webhook notifications for product updates, creation, and deletion. Whenever a product's status changes in your store, a webhook event will be automatically triggered and sent to our system.

Magento extensions must be installed via the command line. After downloading the extension zip file, extract it and upload the contents to your Magento root directory under app/code/ChatData/ProductWebhook.

Then, run the following commands from your Magento root directory to install and enable the module:

./bin/magento module:enable ChatData_ProductWebhook
./bin/magento setup:upgrade
./bin/magento setup:di:compile
./bin/magento cache:flush

Step 2: Configure Chat Data Webhook Extension

Navigate to the Integrations tab in your chatbot menu. Click the Integrate with Magento button to open the integration modal. Copy the webhook URL from the pop-up modal as shown below:

In your Magento admin panel, navigate to Stores > Configuration > Chat Data > Product Webhook.

1. Set Enable Webhook to Yes.
2. Paste the webhook URL from Chat Data into the Webhook Base URL field.
3. Enter the testing Chatbot ID to send a test event. If everything is set up correctly, you should receive the test successfully notification.
4. (Optional) The Webhook Signing Secret is generated automatically. Skip this unless you enabled webhook secret verification in the Magento Integration modal.

Congratulations! You have successfully completed the Magento webhook events setup. All future product updates will be automatically synchronized with your AI agent.

Step 3: Remove the Chat Data Webhook Extension (optional)

If you want to remove the extension, run the following commands from your Magento root directory:

./bin/magento module:disable ChatData_ProductWebhook
./bin/magento setup:upgrade
./bin/mysql -e "DELETE FROM core_config_data WHERE path LIKE 'chatdata_webhook/%';"
rm -rf app/code/ChatData
./bin/magento cache:flush