Edit document_head.hbs for Zendesk Widget Customization
What are the steps to edit the document_head.hbs file for Web Widget customization?
Editing thedocument_head.hbsfile is essential for customizing the Web Widget (Classic) in Zendesk.
To begin, go to Guide and click on the Customize design icon. Choose the theme you wish to edit and open the options menu to select Edit Code. In the Templates section, find and click ondocument_head.hbs. You can then insert your custom code between the first<header class="header">line and the final header line. This allows you to apply various customizations to the Web Widget using the API.
More related questions
How do I customize the Web Widget (Classic) using APIs in Zendesk?
To customize the Web Widget (Classic) in Zendesk, you can use the Web Widget (Classic) API by modifying thedocument_head.hbstemplate file in your help center. First, navigate to Guide and click the Customize design icon. Select the theme you…
Can I change the position of the Web Widget (Classic) in Zendesk?
Yes, you can change the position of the Web Widget (Classic) in Zendesk by using the API settings. To adjust the widget's position, modify thedocument_head.hbsfile in your help center. Insert the following code snippet to set the horizontal and…
Is it possible to customize the Web Widget for different brands in Zendesk?
Yes, you can customize the Web Widget for different brands in Zendesk, allowing each brand to have a unique look and feel. To achieve this, you can use the Web Widget (Classic) API to apply different settings for each brand. This includes changing…
What should I do if my theme prevents Web Widget API customizations?
If your theme is preventing Web Widget API customizations, you may need to investigate the JavaScript in your theme. Some themes might have restrictions or conflicts that block API calls. To troubleshoot, try applying your customizations in a…
Interested indeflectingover 70% of your Zendesk support tickets?
Zendesk Support Tickets
Zendesk Messaging (live chat)
Join1,000+ companies reducing their support costs and freeing up support agents for more important work
“We needed an AI agent integrated within our current tools. My AskAI was the only solution that wasn't going to disrupt our operations.”
Zeffy
“At the end of last year I was given the challenge - how can we provide the same or better service, without hiring anyone?”
Zinc
“My AskAI blew everybody else out of the water. It made the selection process very easy for us.”
Customer.io($50M+ ARR)
“It now resolves 71% of queries (over 35,000 every month), meaning more time solving complex issues and improving UX.”
Freecash
“We needed an AI agent integrated within our current tools. My AskAI was the only solution that wasn't going to disrupt our operations.”
Zeffy
“At the end of last year I was given the challenge - how can we provide the same or better service, without hiring anyone?”
Zinc
“My AskAI blew everybody else out of the water. It made the selection process very easy for us.”
Customer.io($50M+ ARR)
“It now resolves 71% of queries (over 35,000 every month), meaning more time solving complex issues and improving UX.”
Freecash
Reduce support costs.Spend more time on customer success.
