> For the complete documentation index, see [llms.txt](https://docs.aisuru.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.aisuru.com/en/sharing/sharing-layouts/choose-the-right-layout.md).

# Choose the right layout

AIsuru provides different layout types so you can adapt your Agent's interface to the context in which it will be used.

A full-page Agent, for example, creates a very different experience from a floating website assistant or an interface designed for a touchscreen.

The available layouts include `FULLPAGE`, `WEBSITE_ASSISTANT`, `CHAT`, `ZOOMED_FULL_BODY`, `HIDDEN_CHAT`, and `TOTEM`.

### 1. FULLPAGE

`FULLPAGE` uses the entire page to display the Agent.

It is designed for experiences where the Agent is the main focus of the page and both the conversation and avatar should have plenty of space.

#### Best suited for

* dedicated Agent pages;
* demos;
* immersive experiences;
* links shared directly with users.

💡 Choose `FULLPAGE` when the Agent itself is the primary content of the page.

### 2. WEBSITE\_ASSISTANT

`WEBSITE_ASSISTANT` displays the Agent as a floating assistant within an existing website.

Users can open and close the conversation when needed without leaving the page they are currently viewing.

#### Best suited for

* customer support;
* website navigation assistance;
* conversational FAQs;
* e-commerce;
* web applications.

💡 Choose `WEBSITE_ASSISTANT` when the Agent should complement your website rather than replace its content.

### 3. CHAT

`CHAT` provides an interface focused primarily on the conversation.

Compared with more visual layouts, it gives less space to the avatar and keeps the interaction compact.

#### Best suited for

* support areas;
* reserved areas;
* applications where chat is one part of a larger interface;
* compact web integrations.

💡 Choose `CHAT` when messages are more important than the visual presence of the avatar.

### 4. ZOOMED\_FULL\_BODY

`ZOOMED_FULL_BODY` is a full-page layout that gives greater visual prominence to the Agent's avatar.

The avatar is displayed enlarged alongside the conversation.

#### Best suited for

* Agents with a strong visual identity;
* presentations;
* mobile or highly visual experiences;
* projects where interaction with the avatar is an important part of the experience.

💡 Choose this layout when the Agent should feel like a visible character rather than only a chat interface.

### 5. HIDDEN\_CHAT

`HIDDEN_CHAT` provides a side-panel chat that stays hidden until the user chooses to open it.

This keeps the Agent available without permanently occupying space on the page.

#### Best suited for

* websites with content-heavy pages;
* unobtrusive support;
* experiences where the Agent should remain available on demand;
* interfaces where screen space is limited.

💡 Choose `HIDDEN_CHAT` when you want to keep the main interface clean while still making the Agent easily accessible.

### 6. TOTEM

`TOTEM` is designed for digital kiosks, touchscreens, and other physical installations.

It provides a layout suited to interfaces where users interact directly with the Agent on a dedicated screen. The avatar's position and presentation can also be adapted for this type of experience.

#### Best suited for

* events and trade shows;
* receptions;
* museums;
* retail locations;
* information points;
* kiosks and touchscreens.

💡 Choose `TOTEM` when the Agent will be used on a dedicated physical device.

### Quick comparison

| Layout              | Best for                              | Agent visual presence |
| ------------------- | ------------------------------------- | --------------------- |
| `FULLPAGE`          | Dedicated Agent pages                 | High                  |
| `WEBSITE_ASSISTANT` | Website assistance                    | Medium                |
| `CHAT`              | Conversation-focused experiences      | Low                   |
| `ZOOMED_FULL_BODY`  | Visual and avatar-focused experiences | Very high             |
| `HIDDEN_CHAT`       | On-demand website assistance          | Minimal               |
| `TOTEM`             | Touchscreens and physical devices     | Very high             |

### You can use more than one layout

The same Agent can have multiple layouts for different channels, audiences, or use cases. Each layout can have its own configuration and link. [Here you can find more information.](/en/sharing/sharing-layouts/manage-multiple-layouts.md)