Embed Types

The embedType option controls how the chatbot is positioned and behaves on the page. It is independent of the visual template — any template can be used with any embed type.

popup (default)

The chatbot is fixed to a corner of the viewport. A trigger button is always visible; clicking it opens the chat window. The window can optionally be opened in fullscreen.

Querlo.embed({
    id: 'YOUR_CHATBOT_ID',
    template: 'liquidmetal',
    embedType: 'popup',
    posX: 'right',
    posY: 'bottom',
    width: '400px',
    height: '600px',
});

inpage

The chatbot renders directly in the page layout flow inside a container element. It is always visible and fully expanded — there is no trigger and no open/close state.

Querlo.embed({
    id: 'YOUR_CHATBOT_ID',
    template: 'kawaii',
    embedType: 'inpage',
    container: '#chat-section',
    width: '100%',
    height: '500px',
});

inpage_popup

The chatbot renders inline inside a container element as a compact preview widget. Clicking the preview expands it into a centered fullscreen overlay popup. The overlay can be dismissed with the close button or by clicking the backdrop. The preview widget remains in the page layout at all times.

Querlo.embed({
    id: 'YOUR_CHATBOT_ID',
    template: 'liquidmetal',
    embedType: 'inpage_popup',
    container: '#chat-preview',
    width: '100%',
    height: '300px',
});

On mobile devices, popup and inpage_popup overlays automatically go fullscreen.