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

# WooComerce: Switch and Activate a New Experience for WooCommerce

Start building awesome a conversion engine for your e-commerce store in minutes.

***

<Info>
  **Before you start** — you need a WooCommerce store already connected to GuidelyPro.AI with the WordPress plugin installed and a chatbot live (see the [WooCommerce setup guide](/guides/connect-woocommerce)), plus access to your WordPress admin.
</Info>

Prefer to watch? Click through the interactive walkthrough

<video controls className="w-full aspect-video rounded-xl" src="https://guidelypro.ai/videos/Mintlify/Switch_and_Activate_a_New_Experience_for_WooCommerce_1080p_v1.0.mp4" />

***

## Part 1 — Create the new experience

<Steps>
  <Step title="Start from the Dashboard">
    Navigate to the **Dashboard** to see all your AI shopping experiences in one place, then click **Use this Template** on the one you want to build from.

    <Frame>
      <img src="https://mintcdn.com/guidelypro/AnQKnr2nvY_N9zwm/images/step-01-1.png?fit=max&auto=format&n=AnQKnr2nvY_N9zwm&q=85&s=adb66752a4ab006efe1a18337cd5eefb" alt="Step 01 1" width="1400" height="752" data-path="images/step-01-1.png" />
    </Frame>
  </Step>

  <Step title="Name it">
    Give your new experience a matching title.

    <Frame>
      <img src="https://mintcdn.com/guidelypro/AnQKnr2nvY_N9zwm/images/step-02.png?fit=max&auto=format&n=AnQKnr2nvY_N9zwm&q=85&s=a197150a55c5cffa8205e034694dda8e" alt="Step 02" width="1400" height="752" data-path="images/step-02.png" />
    </Frame>
  </Step>

  <Step title="Create the experience">
    Finalize your configuration by clicking **Create experience** at the bottom.

    <Frame>
      <img src="https://mintcdn.com/guidelypro/AnQKnr2nvY_N9zwm/images/step-03-1.png?fit=max&auto=format&n=AnQKnr2nvY_N9zwm&q=85&s=bc445d4deb2ca7334f63b8eef7d97cfe" alt="Step 03 1" width="1400" height="752" data-path="images/step-03-1.png" />
    </Frame>
  </Step>
</Steps>

## Part 2 — Publish it

<Steps>
  <Step title="Publish">
    In the top right corner, click **Publish**.

    <Frame>
      <img src="https://mintcdn.com/guidelypro/AnQKnr2nvY_N9zwm/images/step-04-1.png?fit=max&auto=format&n=AnQKnr2nvY_N9zwm&q=85&s=b72bd532c57f6fcd486299acb8425678" alt="Step 04 1" width="1400" height="752" data-path="images/step-04-1.png" />
    </Frame>
  </Step>

  <Step title="Close the confirmation">
    Close the **View Published Experience** dialog.

    <Frame>
      <img src="https://mintcdn.com/guidelypro/AnQKnr2nvY_N9zwm/images/step-05-1.png?fit=max&auto=format&n=AnQKnr2nvY_N9zwm&q=85&s=c2e11eac499f8664e7fd274ec46b61f4" alt="Step 05 1" width="1400" height="752" data-path="images/step-05-1.png" />
    </Frame>
  </Step>
</Steps>

## Part 3 — Make it the active experience

<Steps>
  <Step title="Open the Data Hub">
    Open the **Data Hub** to manage your linked experiences.

    <Frame>
      <img src="https://mintcdn.com/guidelypro/AnQKnr2nvY_N9zwm/images/step-06-1.png?fit=max&auto=format&n=AnQKnr2nvY_N9zwm&q=85&s=da4235701952e688f5aca6e2ce07105f" alt="Step 06 1" width="1400" height="752" data-path="images/step-06-1.png" />
    </Frame>
  </Step>

  <Step title="Change the active experience">
    Click **Change** to select which experience should be active on your WooCommerce store.

    <Frame>
      <img src="https://mintcdn.com/guidelypro/AnQKnr2nvY_N9zwm/images/step-07-1.png?fit=max&auto=format&n=AnQKnr2nvY_N9zwm&q=85&s=a63e5c284527d05fcb36c9f5739bd515" alt="Step 07 1" width="1400" height="752" data-path="images/step-07-1.png" />
    </Frame>
  </Step>

  <Step title="Select the experience">
    Select the experience you want live on your storefront.

    <Frame>
      <img src="https://mintcdn.com/guidelypro/AnQKnr2nvY_N9zwm/images/step-08-1.png?fit=max&auto=format&n=AnQKnr2nvY_N9zwm&q=85&s=cf7e4dadcf71256e57019f91b6078476" alt="Step 08 1" width="1400" height="752" data-path="images/step-08-1.png" />
    </Frame>
  </Step>

  <Step title="Set as active">
    Click **Set as active** to activate the experience.

    <Frame>
      <img src="https://mintcdn.com/guidelypro/AnQKnr2nvY_N9zwm/images/step-09.png?fit=max&auto=format&n=AnQKnr2nvY_N9zwm&q=85&s=b5e8d68d38250a26f55d0f8528366025" alt="Step 09" width="1400" height="752" data-path="images/step-09.png" />
    </Frame>
  </Step>
</Steps>

## Part 4 — Update the plugin embed key

<Warning>
  Switching the active experience generates a **new embed key**. Your storefront keeps running the old experience until you paste the new key into the WordPress plugin and verify it — this is the step people forget.
</Warning>

<Steps>
  <Step title="Copy the new embed key">
    Copy the newly created embed key — it needs to be updated in your WooCommerce plugin.

    <Frame>
      <img src="https://mintcdn.com/guidelypro/AnQKnr2nvY_N9zwm/images/step-10-2.png?fit=max&auto=format&n=AnQKnr2nvY_N9zwm&q=85&s=abb3e756fce8b40b1d5ef975f6c1649b" alt="Step 10 2" width="1400" height="752" data-path="images/step-10-2.png" />
    </Frame>
  </Step>

  <Step title="Open Plugins in WordPress">
    Open the **Plugins** section in WordPress to view and manage your installed plugins.

    <Frame>
      <img src="https://mintcdn.com/guidelypro/AnQKnr2nvY_N9zwm/images/step-11.png?fit=max&auto=format&n=AnQKnr2nvY_N9zwm&q=85&s=7985976599c29af8000595a114bc48cc" alt="Step 11" width="1400" height="752" data-path="images/step-11.png" />
    </Frame>
  </Step>

  <Step title="Open the plugin settings">
    Click **Settings** for GuidelyPro.AI to open the plugin options.

    <Frame>
      <img src="https://mintcdn.com/guidelypro/AnQKnr2nvY_N9zwm/images/step-12-1.png?fit=max&auto=format&n=AnQKnr2nvY_N9zwm&q=85&s=830730e1b70d101411ae1a90d726eb18" alt="Step 12 1" width="1400" height="752" data-path="images/step-12-1.png" />
    </Frame>
  </Step>

  <Step title="Paste the key">
    Paste the embed key you just copied into the **Embed key or snippet** field.

    <Frame>
      <img src="https://mintcdn.com/guidelypro/AnQKnr2nvY_N9zwm/images/step-13.png?fit=max&auto=format&n=AnQKnr2nvY_N9zwm&q=85&s=5991319bc8e035b22983c01566649a5b" alt="Step 13" width="1400" height="752" data-path="images/step-13.png" />
    </Frame>
  </Step>

  <Step title="Verify and save">
    Click **Verify & Save** — your new experience goes live on every storefront page within a minute.

    <Frame>
      <img src="https://mintcdn.com/guidelypro/AnQKnr2nvY_N9zwm/images/step-14-1.png?fit=max&auto=format&n=AnQKnr2nvY_N9zwm&q=85&s=7bb8b3860675bdab7a430026499442c2" alt="Step 14 1" width="1400" height="752" data-path="images/step-14-1.png" />
    </Frame>
  </Step>
</Steps>

## Part 5 — Test it

<Steps>
  <Step title="Try the new experience">
    Test your live storefront by interacting with the new experience — make sure your assistant is enhancing the customer journey.

    <Frame>
      <img src="https://mintcdn.com/guidelypro/AnQKnr2nvY_N9zwm/images/Screenshot-2026-07-09-at-21.51.59.png?fit=max&auto=format&n=AnQKnr2nvY_N9zwm&q=85&s=d41380dcdc7f0679a84515eb23b2483d" alt="Step 15 1" width="2542" height="1366" data-path="images/Screenshot-2026-07-09-at-21.51.59.png" />
    </Frame>
  </Step>
</Steps>

## That's it

Your WooCommerce store is now running the new experience. Iterate as often as you like — create, publish, switch the key, and the storefront follows.
