When an engagement is established between the operator and the visitor, on the visitor’s web page the engagement panel opens to allow two-way communication. This panel takes up some amount of screen-space and should be positioned carefully, not to disturb the functionality nor looks of the original page.
To fit both the visitor’s page and the engagement panel in the browser, the elements of the original web page are slightly manipulated to adapt it for the engagement.
The best method of adaption depends on how the page has been developed in terms of HTML, CSS and other technologies. Glia offers three options, which you can choose from the Admin Console > Settings > Developer tab: div, style, and iframe.
The default method is div and it is suitable for most web pages. If your page happens to be incompatible with div, only then test out the style and iframe to find the best fit.
- The default value. Suits most of the web pages.
- The visitor’s page will be wrapped entirely into one <div> element, which allows the Glia application to move the page’s elements around as a whole - to make room for the engagement panel, but also keep the functionality and design of the page.
- Glia application will, instead of wrapping the page into a <div> element (as in div), apply the necessary styles to the visitor page’s <body> to make room for the engagement panel.
- The entire visitor’s page will be wrapped to an <iframe> element and reloaded when the engagement starts and the engagement panel opens.
- iframe enables keeping the elements with fixed positions or fixed size in place; on the other hand, not all web pages handle iframing well, not all elements recover such reloading, and visitor’s experience may suffer.