Before you begin…

1. Register to mqttchat, add your domain name to your customer area and activate a subscription that suits you.

2. Go to the Settings tab of your customer area to get your APP_ID and APP_SECRET. You may need these during installation.

WordPress

Add MqttChat Plugin

1. Login to your WordPress Admin Panel and go to Plugins > Add new.
2. Search for MqttChat WordPress plugin.
3. Select the MqttChat Plugin and click on install now.
4. Once the plugin is successfully installed, click on Activate Plugin.

Install MqttChat

Once the plugin is activated, follow the below steps to install it on your website.

14 STEPS

1. Click Plugins

Step 1 image

2. Click Add New

Step 2 image

3. Click Search Plugins

Step 3 image

4. Click Install MqttChat Plugin 1.0.0 now

Step 4 image

5. Click Activate MqttChat Plugin

Step 5 image

6. Click Settings

Step 6 image

7. Click mqttchat-xxxxxxxx

Step 7 image

8. Click Save Changes

Step 8 image

9. Click Pages

Step 9 image

10. Click Edit “Sample Page”

Step 10 image

11. Scroll down and click Paragraph block

Step 11 image

12. Click Preview

Step 12 image

13. Click highlight

Step 13 image

14. Scroll up and that's it. You're done.

Step 14 image

Here's an interactive tutorial

https://www.iorad.com/player/1716786/Localhost---How-to-untitled-task-name

MqttChat provides two layouts to cater to your unique requirements. Our Docked Layout creates a floating chat widget at the bottom right/left corner of your website. Our Embedded Layout creates a chat widget in any page of your website.

a. Docked Layout

If you would like to add Docked Layout to a particular page (using the WordPress content editor), then you can use the following shortcode:

[mqttchat layout='docked' class='mqttchat-default']

a. Embedded Layout

The Embedded Layout allows you to add MqttChat to any part of your site page. To proceed, add the following shortcode to any page of your site (using the WordPress content editor).

[mqttchat layout='embedded' class='mqttchat-default' width='600' height='400']

That is all. For advanced integration, please consult the complete MQTTCHAT cloud documentation.


2020 © MQTT-CHAT.com Inc.