Create your own chat site with Tochato

This is an article on creating your own chat site using Tochato application.

Full page embed code

Add the below code to a dedicated page to make the chat give a native like embed experience. This will cover full page and make it unscrollable (that’s how a chat page should be).

<style>
html,body {
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
</style>

<iframe src="https://tochato.com/app/" style="
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border: none;
"></iframe>

If you wish to have text content above/ below the chat box, use the below code:

<div class='above-content'>
   Add your headings, paragraphs, images, etc content here.
</div>

<style>
html,body {
    height: 100%;
    padding: 0;
    margin: 0;
    overflow-x:hidden;
}
</style>

<iframe src="https://tochato.com/app/" style="
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    border: none;
"></iframe>

<div class='below-content'>
   Add your headings, paragraphs, images, etc content here.
</div>

Upcoming features:

  1. Branding and customizability
  2. Installation code without iframe
  3. Room list customization
  4. Add your own contact information

Comment down if you wish to have any other feature?

Similar Posts

Leave a Reply

Your email address will not be published.