Display Modes

Frontnow Advisor can be displayed in a variety of modes to fit your website's design and user experience. This section outlines the various Display Modes available for Frontnow Advisor.

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:

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:

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:

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:

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.