How to add Chat widget to your Moto CMS 3 template

This guide will help you to add one of 3 most popular chat widgets to your Moto CMS 3 template. 

1. Olark
2. Tawk
3. Zopim

Olark
1) Get to Olark site and click on "Sign Up!" button.

2) Fill in the form and you will be redirected to your account page. On this page please click on "Finish installing Olark" or "Get your code" buttons.

3) You will be redirected to a new page where you can get your chat widget code from "Grab your embed code" text field

4) Now you can add this chat widget code to 1 single page or to all pages of the website.
In order to add chat widget to a single page please:

a) Open the page you need in your Moto CMS 3 control panel

b) Expand "Code injection" tab

c) Add your widget code to "Footer" text field

d) Click on "Save" button

In order to add your chat widget to all template's pages please:

a) Click on "Settings" button

b) Click on "Code Injection" tab

c) Add your widget code to "Footer" text field

d) Click on "Save changes" button

5) Now you can see your Olark chat widget on your website

1) Fill in a form at Tawk.to website and click on "Sign up for free!" button.

2) Tawk will send you an email to verify your registration. Please click on a link they will send you to your email address to verify your account.

3) You will be redirected to a new page. Please click on "Go to Dashboard" button and fill in a form.

4) Once you fill in a form you will be redirected to your account where you will see a popup window with 3 steps

On the third step you will be able to get a code for your chat widget. It is located in a text field.

5) Now you can add this chat widget code to 1 single page or to your whole website.
In order to add your chat widget to a single page please:

a) Open the page you need in your Moto CMS 3 control panel

b) Expand "Code injection" tab

c) Add your widget code to "Footer" text field

d) Click on "Save" button

In order to add your chat widget to all template's pages please:

a) Click on "Settings" button

b) Click on "Code Injection" tab

c) Add your widget code to "Footer" text field

d) Click on "Save changes" button

5) Now you can see your Tawk chat widget at your website

Zopim

1) Open Zopim Website and click on "Try Zopim" to fill in a form

2) Zopim will send you an email to verify your registration. Please click on "Verify Your Email" button.

3) It will redirect you to a page with form you need to fill in to finish your account creation.

4) Once you fill in a form you will be redirected to your account where you will see a popup window. Please fill in all a text fields in it and click on "Next" button.

5) Then you will see second part of this popup. This text field contains your chat widget code. Please copy it.

6) Now you can add this chat widget code to 1 single page or to your whole website.
In order to add your chat widget to a single page please:

a) Open the page you need in your Moto CMS 3 control panel

b) Expand "Code injection" tab

c) Add your widget code to "Footer" text field

d) Click on "Save" button

 In order to add your chat widget to all template's pages please:

a) Click on "Settings" button

b) Click on "Code Injection" tab

c) Add your widget code to "Footer" text field

d) Click on "Save changes" button

 7) Now you can see your Zopim chat widget at your website