Livechat css and html box design RRS feed

  • Question

  • User-2097295820 posted

    Dear All,

    I have a livechat system I built on signalr. But my problem goes does. Built this some years back. When user wants to initiate a chat.

    Chat box pops up in a new window. Unfortunately this approach is obsolete.  Every livechat company now keeps your chat box on the right hand corner of your window.

    So I have here to do research on html and css code that can allow me do some thing like this. Unfortunately I dont have the knowledge of this so please kindly help me out.

    This is an example of what I am trying to achieve.

    Thanks alot.

    Friday, September 14, 2018 7:03 PM

All replies

  • User475983607 posted

    As suggested in your other threads, open the browser's developer tools and View the HTML source and CSS.  There are also templates that you can purchase.  Some are free and it only takes a basic Internet search to find this stuff. 

    For example...


    Friday, September 14, 2018 9:17 PM
  • User-2097295820 posted

    Dear All star,

    Thanks alot.

    Friday, September 14, 2018 9:38 PM
  • User61956409 posted

    Hi skliz4rel,

    As I mentioned in this thread: "Building a livechat Api for 3rd party merchant", you can try to write a JavaScript component or library for dynamically creating elements on web page to load other required scripts and build chat window on target web page, so that others can use the JS library to easily embed your livechat system in their own websites. 

    With Regards,

    Fei Han

    Tuesday, September 18, 2018 5:43 AM
  • User1119979984 posted

    you can follow this Chat Code snippet For free

    Sunday, July 21, 2019 2:53 PM
  • User1119979984 posted

    I find this Bootstrap Live chat option

    Thursday, August 15, 2019 7:59 AM