Ζωντανό παράδειγμα εδώ: http://dokimastikoparea.forumgreek.com/
Εικόνα: https://i.imgur.com/BvXJR.png

Αρκετά ωραίο Chat που έχει ενσωματωμένες επιλογές, αξίζει να το δοκιμάσετε έστω να μην το βάλετε.

1. Βάλτε τον παρακάτω κωδικό εκεί που θέλετε να βλέπετε το κουμπί το οποίο θα ανοίγει το Chat. Επιλογές είναι πολλές, εγώ προτείνω δύο:

α. ΠΔ - Εμφάνιση - Αρχική σελίδα - Γενικές πληροφορίες - Homepage message
β. ΠΔ - Λειτουργικές Μονάδες - Portal & Widgets - Widgets του φόρουμ

Προσοχή: Σε ένα από τα παραπάνω να το βάλετε όχι και στα δύο.

Κώδικας:

<script type="text/javascript" src="http://fmquery.forumotion.com/10146.js"></script><div id="FMChatBase" class="chatbase" onclick="openClose()" ><span style="font-weight: bold; line-height: 2em; font-size: 11px;">ChatBox</span></div><div id="chat" style="display: none;"><iframe id="FMChat" name="FMChat" onload="FMChatLoad();" style="border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;" src="/chatbox" width="100%" height="100%"></iframe></div>

2. Στο CSS βάλτε το παρακάτω:

Κώδικας:

        /*FMChat Design*/
        .chatbase { /*This can be edited to your liking - (the button)*/
          position: fixed;
          bottom: 2px;
          right: 15px;
          background: #56A0D3;
          border: 2px solid #7BB92B;
          width: 75px;
          height: 20px;
          border-radius: 5px;
          text-align: center !important;
          cursor: pointer;
          color: #ffffff;
        }

        .chatbase:hover { /*This can be edited to your liking - (hovering over the button)*/
          border-color: #D30C3F;
          color: #000000;
        }

        #chat { /*This can be edited to your liking - (box surrounding the chatbox)*/
          border: 2px solid #7BB92B;
          width: 65%;
          position: fixed;
          right: 15px;
          bottom: 27px;
          height: 50%;
          border-radius: 5px;
        }