# 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="/files/h80tuHnJrSxfz4XiA1Tg" 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="/files/eCqIndzPLuVfoRvjdZNi" 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.abtasty.com/adaptivecx/getting-started/activate/adaptive-carousels.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.