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

# Activate and deploy a product collection on your website

> Enable a product collection and deploy it on your website by embedding a snippet in your source code or creating a Kameleoon campaign.

[Once you've created your product collection](./create-and-manage-a-product-collection), you must make it visible on your site, which involves enabling the collection, copying the snippet, embedding it into your source code, or creating a campaign to manage its display.

## 1. Enable the product collection

Before deployment, ensure your collection is active:

1. Go to the **Product collections** dashboard.
2. Open the collection you want to deploy.
3. Click **Enable** in the top-right corner.

The status will switch to **Active**.

## 2. Copy the snippet

Each collection comes with a snippet that you must add to your website’s source code:

Click **Copy code** in the collection view.

A pop-in will display the snippet along with supported variables:

* **`data-collection-id`** *(required)*: Unique identifier for your collection.
* **`data-collection-locations`** *(optional)*: Needed if your product feed contains multiple locations.
* **`data-collection-callback`** *(optional)*: JS function for handling successful requests.
* **`data-collection-error`** *(optional)*: JS function for handling failed requests.

## 3. Deploy the product collection on your website

You can insert the product collection in your source code or create a Kameleoon campaign.

### Embed the snippet in your source code

Paste the copied snippet into the relevant section of your website’s source code. The snippet acts as a placeholder where the product collection will be displayed.

* Place the snippet in your page's **HTML body**, within the container where you want the collection to appear.
* Ensure your site loads Kameleoon correctly, so the collection is rendered dynamically.

### Create a campaign

Open the Code editor and add the product collection.

To learn how to use the Code editor, [refer to this article](../../experimentation/web-experimentation/code-based-experiments/using-the-code-editor).