Site in Spanish for Spanish speaking volunteers
I would really like this as well!
Agreed, this would be a huge asset to us!
Hi everyone,
I am helping Yvonne in a ticket currently, but I wanted to follow up here. If you plan on using this translation tool, please copy and paste the code below. The above code was missing a space character, so this should work as expected! If you have any issues, feel free to reach out to support.
<div id="google_translate_element" style = "z-index: 1001;position: absolute;background: white;padding: 10px 10px 2px 10px;"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
Best,
Shonie
CX Specialist
she/her
Has there been an update on this front? We have communities of exclusively Spanish-speaking families and would like to support them in navigating the site independently. Please advise.
While Spanish would be our top choice, if we're asking for language accessibility, Chinese would be a huge benefit to us as well!
I love that we are able to provide a tool for our volunteers to use our site in multiple languages, but I have an improvement to ask of you. It came to my attention that the mobile version of the site is nearly unusable now that we have the google translate box in the top left corner, as it completely covers up the three lines that allow users to navigate the menu. Is there a way for you all to make it so the "select language" box will appear above this menu, rather than directly over the top of it?
Eli Poulos
Hello Everyone!
Thank you all for your input here. We absolutely understand the value of being able to offer the software in multiple languages. In an effort to be transparent, creating our own translation is quite the investment and would prevent us from being able to do other types of development. It is also challenging to do well and costly to maintain and so would likely be expensive for our clients. We always want to offer the best in class option to our clients and we've found that the google translation widget is the best tool on the internet currently. Here is how that solution works:
Google translate now has a service that allows a site manager to add a snippet of code to their site’s Custom Header Code setting in their site’s Main Settings. Adding this code snippet will add a translation widget to their site that will allow anyone visiting the site to easily translate the site’s content into their desired language.
Code snippet:
<div id="google_translate_element" style = "z-index: 1001;position: absolute;background: white;padding: 10px 10px 2px 10px;"></div> |
We'd love your feedback on that solution, where it is and is not working for you, so we can continue to advocate for this new feature with the Development team.
Thanks so much for sharing your thoughts!
This code snippet isn't working for me. It just shows a blank white blob in the upper right corner of my site. Can I get some additional help with this?
I had the same issue; fortunately one of our IT guys has a background in website design and coding. He got it working with the code below.
<div id="google_translate_element" style = "z-index: 1001;position: absolute;padding: 10px 10px 2px 10px;"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
This is what it looks like now
Thank you so much for the Spanish code! It made my day to see that and add it to our website this past Thursday!
Hi Brett,
Yay -- that is great! I am so glad this tool has been a nice addition to your site. We are happy it exists, as well, to make your site more accessible to more volunteers.
Happy new years,
Shonie
CX Specialist
she/her
Abby Torrice
Hi Miranda!
With the way the widget and site is designed, there is not currently a way to adjust where the widget appears in the mobile version. However, I do have an alternative solution for you to use, that may fare better long term. From our understanding, Google is no longer updating and is discontinuing the language widget that was originally recommended here.
Now, I would recommend using Google Translate for sites that would like to enable their users to view the site in alternate languages:
Step 1: Create a Custom Pages with instructions on how to install the Google Translate browser extension
Step 2: Use this tool to create a translated version of the custom page, so the instructions are accessible
Step 3: Link the translated version of the page in a spotlight
It looks like Google has recently made some updates to this too, so if the browser is currently using an older version updating it should improve the user experience – you can read about the updates here!
Let me know if this works and if you have any other questions!
Best,
Abby
Ali Pettigrew
Hi Shelley,
Consider it recorded!
Thanks :)
Ali
Shelley Irwin
I would like to request the site be available in Spanish for Spanish speaking volunteers.
4 people like this idea