# Display Modes

## Sidebar (recommended)

The Sidebar display mode displays the Advisor as a fixed sidebar that can be toggled open and closed by the visitor.

To activate Sidebar mode, use the following initialization code:

```javascript
new Advisor({
    mode: "sidebar",
    position: "left", // default: "right"
    width: "800px" // default: 500px
});
```

In this example, the `position` parameter specifies the position of the sidebar, which can be "left" or "right".

## Fullscreen

The Fullscreen display mode takes over the entire screen when activated, providing a distraction-free environment for the visitor to engage with the Advisor.

To activate Fullscreen mode, use the following initialization code:

```javascript
new Advisor({
    mode: "fullscreen"
});
```

## Embedded

The Embedded display mode allows you to embed the Advisor directly into your website's content, providing a seamless user experience.

To activate Embedded mode, use the following initialization code:

```javascript
new Advisor({
    mode: "embedded",
    target: "#advisor-container"
});
```

In this example, the `target` parameter specifies the selector of the HTML element that will contain the embedded Advisor.

## Overlay

The Overlay display mode displays the Advisor as an overlay on top of your website's content, providing a seamless user experience.

To activate Overlay mode, use the following initialization code:

```javascript
new Advisor({
    mode: "overlay"
});
```

These Display Modes provide developers with flexibility in choosing the best way to present Frontnow Advisor to website visitors. By using these Display Modes, you can create a customized experience that is consistent with your website's design and user experience.