IFRAME

You can embed your chat in any web page with the following HTML code:

<iframe src="CHAT-URL-PATH" style="width:100%;background-color:transparent;height:400px;border-width:0"></iframe>

In case you want your iframed chat to be semi-transparent with a visible background image from the parent page:

AdminCP » Style » Custom CSS

/* Transparent black bg color: login/register and chat page */
.x_global{background-color:rgba(0,0,0,0.8)} 
.x_blab{background-color:rgba(0,0,0,0.9)}

/* Transparent white bg color: login/register and chat page */
.x_global{background-color:rgba(255,255,255,0.9)} 
.x_blab{background-color:rgba(255,255,255,0.9)}

There is a new cookie requirement (Aug 2020) that affects both Firefox and all Chromium based browsers. In case you cannot login to chat when running it in an iframe from another domain add or alter $cookieparam in config.php:

$cookieparam='SameSite=None; Secure;';

• More information about the new cookie requirements
• Note that SameSite=None works with SSL (https) only!
• Safari on MacOS10 & all browsers on iOS12 are affected by a bug that treats SameSite=None as SameSite=Strict.

Cross-domain iframes also require allow attribute in order to have voice/video messages and geolocations enabled.

<iframe src="CHAT-URL-PATH" allow="geolocation; microphone; camera; fullscreen"></iframe>