Entorno de destino: Wordpress VIP header.php

objetivo: haga clic en el icono div para abrir el chat de terceros, alternar para cerrar si es necesario, icono de chat para continuar en todas las páginas.

Hola todos

Me encargaron integrar una aplicación de chat de terceros en nuestro sitio. Quiero que funcione como una aplicación de chat en la página de chat tradicional (en un div), sin embargo, el script compartido usa js el método window.open y abre el chat en una ventana separada. Intenté sin éxito usar las etiquetas . Sospecho que esto no debería ser demasiado difícil, pero no puedo resolverlo. Espero tener suficiente información aquí.

¡Gracias por adelantado! El código que estoy reemplazando es sencillo pero se abre en una nueva ventana, pero necesito que la ventana se vea como un chat moderno

 script type="text/javascript " const chatFunc = () => { var x = screen.width - 550; var y = screen.height - 800; var params = 'height=550,width=375,popup=yes,left='+x+',top='+y; var Url = 'thridpartychat link'; **window.open(Url, '', params);** // this seems to be the issue } script <div id="test" class="chat" onClick="chatFunc()" data-toggle="tooltip" data-placement="top" title="Chat" style=""> </div>

Mi intento:

 <div id="test" class="chat fas fa-comment-dots fa-7x embed-responsive" data-toggle="tooltip" data-placement="top" title="Chat now!" style=""> <iframe id="chatIframe" class="embed-responsive-item" style="border:none" seamless> </iframe> </div> var x = screen.width - 550; var y = screen.height - 800; var params = "height=550,width=375,popup=yes,left=" + x + ",top=" + y; var Url = "[link to third Party Chat]"; var test = document.getElementById('test'); test.addEventListener("click", function() { // Get Iframe - I had exception catch here -didnt work var iframe = document.getElementById('chatIframe'); // Assign Attr-Used Object.assign at one point to no avail iframe.setAttribute('left', '+' + x + '+'); iframe.setAttribute('top', '+' + y, ); iframe.setAttribute('height', '550'); iframe.setAttribute('weight', '375'); iframe.setAttribute('src', 'Url'); this.parentNode.appendChild(iframe); this.parentNode.removeChild(this); });

Así es como quiero que se vea el chat: