How To Add Setster To Zendesk Help desk

Follow

Adding the Setster tab to Zendesk is easy.. As you can see we have it placed here as well.

 

Instructions: 

You need to use a Zendesk widget. This is found in Settings → Extensions → Add widget → Global CSS.

In the form that appears, select the availability for “Anyone, including people who have not logged in”. This allows anyone who lands on your help desk to see it. 

We use a CSS widget because we need to include a stylesheet. To do this, first you must close the already opened tag (because we are using a CSS widget) by adding a closing tag.
Then we include the style:
@import url(“http://www.setster.com/widget/css/overlay.css”;);

Then add the Setster code.

After the widget code you have to re-open the tag that was closed in the begining.

Here is what it would look like at the end. Making sure it has your own account name instead. 

===

</style>
<style type="text/css">@import url("https://www.setster.com/widget/css/overlay.css");</style>
<script type="text/javascript" charset="utf-8">
var is_ssl = ("https:" == document.location.protocol);
var setsHost = is_ssl ? "https://www.setster.com/widget/" : "http://www.setster.com/widget/";
document.write(unescape("%3Cscript src='" + setsHost + "js/setster_over.js?v=2' type='text/javascript'%3E%3C/script%3E"));
</script>

<script type="text/javascript" charset="utf-8">
var setster_widget_options = {};
setster_widget_options.display = "overlay";
setster_widget_options.uri = "info";
setster_widget_options.placement = "right";
setster_widget_options.defaultService = "support";
setster_widget_options.setsterURL = setsHost;
var setster_widget = new Setster.setster_widget(setster_widget_options);
</script>
<style>

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request
Powered by Zendesk