Wie zeige ich Div oder Iframe auf allen Webseiten an?

Question

Ich habe 5 Webseiten in meiner Website, Ich möchte ein div oder Iframe oben auf allen Webseiten in der unteren rechten Ecke zeigen ... Wie Chat-Fenster.

Also wo sollte ich div/iframe hinzufügen, so dass es für alle die Seite als Top-Fenster zugänglich ist.

Beispiel- https://www.livechatinc.com/

Ich bin der Lage, dies für eine Web-Seite zu tun, aber wenn ich zu einer anderen Seite bin navigiert dann versteckt sich div.

Bitte schlagen Sie die mögliche Lösung vor.

Answer 1

Ich kann dies für eine Webseite tun, aber wenn ich auf eine andere Seite navigiere, dann div versteckt sich.

Rufen Sie die Funktion, die auf jeder Seite der Chat-Leiste auf der ersten Seite zeigt aktualisieren

Answer 2

Hallo Sie folgende HTML verwenden -

Chat-Blase

<div class="chat-box"><a href="#" class="chat-bubble"></a></div> 

<style> 
.chat-box { 
    white-space: pre; 
    position: fixed; 
    z-index: 100; 
    bottom: 20px; 
    right: 20px; 
    width: 50px; 
    height: 50px; 
    -webkit-transform: translateZ(0); 
} 
.chat-bubble { 
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28); 
    background-size: 22px 22px; 
    box-sizing: content-box; 
    background-repeat: no-repeat; 
    border-radius: 50%; 
    border: 0; 
    position: absolute; 
    bottom: 0; 
    right: 0; 
    width: 48px; 
    height: 48px; 
    cursor: pointer; 
    outline: none; 
    background-position: center; 
    background-color: #0071b2; 
    -webkit-user-drag: none; 
    -webkit-transform: scale(1) rotate(360deg); 
    transform: scale(1) rotate(360deg); 
    -webkit-transition: -webkit-transform 150ms cubic-bezier(.4, 0, 1, 1); 
    transition: transform 150ms cubic-bezier(.4, 0, 1, 1); 
} 

</style> 

Above Probe vorhanden ist, können Sie Modifizieren Sie den Stil nach Ihren Anforderungen.

Sie können auch Chat-Symbol in der Sprechblase hinzufügen, wie wir es in Applozic chat plugin getan haben.