WhatsApp Chat Widget

If you use Joomla, please carefully take the following steps:

In your Joomla backend select System > Global Configuration > Site > Default Editor: Editor - None, and click on "Save & Close" in the toolbar.

This is important because most WYSIWYG editors (unrelated to YOOtheme) would "cleanse" the HTML markup when you save and simply delete a div element without content — like the one you are going to add. Once the widget is up and running, select the original editor, of course, and save.

Head over to Joomla Admin Menu > Content > Site Modules, create a new module of the type "Custom". Into the field "Title" enter the "WhatsAPP Widget", select Title: Hide, into the field "Position" type the precise string

  debug

and confirm the entry with the return key.

Into the content field of the module enter the following

  <div id="msgboxxWidget" class="widget"></div>

Mind: The closing is officially not supposed to be added, but I strongly recommend it. If you want to see the result without it, feel free to leave it out.

Make sure the module is set to Status: Published and Menu Assignment > Module Assignment: On all pages, and click on "Save & Close" in the toolbar.

Navigate to YOOtheme > SETTINGS > Custom Code > SCRIPT, and insert precisely the following at the very beginning of the field

  <script src="https://cdn.msgboxx.io/static/js/bundle.min.js" async onload="window.msgboxxClient='YOURID ';"></script>
  <link href="https://cdn.msgboxx.io/static/css/bundle.min.css" rel="stylesheet">

(With your ID instead of YOURID, of course ...)

Important in case the field is not empty and already contains any JavaScript content: If the existing script content in not wrapped in tags add a tag at the very end.

Save the changes.

Reload the page to test the result.

For posterity: From what I could see, they used

<div id="msgboxxWidget" class="widget"></div>

on their site.

This might seem a subtle difference, or even be considered as nitpicking or acting clever on my part, but I couldn't care less. Strictly speaking, this is not about a YOOtheme product. The support of "stitch-ai.com" is apparently not in the habit of providing assistance, so I just wanted to make sure you don't end up with a broken site if you use their product. Thank you