Hi @dchan1 ,
To achieve what you want, there are 2 ways you can do it.
The first way to is to to embed the iframe inside a div in the footer.php file.
The div the iframe is in needs to have the z-index higher than the pages. You can set the z-index: 1 and see how it goes. if the bot doesn't appear, try to change to a higher z-index.
The second way is to inject a script dynamically into a div.
If you are using the custom html canvas, you can play around on how to insert the chatbot into the page.
First create a div in the footer.php and then in a script file, place the following code:
/*chatbot window*/
function chatbotin() {
var cwindowin = document.getElementById("chatwindow");
cwindowin.style.display = "block";
var ifrm = document.createElement("iframe");
ifrm.setAttribute("src", "place here the url of the html file that points to your html custom canvas");
ifrm.setAttribute("id", "ichat");
ifrm.setAttribute("frameborder", "0");
ifrm.style.width = "100%";
ifrm.style.height = "100%";
ifrm.style.borderRadius = "15px";
cwindowin.appendChild(ifrm);
var chaticon = document.getElementById("chaticon");
chaticon.style.display = "none";
}
Please make sure to add your css accordingly as well.
I hope it helps.
Cheers,
Fernando
