MQTTchat SDKs
MQTTchat Cloud Web
MQTTchat Cloud Web
Easy integration. Copy / paste, no code to download or install. You just make a call to an iframe in the location where you want the chat to appear. Basic javascript events and functions are provided.
It only takes a few minutes to install MQTT Chat on your website. Once installed, your users will be able to communicate with each other.
Before you begin
- Go to the Settings tab of your admin panel to get your
APP_IDandAPP_SECRET. You may need these during installation.
Integration
- Add JQuery to the header of your page. If you have already included JQuery skip this step.
1
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Copied!
- Add MQTTchat script to the header of your page just after JQuery Script.
1
<script src="https://cluster1.telifoun.com/rest/en/mqttchat.js?appId=mqttchat-xxxxxxxx&uf=0"></script>
Copied!
Remember to replace
AppId parameter in the script with your domain APP_ID. You can also change language : fr, en or ar.- In the body of your page, where you want to display MQTT chat, add #mqttchat div to show docked or embedded layouts.
Docked Layout
Embedded Layout
1
<div id="mqttchat"
2
data-layout="docked"
3
class="mqttchat-default"
4
data-user-id="1"
5
data-user-name="name"
6
data-user-surname="surname"
7
data-user-avatar=""
8
data-user-link=""
9
data-user-gender="0"
10
></div>
Copied!
1
<div id="mqttchat"
2
data-layout="embedded"
3
class="mqttchat-default"
4
data-user-id="1"
5
data-user-name="name"
6
data-user-surname="surname"
7
data-user-avatar=""
8
data-user-link=""
9
data-user-gender="0"
10
data-width="900"
11
data-height="500"
12
></div>
Copied!
Remember to set user informations dynamically from
$_SESSION or a database.That is all. For advanced integration, please consult the complete MQTTchat cloud web documentation.
Ready Integrations
Last modified 1yr ago
Copy link