Site in Spanish for Spanish speaking volunteers : Knowledge Base for Center

Abby Torrice posted about 1 year ago Admin

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

0 Votes

M

Miranda Martin posted over 1 year ago

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?

0 Votes

S

Shonie K. posted almost 2 years ago Admin

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

0 Votes

B

Brett Milam posted almost 2 years ago

Thank you so much for the Spanish code! It made my day to see that and add it to our website this past Thursday!

0 Votes

S

Shonie K. posted over 2 years ago Admin

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.

function googleTranslateElementInit() {

new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');

}

</script>

Best,

Shonie

CX Specialist

she/her

1 Votes

B

Brad Schrade posted over 2 years ago

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.

function googleTranslateElementInit() {

new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');

}

</script>

This is what it looks like now

0 Votes

Y

Yvonne Murray posted over 2 years ago

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?

Attachments (1)

Screen Shot ....png
1.05 MB

0 Votes

Eli Poulos posted over 2 years ago Admin

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>

<script type="text/javascript">
functiongoogleTranslateElementInit() {
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>

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!

0 Votes

C

Cody Jang posted over 2 years ago

While Spanish would be our top choice, if we're asking for language accessibility, Chinese would be a huge benefit to us as well!

0 Votes

L

Laci Bosquez posted over 2 years ago

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.

0 Votes

G

Grace Wakelee-Lynch posted over 2 years ago

Agreed, this would be a huge asset to us!

1 Votes

B

Brad Schrade posted over 2 years ago

I would really like this as well!

2 Votes

Ali Pettigrew posted almost 6 years ago Admin

Hi Shelley,

Consider it recorded!

Thanks :)

Ali

0 Votes