> ## Documentation Index
> Fetch the complete documentation index at: https://docs.totebot.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# WooCommerce Integration

> Connect Totebot to your WooCommerce store

The WooCommerce integration connects your WooCommerce store with Totebot. Your AI agent gets access to your product catalog, can recommend products with live prices and availability, add items to the customer's cart, and attributes orders back to the conversations that drove them.

To access this integration, navigate to **Integrations** → **WooCommerce** in your dashboard.

<Note>WooCommerce is available on every plan, including the free plan.</Note>

## Step 1: Connect your store

<Steps>
  <Step title="Enter your site URL">
    Click **Connect** on the WooCommerce integration, enter your store's URL, and click **Authorize**.

    <img src="https://mintcdn.com/totebot/qIKpwi-X_sJkbuZ6/assets/integrations/woocommerce/totebot-ai-woocommerce-connect.png?fit=max&auto=format&n=qIKpwi-X_sJkbuZ6&q=85&s=5a7808bd88acd78e57afb3b6ba40a3fa" alt="Connect WooCommerce dialog" width="1690" height="1248" data-path="assets/integrations/woocommerce/totebot-ai-woocommerce-connect.png" />
  </Step>

  <Step title="Approve access">
    You'll be redirected to your WooCommerce store to approve the connection. Log in to your WordPress admin if prompted, review the access, and click **Approve**.

    <img src="https://mintcdn.com/totebot/qIKpwi-X_sJkbuZ6/assets/integrations/woocommerce/totebot-ai-woocommerce-approve.png?fit=max&auto=format&n=qIKpwi-X_sJkbuZ6&q=85&s=4c39e050fbc9879e1b786d7849fec6d9" alt="Approve Totebot AI access in WooCommerce" width="1699" height="1255" data-path="assets/integrations/woocommerce/totebot-ai-woocommerce-approve.png" />
  </Step>

  <Step title="Return to the dashboard">
    After approval you're redirected back to Totebot. Your product catalog starts syncing automatically, and webhooks keep it up to date when you add, change, or remove products.

    <img src="https://mintcdn.com/totebot/qIKpwi-X_sJkbuZ6/assets/integrations/woocommerce/totebot-ai-woocommerce-connected.png?fit=max&auto=format&n=qIKpwi-X_sJkbuZ6&q=85&s=b838e01b188a22e84225d42f6d070246" alt="WooCommerce connected confirmation" width="1699" height="1241" data-path="assets/integrations/woocommerce/totebot-ai-woocommerce-connected.png" />
  </Step>
</Steps>

## Step 2: Install the chat widget plugin

The plugin adds the Totebot chat widget to your storefront. Everything you need lives on the WooCommerce integration page: the **Download Plugin** button, the step-by-step, and your **Agent ID**.

<img src="https://mintcdn.com/totebot/qIKpwi-X_sJkbuZ6/assets/integrations/woocommerce/totebot-ai-woocommerce-integration.png?fit=max&auto=format&n=qIKpwi-X_sJkbuZ6&q=85&s=44c9f54a47afa2ca9a63110cc4590327" alt="WooCommerce integration page with plugin steps, Agent ID, and product sync status" width="1699" height="1260" data-path="assets/integrations/woocommerce/totebot-ai-woocommerce-integration.png" />

<Steps>
  <Step title="Download the plugin">
    On the WooCommerce integration page, click **Download Plugin** to get **Totebot AI for WooCommerce** (`totebot-ai-for-woocommerce.zip`).
  </Step>

  <Step title="Upload it to WordPress">
    In your WordPress admin panel, go to **Plugins** → **Add New** → **Upload Plugin**, choose `totebot-ai-for-woocommerce.zip`, and click **Install Now**.
  </Step>

  <Step title="Activate the plugin">
    Click **Activate Plugin**. WooCommerce must be installed and active on your site.
  </Step>

  <Step title="Enter your Agent ID">
    Go to **Settings** → **Totebot AI** in your WordPress admin and enter your **Agent ID**. You'll find it on the WooCommerce integration page in your Totebot dashboard.
  </Step>

  <Step title="Enable the widget">
    Tick **Enable Totebot Chat Widget** and click **Save**. The chat widget now appears on your store.
  </Step>
</Steps>

## What the agent can do

* **Search and recommend products** from your synced catalog, with prices, images, and availability.
* **Show product cards in chat** so customers can view details and jump to the product page.
* **Add products to the cart** directly from the conversation, so customers can keep shopping and check out without leaving the chat.
* **Look up orders** when you enable the order lookup tool on the integration page.
* **Attribute purchases** to conversations, so Analytics shows the revenue your agent generated.

## Product catalog

The **Product catalog** tab on the integration page lists every synced product. You can check sync status, trigger a re-sync, and open each product to see exactly what data the agent works with.