WordPress

Smartsupp Live Chat Integration

Don't have Smartsupp account yet? Sign up 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

DONEChat with visitors

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.

  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

DONEChat with visitors

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.

  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

DONEChat with visitors

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.

WordPress.com

Choose tutorial: WordPress.org, WordPress.com

 Smartsupp cannot be installed 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.