Question
Can I have more than one Web Widget with the same Zendesk account?
Answer
An account can only have one Web Widget, unless the account has Multibrand (Professional Add-on and Enterprise). With Multibrand, it is possible to create more than one Web Widget, with there being one for each brand.
See Adding Web Widgets for multiple brands for instructions on how to configure the Web Widget for each of your brands.
4 Comments
We provide links on our website for our users to create an email or start a chat with our support team. We would like to have the Web Widget launch after clicking one of these links, that are hardcoded into our website.
We would also like to launch a different form of the Web Widget depending on which link is clicked.
Is there any way to customize the Web Widget to go directly to the specific form, based on where it is launched from?
Hello Jennifer,
I'll go ahead and see if I can find someone to help you with this custom code request. For now, I've included this article that goes over the basics of tackling a project like this on your own.
Introduction to Web Widget
Best regards.
Hey Jennifer,
What you want should be possible, in some way. Below is a snippet I quickly made.
The snippet is listening to two buttons, on with class "chat-btn", and one with class "form-btn".
The script supresses Widget functionality depending on what ever button you click.
So when clicking Chat button, everything except chat is supressed, and vice versa for the form button.
The first part of the below, is hiding the Widget from the start. I'm not sure if you want this or not, but now it's included
Please be aware that I haven't really tested this except for looking if the Widget opens the two wanted functionalities or not.
Sorry for the non-pretty formatting :P
<script type="text/javascript">
zE('webWidget', 'hide');
zE('webWidget:on', 'close', function() {
zE('webWidget', 'reset');
zE('webWidget', 'hide');
});
$( document ).ready(function() {
//Chat button
$( ".chat-btn" ).click(function() {
zE('webWidget', 'reset');
zE('webWidget', 'updateSettings', {
webWidget: {
contactForm: {
suppress: true
},
helpCenter: {
suppress: true
},
talk: {
suppress: true
},
answerBot: {
suppress: true
}
}
});
zE.activate();
});
//Form button
$( ".form-btn" ).click(function() {
zE('webWidget', 'reset');
zE('webWidget', 'updateSettings', {
webWidget: {
chat: {
suppress: true
},
helpCenter: {
suppress: true
},
talk: {
suppress: true
},
answerBot: {
suppress: true
}
}
});
zE.activate();
});
});
</script>
#helpsome regards,
Simon Blouner
Zendesk Consultant @ helphouse.io
I do it.
In the ticket forms I used, I activate the option final users can modify it and I associate my brand to both widgets, and I obtain this:
When you click over the first link you obtain one widget, and on the other link the second widget.
You also can have a dropdow menù with different options as you can see on this link:
Organizing-drop-down-list-options
Maria
Please sign in to leave a comment.