Welcome To Our Customer Service Portal


Widget UI Customization by API

You can dynamically customize the appearance of the Nanorep widget using the widget API.
 
Below is the API syntax:
 
_nRepData['float'] = 
{
    customValues:
    {
       bgColor: "aqua", // background color
       color: "#000", // text color
       title: "This is the title!", // title text
       dockRight: true, // position (left or right)
       languageCode: "fr", // language
       teaser: "Ask here" // text when the widget is minimized
    }
}
 
_nRepData['embed'] = 
{
    customValues:
    {
       bgColor: "aqua", // background color
       color: "#000", // text color
       title: "This is the title!" // title text
       languageCode: "fr", // language
    }
}
 
Where the API should be placed?
 
The API should be placed below the /*API HERE*/ comment in the widget script. See example below:
 
<!--do not modify this script -->
<div class='Nanorep_loadingData' id='NanorepProxyContainer' style='position:absolute;top:-500px;left:0px;'></div>
<script type='text/javascript'>var _nRepData = _nRepData || []; _nRepData['kb'] = '633763325358580000'; _nRepData['float'] = {account: 'Nanorep', cdcVersion: 3, cdcFrame: '', scriptVersion: '2.29.3.4'}
/* API here */;
 
_nRepData['float'] = 
{
    customValues:
    {
       bgColor: "aqua", // background color
       color: "#000", // text color
       title: "This is the title!", // title text
       dockRight: true, // position (left or right)
       languageCode: "fr", // language
       teaser: "Ask here" // text when the widget is minimized
    }
}
 
(function(){var windowLoadFunc = function(){var _nRepData = window._nRepData || [];_nRepData['windowLoaded'] = true;if (typeof(_nRepData['windowOnload']) === 'function') _nRepData['windowOnload']();};if (window.attachEvent)window.attachEvent('onload', windowLoadFunc);else if (window.addEventListener)window.addEventListener('load', windowLoadFunc, false);var sc = document.createElement('script');sc.type = 'text/javascript';sc.async = true;sc.defer = true;sc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'my.Nanorep.com/widget/scripts/float.js';var _head = document.getElementsByTagName('head')[0];_head.appendChild(sc);})();
</script>