Integration with Wix

Connect your ChatLab chatbot with your Wix store to give customers real-time access to order tracking directly in the chat.

Important: E-Commerce Best Practices

After completing the integration below, read the comprehensive guide on optimizing your chatbot for e-commerce: How to set up ChatLab for your E-commerce store

What the Integration Provides

Order Details -- Customers can check order status by providing their order number and email address. Both values are validated against your Wix store records. The chatbot returns:

• Order number, date, and current status
• Order total and currency
• Payment status
• Ordered items with names, quantities, prices, SKU, and product image
• Shipping address and billing address (name, company, street, city, postal code, country, phone)
• Delivery method and estimated delivery time

Step 1: Get Your Wix Site ID

1. Sign in to your Wix admin dashboard
2. In your browser's address bar, locate the siteId parameter in the URL
3. Copy the Site ID value

Step 2: Create a Wix API Key

1. In the Wix dashboard, click your profile icon (top-right) and select Account Settings

2. Open the API Keys section from the left sidebar

3. Click Generate API Key

4. Name your key (e.g., "chatlab") and grant these permissions from the All site permissions group:
   • Wix Stores
   • Wix eCommerce

5. Click Generate Key, complete any security prompts, and copy your API key from the one-time display -- store it securely, as it cannot be shown again

Step 3: Get Your Account ID

After closing the API key dialog, find the Account ID on the right side of the API Keys page. Click Copy ID to copy it.

Step 4: Connect Wix in ChatLab

1. Log in to ChatLab and select your bot
2. Go to the Connect tab

3. Click Connect on the Wix tile
4. Enter your API Key (from Step 2)
5. Enter your Account Id (from Step 3)
6. Enter your Site Id (from Step 1)

7. Click Connect

ChatLab automatically tests the connection by verifying that your API key has the required permissions. If successful, you will see a confirmation message.

Step 5: Configure Wix Actions

After connecting, you need to enable the order details action. Navigate to Settings > Actions and filter by the Wix platform.

Click the activate button on the Wix - order details action to enable it. You can also customize the action label (the message shown to users while the action runs) and the instructions that guide how the AI uses the action.

Testing Your Integration

After activating the action, open your chatbot widget and try:

• "What's the status of my order #1001?" (tests order details)

Verify that the response matches data from your Wix store, including order status, items, and addresses.

Install Chatbot on Your Wix Website

To add the chat widget to your Wix site:

1. In ChatLab, go to the Add to Website tab for your bot
2. Select the Wix platform tab
3. Copy the code snippet
4. In Wix, go to Settings > Advanced > Custom Code
5. Click + Add Custom Code
6. Paste the code and name it (e.g., "ChatLab")
7. Select which pages should display the chatbot
8. Choose Head for code placement
9. Click Apply to save

For detailed widget installation instructions, see How to add your chatbot to Wix website.