# Adaptive Carousels

Adaptive Carousels reorder product or content carousels on your site so that each visitor sees the most relevant items first, based on their affinities, predictions, and real-time behavior.

### Overview

The Adaptive Carousels page lets you create and manage carousel personalizations. Instead of displaying a static product order for every visitor, an adaptive carousel dynamically re-sorts items to match each individual's preferences.

The page has two tabs:

* **Ongoing Adaptive Carousels** — Carousel configurations currently live on your site.
* **Archived Adaptive Carousels** — Previously active configurations stored for reference.

You can filter by **Device Type**, **Operating System**, and **Channel**.

### Key Concepts <a href="#key-concepts" id="key-concepts"></a>

| Term                         | Meaning                                                                                          |
| ---------------------------- | ------------------------------------------------------------------------------------------------ |
| **Carousel**                 | A horizontal scrollable row of product or content cards on your site.                            |
| **Re-sorting**               | Changing the order of items in a carousel to match a specific visitor's preferences.             |
| **Personalization Strategy** | The combination of signals (affinities, predictions, session data) used to determine item order. |

### Getting Started <a href="#getting-started" id="getting-started"></a>

{% stepper %}
{% step %}

### Create a New Adaptive Carousel

Click **Create New Adaptive Carousel** to begin.&#x20;

<figure><img src="https://2350286830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6Yw9IRJ6KbbucQPwZUCZ%2Fuploads%2Fga9fMYXJ6GIVHVPVDwlk%2Fimage.png?alt=media&#x26;token=9325aa30-51d4-4ec5-8c85-dcedac7e3898" alt=""><figcaption></figcaption></figure>

You will configure:

1. **Select the carousel** — Identify which carousel element on your site to personalize (by CSS selector or page URL).
2. **Choose a personalization strategy** — Decide which visitor signals drive the re-sorting:
   * **Affinities** — Prioritize items matching the visitor's category, brand, or color preferences.
   * **Prediction scores** — Boost items aligned with predicted purchase or engagement intent.
   * **Hybrid** — Combine multiple signal types for the most relevant ordering.
3. **Set targeting** — Choose which visitors see the personalized carousel (all visitors or specific audiences).
   {% endstep %}

{% step %}

### Configure target and split

<figure><img src="https://2350286830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6Yw9IRJ6KbbucQPwZUCZ%2Fuploads%2Fvly3siVdaX7eZryRacdf%2Fimage.png?alt=media&#x26;token=1936192b-8c2b-4efb-822b-d0620814ab85" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Add custom code

{% endstep %}

{% step %}

### Review and publish

Publish the configuration. Monitor performance from the Adaptive Carousels page, adjusting the **Analytics Timeframe** to review metrics over different periods.
{% endstep %}
{% endstepper %}

{% hint style="info" %}
Adaptive Carousels work with your existing carousel components: they change only the item order, not the visual design. No front-end code changes are required.
{% endhint %}