Let's say that your company targets the French and English speaking markets. You would therefore like to have a different footer on your help center to provide different contact information based on your customer's language. Or maybe, for a better customer experience, you'd like to display the French support number only to French speaking customers. In this article, you'll learn how to set this up.
This article covers the following topics:
Creating a new dynamic content item
You need to be a Zendesk Support administrator to create dynamic content. In this example, you'll create a dynamic content item with a French variant and add the HTML code of the footer you'd like to be displayed for French speaking customers. Dynamic content allows you to choose a default language. A good best practice is to English if your customer selects a language for which you don't have a footer translation.
- In Admin
Center,
click
Workspaces in the sidebar, then select Agent tools > Dynamic Content.
- Click Add Item .
- Choose a name, such as footer or HC_footer to more easily find your help center related dynamic content later.
- Select a default language such as English.
- Paste the HTML code you want to display for English speaking customers in the content box.
- Click Create to save your dynamic content item.
- Notice the item's name between curly brackets. You'll use that later on.
- Now add one or more other translations. To do so, click Add Variant and follow steps 3-6 again.
Your dynamic content ready. Now, you can add it to your help center.
Modifying your help center theme
- In Guide, click the Customize design icon (
) in the sidebar.
- Click the theme you want to edit to open it.
- Click the options menu, then select Edit Code.
- This example modifies the footer so open the Footer template.
- Use the following syntax to insert the dynamic content item we created above: {{dc ' item_name '}}.
- Click Save and you'll be able to see the newly added footer.
- Click Publish changes.
Now, your custom footer on your help center and the text will be displayed based in the language your customers select on the homepage.
This article covered only the footer but you can go further than that. You could have a completely different look and feel based on your customer's language. Or maybe the product you're selling has a different name in French than in English; in this case you can use dynamic content to display a different logo based on the customer's language.
34 comments
Federico Vezzoli
I'm sorry to ask but I'm stuck at step 1:
Everything else is quite clear, but I'm unable to set any dynamic content...
Any help?
thanks
0
Nicole Saunders
Hi Federico,
The first thing I'd check is your plan type, as this feature is only available to those on Professional or Enterprise plans. Can you confirm what plan type you're on?
0
Mohd Hanif Bin Mohamod Rodili
I've setup a DC but the DC return "Could not find the placeholder for dynamic content named hc-title"
1
DJ Buenavista Jr.
Hi,
Thank you for reaching out to Zendesk Support.
In regards to your concern, you need to create a new item from the Guide Admin > Dynamic Content and create the following dynamic content.
Thank you!
Kind regards,
DJ Buenavista Jr. |
Customer Advocacy Specialist |
0
Stephanie Smith
Hello! I'm having the same problem as Mohd Hanif Bin Mohamod Rodili. I set up a test dynamic content under support -> settings -> dynamic content and get "not possible to access `dc` in `dc.test`" error when I try to use it in my help center.
I don't see any dynamic content settings in the guide admin page. Am I missing a step?
Thank you!
0
Mohd Hanif Bin Mohamod Rodili
Hi Stephanie Smith, please try dc ‘test’. The format has changed I think from dc.test to dc ‘test’
2
Stephanie Smith
That was it! Thank you so much Mohd Hanif Bin Mohamod Rodili!
0
Mohd Hanif Bin Mohamod Rodili
Good! You’re welcome Stephanie Smith 😊.
0
Lilian Herman
I've created the English default, but I don't see the Add Variant link anywhere. What am I missing?
0
Giuseppe
Hi Lillan,
The add variant should be located on the right side when you add your Dynamic Content. Here's a sample screenshot:
If you're not seeing this, then it's possible that you haven't added other languages in your Zendesk Support. I suggest checking this article for more information about this - Adding multiple languages to Zendesk Support
Tested this in my account by disabling other languages, and I now don't see the add variant button as well:
0
Victoria Ganusceac
Hello,
Where exactly should the placeholder be added in the code? I'm replacing the text with the placeholder but it does not come up when I preview my helpdesk:
0
Vlad
Hey Victoria, seems the format is not good, try with:
0
Tim | Customer Service
Hi,
I was wondering if it's also possible to only show a specific social media icon in the footer based on the language of your helpcenter. For instance.. We've set up a Helpcenter for multiple languages (/de/fr/lu/nl), but I only want to add and show a WhatsApp icon to our Dutch version of our Helpcenter.
The code would be something like:
<a href="link to WhatsApp business page" target="_blank"><span class="WhatsApp-icon"></span></a>
But if I add this to the footer.hbs the new WhatsApp icon would show on every version of the Helpcenter.
0
Tipene Hughes
Hi Tim,
Yes that’ll be possible using dynamic content. You can create a dynamic content item with a single variant and language set to Dutch, then add the code to the content section. Following that, you’ll just need to add the dynamic content helper to your footer.hbs file and you should be all set.
I hope this helps! Feel free to reach out with any questions.
Tipene
0
Kristin Bouveng
When a user is in the Knowledge Center, does it automatically serve the language based on their user's default language? Or will it only change if they choose a different language from the dropdown?
0
Jeff C
Hi Kristin,
The locale is based on the browser language the end user has. If that locale is not a language that you have for Guide, then the fallback language will be the default language in your Guide settings.
0
Hava
Hi,
I want to change the "Your email address" text description on "Submit a request" and found this code:
<script>
$('.form-field.string.required.request_anonymous_requester_email label').text('Your email-address here');
</script>
But if I want it to be dynamic, and change based on the language chosen on the page - what do I add and where?
0
Vlad
Hey Hava, You should use the Dynamic content option.
Then your JS code will look like this:
Also, check this article too.
0
Marvin Toussaint
Is dynamic content only used to display based on the language chosen? What if I wanted to use it to render things with an event listener could I do that?
0
Luca Baldini
Ehy Vlad! Do you know how I can change the text of the mandatory field error notification?
0
Christine
It is not currently possible to customize the system error text on ticket forms/fields.
I have found a similar community post here. If you have some time, I recommend that you upvote this post and leave a comment on the thread with your use case. Our Product Managers actively monitor our feedback threads, and conversations with high user engagement ultimately get flagged by the team for roadmap planning.
Thank you!
0
Niclas gmail
Hello. It seems using assets is not supported in Dynamic content?
Firefox says "Can't load image" and Chrome says:
instead of something like this:
The same code works if used directly in the .hbs:
One more thing, could you please add "HTML" to the Placeholder on the setup of DC, much like in the HC - Asset properties?
0
John Smith
Hello, guys!






I have a problem.
I created the test DC but it doesn't work for German. Could you please help me? Thank you.
2
Casey Keefe
Hey Everyone! Does anyone know how I would wrap the helper in order to display different information in the footer depending on selected language?
For example, if a user selects English (GB), I would like the address for our UK office to display in the footer, rather than the default US. At this time I am able to get the UK address to appear, but the US address is there as well.
Any help is appreciated. Thank you!
0
Lilian Herman
Have you tried using dynamic content? Create a variant for each language that contains the appropriate email address, then replace the existing email address in the footer.hbs file with the dynamic content - something like this: {{dc 'home_page_footer_office_email_address'}}.
0
Casey Keefe
Lilian Herman Thank you. Yes, I am able to get the UK address to appear using dynamic content. But, the US address remains and I essentially would like the UK address to replace the US address when user selects English (GB) as the language.
0
Lilian Herman
Sorry I couldn't help! Our email address isn't in our footer, so I have no reference to offer more suggestions. Good Luck!
0
Casey Keefe
No problem Lilian Herman - thank you for trying!
0
Team Support
Dear Zendesk Community,
I hope some of you can help.
We are having issues adding dynamic content to the search bar. We can hardcode it but not make it dynamic so it adapts to the target language.
Thanks in advance :)
0
Jane M Langschied
We are having issues since the list of available languages in Dynamic content are different than those available in the Help Center. Canadian English is available in the help center but not in the dynamic content list, so it will not pull in that translation.
0