Smartsupp Live Chat Integration
WordPress.org
Choose tutorial: WordPress.org, WordPress.com
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.
Once plugin is installed, click Activate.
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?
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);
- Go to Pages, edit page you want and below content in Scripts n Styles insert modified code.
- 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.
WordPress.com
Choose tutorial: WordPress.org, 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.
