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.

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

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") 
```

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>