Adding the Web Widget to your website or Help Center Follow

Comments

24 comments

  • Avatar
    Matthew D. Kiamue

    Hey!

    the  code  to cut and paste "To add the Web Widget to your website" is not available. I would appreciate if you can send me a line to download for testing on my website.

    Thanks

  • Avatar
    Aimee Spanier

    Hi, Matthew. If you go to Admin > Channels > Widget > Setup, do you see the code, along with the "Copy to clipboard" button?

  • Avatar
    Emily Harris

    Can I add the widget before I activate my Help Desk?

  • Avatar
    Amie Brennan

    Hi Emily,

    You sure can add the widget to your Guide platform prior to activating it. It just won't be visible to the public until you've activated Guide. :)

    If you go to Admin > Channels > Widget > Setup there is a little toggle button which will automatically add the widget to your Guide platform for you. Alternatively you can do it manually by copying the code and pasting it into the Guide site code from your Guide admin area. 

    Hope this helps. :)

     

  • Avatar
    Emily Harris

    Hi Amie,

    When I follow those steps and go to "set-up" I don't see the toggle.

  • Avatar
    Jessie - Community Manager

    Hi Emily! Welcome to the Community!

    When you click on the Set-up tab in your Widget settings, you should see a little slider button in the lower right corner of the window:

    Let us know if you're still having trouble! If you can post a picture of your settings, that would be really helpful. :)

  • Avatar
    Sean Maguire

    I'm also not seeing the button that you're mentioning. Any ideas? 

  • Avatar
    Nicole - Community Manager

    Hey Sean - 

    Welcome to the Zendesk Community! Is your Help Center enabled? That toggle doesn't show up until it is. 

  • Avatar
    Shaunak

    Hi, we enabled the various options (Chat, Help Center, Ticket Form) etc. on the Customization Page in Settings -> Channels -> Widgets -> Customization.

    Following that, we toggled the 'Add to Help Center' setting as well.  We still do not see the widget appear on our Help Desk page.  Are there more settings we need to toggle?

  • Avatar
    Amie Brennan

    Hi Shaunak,

    Thanks for letting us know. I'm going to create a ticket and join you in there so we can troubleshoot this further together from there. See you in the ticket. :)

  • Avatar
    Nicole - Community Manager

    Hey Shaunak - 

    Glad to see that you're getting help in a ticket. I also see that this is your first post - Welcome to the Zendesk Community! I encourage you to head over to the Welcome Thread in The Lounge to introduce yourself.

    We look forward to seeing you around the Community. Happy Zendesking!

  • Avatar
    Inbal

    Is the web widget available for all plans & packages?

  • Avatar
    Nicole - Community Manager

    Hi Inbal - 

    Yes, Web Widget is included on all Support plans. 

    I see that this is your first post - Welcome to the Zendesk Community! I encourage you to head over to the Welcome Thread in The Lounge to introduce yourself.

    We look forward to seeing you around the Community. Happy Zendesking!

  • Avatar
    Inbal

    Is there any difference in how much it can be customized among the different plans? I am building a ticket submission form with many drop downs for the end user to fill (category, severity, location, etc.) and also a few boxes for free text. Can this be created on the web widget and applied to all plans?

  • Avatar
    Jessie - Community Manager

    Hi Inbal! I'm looking for someone to help you with this. Stand by!

  • Avatar
    Emily P.

    Hello Inbal!

    That is a great question regarding using custom ticket fields and ticket forms with the Web Widget :)

    Customers on any Support plan can choose to display one or all visible, editable custom ticket fields to your Web Widget contact form. 

    • Essential, Team, and most Professional plans can select a single custom field or All.
    • Enterprise or Professional plan with the Productivity pack add-on, can choose any number of their custom ticket fields to display in the default contact form.
    • Enterprise plan customers or Professional plan customers with the Productivity Pack add-on, can select any number of custom fields to display, or can select All custom fields.

    Customers on the Enterprise Support plan, or Professional plan with the Productivity Pack add-on, can use ticket forms in Web Widget.

    Plan options:


    API: Web Widget extra customization is available on all plans: 


    Disclaimer: The articles above are provided for instructional purposes only. Zendesk does not support or guarantee the code. Zendesk also can't provide support for third-party technologies such as JavaScript, jQuery, or CSS. We encourage posting any issues you have in the comments section or try searching for a solution online.

    If you would like us to create a ticket to go more in-depth and/or get you in touch with the resources for this option/pricing please let us know!

  • Avatar
    Steven Johnson (Edited )

    Hi, I followed the steps listed but am not able to successfully add the Web Widget to our Help Center. The chatbox ("Chat With Us") appears, but I'd hoped that by enabling the Web Widget it would override the chatbox and drive guests to try to self-service before requesting help. I toggled the Web Widget onto the Help Center about 15 minutes ago and it still isn't appearing.

    I also read this article (https://support.zendesk.com/hc/en-us/articles/115010139107-Why-isn-t-my-Web-Widget-appearing-in-the-Help-Center-) and our site is HTTPS secured so I don't think that's the issue.

  • Avatar
    Amie Brennan

    Hi Steven,

    Thanks for letting us know. I'm going to create a ticket and we can troubleshoot this further with you from there. See you in the ticket. :)

  • Avatar
    Nigel (Edited )

    Hi is it compulsory to add the widget script in the HEAD section ?

    I want to only show this widget on Desktops and Laptops and I have some common JS which checks for mobile and tablet devices which loads at the end of the page.

    I've tried adding it to the end of the page, it works.

  • Avatar
    Molly VS (Edited )

    Hi Nigel,

    I see this is your first post, welcome to The Community!

    It is not necessary to place the widget code in the header. We recommend this to prevent other code from hiding the widget or interfering in other ways. You're welcome to insert it in whatever way works best for your site.

  • Avatar
    Mauro Campillo

    Hey, quick question. Can i add a custom js script to show a slider/carousel?

  • Avatar
    Mauro Campillo (Edited )

     I was checking at the source code and apparently, showing unsafe content (like loading a script) is not allowed in the widget, even if the option to show unsafe content is checked. This doesn't happen if the user views the article in full page.
    The allowed tags are: `["h1", "h2", "h3", "h4", "h5", "h6", "blockquote", "p", "a", "ul", "span", "ol", "nl", "li", "b", "i", "strong", "em", "strike", "hr", "br", "div", "sup", "sub", "img", "iframe", "table", "thead", "tfoot", "tbody", "tr", "th", "td", "pre", "video", "source"]`

    My question is... why this is not allowed? even if the option to display unsafe content is checked, and why in one place is allowed and not in the other? this seems inconsistent and confusing

    Thanks in advance!

  • Avatar
    Daniel Aron

    Hi Mauro, the checkbox relates to the display of unsafe content in the Help Center. For the Web Widget, we maintain more control and always restrict unsafe content, like loading a script, to avoid breaking the functionality or the display of the Web Widget. Most customers that decide to show unsafe content use scripts intended for use only on a Help Center page and could cause unintended side effects in the Web Widget. For example, where the Help Center page is a much larger size than the Web Widget, or where certain Help Center features don’t exist in the Web Widget. 

  • Avatar
    Michael Hohnecker

    Our CMS won't allow scripts.  Is it possible to iframe this form onto our site?

Please sign in to leave a comment.

Powered by Zendesk