MotoCMS Website Creator: Widget Integration

MotoCMS Website Creator: Preset Builder, Size & Values

When you are creating a new website, the main reason for it in most cases is to make your business flourish. But without any doubt it is impossible to achieve this goal and to be successful in business without careful and an attentive attitude to your clients. In this situation, keeping in touch with them is of the greatest importance.

To satisfy your clients you must react to all their questions and requests as promptly as possible. The best helpers for fulfilling this task in the most efficient way are the callback feature and the chat widget. So, today we will learn how to add these important features to your site quickly and easily.

Callback Feature

The very first thing you need to do is to visit the Callback hunter website and register there. It is extremely simple. Just follow the next few steps:

1. On opening the page, put your phone number into the empty field and click the Try For Free button.screenshot of the home page with an email field and a submit button

2. Fill in the registration form, which will appear on the screen. Then insert the address of your website and the cell phone number you want to use. When you are finished, click Next.

Signup form that has a website field and phone number field

3. There is one more form where you should put your user name, your e-mail address, and your password for this site. After doing that, click Next.

Next part of the signup form that has name, email address, and password

4. Your next step is to fill the form which you see on the screen.

The first empty field is for the address of the site where you want to use this new widget. You also have to add the phone numbers which will be used to answer incoming calls. You can set a phone number for text message-reports regarding call quality as well. As soon as you are through, click Save and Continue.

Form for website domain and phone information

5. One more thing you should do is to select your time zone and to set your working hours. If you wish you can also set a personal e-mail for missed calls notifications. On doing all this, click Save and Continue once more.

working hours selection form

6. Now you are provided with the code for your callback widget. Click Copy to Clipboard to copy it.

A script that needs to be copied then pasted into the site to create the integration

As soon as you get the code it is time to return to your MotoCMS website.

1. In order to insert the code, first of all open the starting page of your new website and choose Settings among the six buttons in the left upper corner.

Settings menu item in MotoCMS

2. The next thing to do is to click Code Injection in the column situated in the left part of the page.

The code injection field
3. Now insert your code into the empty Footer field and click Save Changes. Your new widget is installed!

the footer field

If you want your Callback widget to be applied to a single page, you are to act in a little bit of a different way.

1. Open the page where you want to use your Call Back widget. In order to choose it you should open the window in the upper right corner of your MotoCMS Template.

Open home page in admin

2. Among the options offered to you by the section Page Properties in the right side of the page, choose Code Injection

Code injection menu

3. Insert your code in the Footer field and click the Save button. Your new widget is ready to be used!

Footer injection menu and field

To preview your new Callback widget, click View Site.

Call icon

Now it is time to learn how to add to your MotoCMS 3 template a chat widget with one of the 3 most popular chat widgets.

  1. Olark
  2. Tawk
  3. Zopim

Let’s start with Olark. First of all, go to Olark site to register:

image35

1. Before starting the registration process you are to decide upon the type of plan you would like to choose. Click on the plan you like most and continue with the registration.

image35

2. The next step is to fill the form. Pay attention to the fact that some of the fields are optional. As soon as you are ready, click Continue at the bottom of the page.

image35

3. One more thing you need to think about is how big the team which will work with the widget is going to be. Choose the necessary category and click Continue.

image35

4. At this stage you should copy the code for your new widget. The site has clear directions how to do it. Just follow them and you will succeed.

image35

Now it is high time to return to your MotoCMS 3 template. You need to decide once more, whether you want all the pages of your site to be affected by this change or one particular page. If you prefer to see this widget on all the pages, take the following steps:

1. Go to the starting page of your new website and choose Settings among the six buttons in the left upper corner.

image35

2. The next thing to do is to click Code Injection, insert your code into the empty Footer field, and click Save Changes. You are welcome to use your new widget!

image35

If you want to use your Chat widget only on one page, do the next things:

1. Open the page you need with the help of your MotoCMS 3 template control panel.

image35

2. In the section Page Properties on the right side of the page, choose Code Injection, insert your code in the Footer field, and click Save button.

image35

Your new Olark chat widget is ready to be used!

image35

Now let’s try a different Chat widget, developed by Tawk. To use it you need to take the following steps:

1. Start by registering at the site. It is extremely easy – just fill the form.

image35

2. As soon as you are ready, click Sign Up For Free!. On the next page you will be asked to verify your e-mail address by visiting your e-mail box for the activation link.

When you activate your account you will be redirected to the page where you need to fill the information about your web site. On doing it, click Next at the bottom of the page.

image35

3. At the next page you will be asked to decide about the number of people who will answer the clients’ requests at your site. You can skip this step if you don’t need any help with it.

image35

4. At the last stage you will be given the code for installing the widget. Copy it and click Done.

image35

To add this code to all the pages of your site do the next:

1. Go to the starting page of your new website and choose Settings.

image35

2. Now click Code Injection, insert your code into the empty Footer field, and click Save Changes. Your new widget is ready for use!

image35

To add the widget only to one page you should complete the following actions:

1. Open the page you need with the help of your MotoCMS 3 template control panel.

image35

2. In the section Page Properties choose Code Injection, insert your code in the Footer field, and click Save button.

image35

Enjoy your new Tawk chat widget now!

image35

The last Chat widget we will learn to add today is Zopim. To receive the code for this widget you need to fulfill the next steps:

1. Register on the site by filling their form:

image35

2. Verify your registration by following the link which has been sent to your e-mail box.

image35

3. On doing that you will be redirected to the site page for filling the Zendesk Chart form. As soon as you are through with it click Save and Go to Dashboard button at the bottom of the page.

image35

4. At the next page you have to go through 3 steps: Welcome message, Complete Profile and Embed Widget.

image35

5. Complete the profile and click Next

image35

6. At last you have the code for your widget. Copy it to paste it into your MotoCMS 3 template.

image35

The last stage is to add your new Zopim Live Chat widget to your site. If you want it to work for all the pages of your site do the following:

1. Go to the starting page of your new website and choose Settings.

image35

2. Click Code Injection, insert your code into the empty Footer field, and click Save Changes. You can use your new widget now!

image35

If you choose to apply your new Zopim Live Chat widget only to one page of your site, take these steps:

1. Open the page you need with the help of your MotoCMS 3 template control panel.

image35

2. Under Page Properties choose Code Injection, insert your code in the Footer field, and click Save button.

image35

To check your widget at the page, click View Site:

image35

It is up to you which Chat widget to use, go ahead and experiment. Good luck!

Instructor

  • Nick is the Director of Support at OSTraining and you can find him in almost every area of the site, from answering support requests and account questions to creating tutorials and software.

0 0 votes
Blog Rating
Subscribe
Notify of
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x