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.