Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
  1. Create a <SCRIPT> tag at the bottom of <BODY> in the HTML into which you want to integrate the chat-bot.

  2. Inside the tag <SCRIPT> define the parameter "src" with the url provided by the team Chat-Tonic.
    The final version should be displayed in a format similar to the following one (where YOURAPP will be provided by Chat-Tonic):
    <script src="https://web.chat-tonic.com/api/v1/load/YOURAPP"></script>

Asynchronous loading (optional)
It is possible to add a parameter to the URL described above for the script, to allow webchat to load asynchronously. This has the advantage of not interrupting the flow of loading your page, and not affect it for PageSpeed. The amount of time to wait will depend on your page, depending on how many other scripts it needs lo load. It is important to understand that Web Chat-Tonic always load AFTER every other content is loaded into the page, and the page is considered interactive. Having said that, the amount of time specified in this parameter, will add a delay after that happens.

Example allowing a 2 second delay after the page is loaded:

<script src="https://web.chat-tonic.com/api/v1/load/YOURAPP?asyncLoadTime=2000"></script>

Full screen landing page (optional)
Normally your web chat can be accessed via the following URL for a fullscreen experience, but can also be configured to use different subdomains.
https://YOURAPP.web.chat-tonic.com

...