Adding the Web Widget to your website or Help Center

Return to top
Have more questions? Submit a request

59 Comments

  • Stuti Thapliyal

    Hello,

    I would like to add a web widget giving the users new updates regarding my product. I do not want it to be a help center or a chat widget. I just want it to give certain information to my user.

    Is it possible using web widgets? If yes, would you be able to guide me through it?

    If no, is there some other feature Zendesk offers that I as a developer can use to have this embedded widget with just some information for the user on my website?

    Thank you.

    1
  • Stuti Thapliyal

    Hello Devan - Community Manager

    Thank you for your reply. I do not want a chat bot.

    To give more details : I basically want a web widget on my website that just gives new update information to the user. It does not need to chat with the user, ask for their information, etc, it just needs to show a widget with some information.

    The information will need to be changed every 2 weeks by our company's marketing team.

     

    For example just a simple widget with no user interaction saying : " Hello, our new feature for this week is XYZ!". The widget would ideally pop-up every 2 weeks (after the text has been changed by the marketing team) when the user visits our website  and the widget would just have a close button for the user to close it.

     

    Basically no direct one-on-one interaction with the user thus we do not need a chatbot, a chat helpdesk, contact us form or any such features.

     

    Would this type of widget be possible Devan - Community Manager?

    Thank you again.

    1
  • Devan - Community Manager
    Zendesk Community Team

    Hello Stuti Thapliyal,

    This is something that can't do with our widget our of the box. Depending on how technical you are, there might be a way to build your own chatbot where a customer can say a topic that interests them, and the bot can feed the info. I've shared an article that goes into detail on this a bit more. 

    The Best Chatbot Software for Your Business | Zendesk Chatbot

    Best regards. 

    1
  • Mauro Campillo

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

    1
  • Howard Davidson

    Hi

    With the web widget configured for Help Center, is there any customization available for the UI controls? i.e. instead of a search input box, could I have a contents/document tree navigation control? I'm also interested in the web widget to allow knowledge article input for certain users - is this possible?

    Thanks

    1
  • 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. :)

     

    0
  • Keshav Sharma

    i copy web widget and paste it on head section , i want to change lable text of webwidget, and i add zendesk api to change it , and add the code after widget code , but it is not working

    0
  • Daniel Aron
    Zendesk Product Manager

    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. 

    0
  • James Sanford

    Hey Jayson!

    Your Web Widget script and the key are not considered sensitive information on their own.  The primary consideration for security is the websites your Widget script can be placed on.  You can configure the Whitelisted Domains that allow your Widget script under your Widget settings by toggling the Help Center option to enabled; this will expose the Security Settings option where you can set the Whitelisted Domains for your Widget script.

    0
  • Jessie Schutz
    Zendesk team member

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

    0
  • 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?

    0
  • Prajesh Mishrikotkar

    Hi,

    Is there any other way to add widget in my web app?
    I am using react and i do not want yo use script tag.

    0
  • Nicole S.
    Zendesk Community Team

    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!

    0
  • Brett Bowser
    Zendesk Community Team

    Hey Huong-Ly,

    The Web-Widget uses CSP which follows Googles CSP Guidelines which I've linked for you.

    I also encourage you to take a look at the following documentation regarding our web-widget: Content Security Policy (CSP) support

    Hope this helps!

    0
  • Venu

    Hi Brett,

      Thanks for your response.Finally I integrated zendesk widget into my application.But what I exactly expecting is to create a custom form which is having some user input fields and when user clicks on sent/submit button,that ticket has to go to our zendesk support dashboard.Likewise the process has to go on,so for that process I want to test those request api's in my postman before integrating them into my application.So could you suggest me how to make it done.

      I look forward to your prompt reply.

    0
  • Mauro Campillo

     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!

    0
  • Arpitha SaiReddy

    I am not seeing web widget in my page after adding the code snippet under html tag.

    0
  • 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?

    0
  • Nicole S.
    Zendesk Community Team

    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!

    0
  • Brett Bowser
    Zendesk Community Team

    Hi Arpitha,

    If you're website is public facing would you be able to provide a link so we can take a look for you?

    I'd also recommend taking a look at the following article just to make sure everything is configured correctly within the Widget settings: Using Web Widget to embed customer service in your website

    Keep me posted!

    0
  • Alex

    Hello,

    Is there a way the form can be added on a page without being a hovering popup? You know, like a normal contact us form on the contact us page.

     

    Thanks

    0
  • Nicole S.
    Zendesk Community Team

    Hey Michael -

    It's neither recommended nor officially supported, but we have seen customers use iframes to get around similar issues. The greatest area of trouble with that kind of workaround has to do with domain whitelisting, as the iframe ends up having a different domain than your primary site.

    Our support team can't instruct you on how to set it up, though you could pose the question in the Q&A topic in our community and see if any other users have done something similar and could help you out.

    0
  • Emily Harris

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

    0
  • Molly
    Zendesk Customer Success

    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.

    0
  • Brett Bowser
    Zendesk Community Team

    Hi Lila,

    I reached out to our team and it looks like there's no way to apply the widget directly to the web browser using Google Dev tools. If you're on the Enterprise plan you can use your Sandbox account to test changes with the web-widget before posting to your live environment.

    You could also try pasting your code snippet into jsfiddle.net HTML pane and see how it looks from there.

    Hope this points you in the right direction!

    0
  • Ankur Modi

    The web widget is broken on both our installation. It gives an error that "Cannot read property 'embed' " when loading and does not load on our sites. 

    Given that the script is self hosted and there is no custom code, we'd like to know what the support option here is? 

    Can you provide a timeline for the fix?

     

     

    0
  • Dan Kondzela
    Zendesk Customer Advocate

    Hi Ankur! I am sorry to hear of the issues you are experiencing with your Widgets! To make sure we are getting as deep into the issue as possible, I am going to create a ticket for you. You will hear from me via email shortly. Thanks!

    0
  • Michael Hohnecker

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

    0
  • Lyndsey Woo

    @Kamil, that's right. You have to be an Admin or Account Owner to see the Channels  setting.

    0
  • Lila Kingsley

    Is there a way for me to add widget code directly in the browser (possibly with chrome dev tools) without asking a developer to update our site? 

    We currently use the widget for chat only and are looking to add the other features (chat, help center, integrated widget, contextual help).  Doing this will require that we switch the brand as well, so a new code snippet is required.  I want to do this as a POC for the new functionality before submitting a formal request to our dev folks, but, also to assess whether contextual help will work for us as is (with the out of the box URL based functionality).

    0

Please sign in to leave a comment.

Powered by Zendesk