Setting up the support center as part of a website using iframe

You can set up the support center as an integral part of your existing website using iframe.

  1. To set up the support center as a part of your existing page in iframe, add the following code to the website:
    Note: Remember to change the highlighted parts to your actual account settings.
    <!-- embedded support center code start -->
    <div id="nanorep-support-center"></div>
    <script>
    ! function(t, e, o, n, c) {
        var s = this.nanorep = this.nanorep || {};
        s = s[e] = s[e] || {}, s.host = c, s.path = n, s.domain = t, s.protocol = "https:" === location.protocol ? "https:" : "http:", s.on = s.on || function() { s._calls = s._calls || [], s._calls.push([].slice.call(arguments)) };
        var a = document.createElement("script");
        a.async = a.defer = !0, a.setAttribute("src", s.protocol + "//" + c + n + o), document.getElementsByTagName("head")[0].appendChild(a)
    }("your_support_center_domain", "supportCenter", "support-center.js", "/web/", "your_account_name.nanorep.co");
    </script>
    <!-- embedded support center code end -->
  2. Optional: To set predefined context values, place them after the support center domain as query parameters.

    Example: For example, the following code sets the Brand context category to be Apple:

    ("your_support_center_domain/?Brand=Apple","supportCenter","support-center.js","/web/", "your_account_name.nanorep.co") 
  3. Optional: The embed code in step 1 inserts the embedded support center with default settings. Override the settings in the Master Page template using the following code:
    <script src="//<%Site.nanoRepDomain%>/web/support-center.js"></script>
    <script>
    nanorep.supportCenter.init({  
                noDirectDomainAccess: false, // use "true" to disable direct access to support center     
                supportCenterDomain: '<%Site.nanoRepDomain%>', // Support center subdomain     
                mainSiteURL: '<%Site.MainSiteUrl%>', // Parent page URL     urlPrefix: '#/path' //prefix path for URL hash   });
    </script>