WordPress

Smartsupp Live Chat Integration

Don't have Smartsupp account yet? Sign up now for free in just 2 minutes!

WordPress.org

Choose tutorial: WordPress.org, WordPress.com

  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.

step 1 Install plugin

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

smartupp-wordpress-plugin-01

Once plugin is installed, click Activate.

smartupp-wordpress-plugin-02

step 2 Login to Smartsupp account  

You can Create free account or Connect existing account.

smartupp-wordpress-plugin-03

If all is ok you will see this page.

smartupp-wordpress-plugin-04

To chat with visitors and see them on website log in to Smartsupp Dashboard.

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

2.] Insert code manually

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

 Be careful: you can destroy your site! Send this tutorial to your webmaster.
step 1 Copy code

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

step 2 Insert code

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

smartupp-wordpress-code

To chat with visitors and see them on website log in to Smartsupp Dashboard.

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

3.] Advanced custom changes

Do not want to use plugin or you inserted code manually and need advanced custom changes?

step 1 Install „Scripts n Styles”

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.

smartupp-wordpress-code-sns-01

step 2 Copy code

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

step 3 Adjust code

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

 Read carefully or it will not work. 

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);
step 4 Insert code
  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.

smartupp-wordpress-code-sns-02

To chat with visitors and see them on website log in to Smartsupp Dashboard.

WordPress.com

Choose tutorial: WordPress.org, WordPress.com

 Smartsupp cannot be installed on WordPress.com

Tracking 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.