> For the complete documentation index, see [llms.txt](https://rosetta-ai.gitbook.io/en-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://rosetta-ai.gitbook.io/en-docs/start-using-rosetta.ai/plugins/recommenders/how-to-install-the-recommender/select-layout.md).

# Select layout

After selecting recommender style, you can choose the **layout** you prefer to meet your style. There are currently two types:

![](/files/48EKB20QYB5uTBkU6Veq)

### **1. In Page Carousel**:dart:

Rosetta.ai provides personalized recommendation which can raise orders and conversion. Different recommendation types are placed on each of the four pages, which helps the AI to make the recommended products more personalized and accurate. (All users are recommended to select "Page Product Rotation" when installing to ensure that visitors can see your recommendations as soon as they enter the site.)

![](/files/xscq5FFEYXMEeGxEkSaL)

![](/files/DklajGsy9ccn70yTjjYG)

{% hint style="info" %}
Select “**In Page Carousel**” and click next to go to “[<mark style="color:yellow;">**Design recommender layout**</mark>](https://rosetta-ai.gitbook.io/en-docs/start-using-rosetta.ai/quick-start/recommenders/how-to-install-the-recommender/create-a-new-recommender/design-recommender-layout)” to customize your own recommendation.
{% endhint %}

### **2. Pop Up**

There are 4 different types of pop ups below:

{% hint style="warning" %}
If you think the number of visits to the recommendation is not effective, we suggest that you choose "**In Page Carousel**" to ensure that every visitor can see the personalized recommendation.
{% endhint %}

![](/files/5qmiZKJxRudbVXHbVTmH)

**Bottom left**

![](/files/7Ix5RpB9VYTepCQoTyED)

**Bottom right**

![](/files/ZuhqJr6tXeo9qcDTF0GD)

{% hint style="info" %}
You can choose to have it as a **carousel notification**, on the **bottom left** or on the **bottom right**.
{% endhint %}

**Center**

When the visitor enters the set page, a personalized product recommendation will pop up for the visitor.

{% hint style="info" %}
This setting will pop up as soon as you enter the site, so it is not recommended to set it on the "product content page" to avoid consumers' perception of too much interference.
{% endhint %}

![](/files/0BNfPBSwyMIFmZV1c64e)

If you select the "[<mark style="color:yellow;">**Right Edge Tab**</mark>](https://rosetta-ai.gitbook.io/en-docs/start-using-rosetta.ai/quick-start/recommenders/how-to-install-the-recommender/create-a-new-recommender/design-recommender-layout/right-edge-tab)", it will be in the form of a gift box that slides out to the side.

![](/files/c91T2pBnX8nap6p1i2QE)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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://rosetta-ai.gitbook.io/en-docs/start-using-rosetta.ai/plugins/recommenders/how-to-install-the-recommender/select-layout.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.
