WordPress

Smartsupp Live Chat & Chatbots Integration

There are three options how to install Smartsupp to your website, choose one which sounds the most familiar for you.

1. Using our plugin
2. Insert code manually
3. Advanced custom changes

1. Using our plugin

The easiest option is to install our plugin and login to your account.

Plugins > Add new, search for Smartsupp Live Chat and click Install Now.

You can Create free account or Connect existing account.

If all is ok you will see this page.

Smartsupp chat is now visible on your website or online store. Sign in to Smartsupp to start chatting with your visitors. Set up visibility and design of chat box in Settings.

2. Insert code manually

If you do not want to use plugin, you can insert code directly into WordPress theme.

Your code is in Smartsupp - Settings - Chat box - Chat code.

Appearance > Editor > Theme Header (header.php) > insert code > Update File

Smartsupp chat is now visible on your website or online store. Sign in to Smartsupp to start chatting with your visitors. Set up visibility and design of chat box in Settings.

3. Advanced custom changes

Do not want to use plugin or you inserted code manually and need advanced custom changes? The steps below are exactly for you.

By default when you install our plugin or insert our code into header it gets displayed in all pages. In case you need to display our code on certain specific pages or maybe just one page only, install 3rd party WordPress plugin Scripts n Styles.

Your code is in Smartsupp - Settings - Chat box - Chat code.

You need to do a few small changes to our default code.

From our code remove these lines.

<!-- Smartsupp Live Chat script -->
<script type="text/javascript">
</script>

Your original code …

<!-- Smartsupp Live Chat script -->
<script type="text/javascript">
var _smartsupp = _smartsupp || {};
_smartsupp.key = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx';
window.smartsupp||(function(d) {
 var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
 s=d.getElementsByTagName('script')[0];c=d.createElement('script');
 c.type='text/javascript';c.charset='utf-8';c.async=true;
 c.src='//www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>

… needs to look like you see below. EXAMPLE ONLY. DO NOT COPY!

var _smartsupp = _smartsupp || {};
_smartsupp.key = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx';
window.smartsupp||(function(d) {
 var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
 s=d.getElementsByTagName('script')[0];c=d.createElement('script');
 c.type='text/javascript';c.charset='utf-8';c.async=true;
 c.src='//www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);

1. Go to Pages, edit page you want and below content in Scripts n Styles insert modified code.
2. Click Update Scripts and Update your page.

Smartsupp chat is now visible on your website or online store. Sign in to Smartsupp to start chatting with your visitors. Set up visibility and design of chat box in Settings.

Smartsupp on WordPress.com

The chat code cannot be installed on a free hosted WordPress.com website due to the fact that custom plugins cannot be installed on the platform. In addition, custom JavaScript is blocked from being embedded within these types of sites.