Add a Google Translate Widget to your Online Store on Shopify

As you might not know about, Google Translation widget is widely used to translate your websites quickly and easily. This can help you to reach your new audiences by allowing them to translate the website in their own languages in just one click. Now, for themes on Shopify, you had better take advantage of this useful tool from Google. You can insert a Google Translate widget to your online shop on Shopify and it will automatically translate your theme content into languages which are supported by the Google Translate. In this post, you will be instructed how to add a Google Translate widget to your online store on Shopify on Desktop, iPhone, and Android.

Take note that in case your theme contains the features of the built-in translation, you had better follow the process of simplified translations instead.

Before adding a Google Translate Widget on Shopify, you need to have the code snippet for your translation.

To get the code snippet for your translation

Step 1: Access Google Website Translator page.

You need to access the Google Website Translator page.

Step 2: Complete Website Infor.

Some information of your online store needs to be completed in the Website Infor section, including the URL of your website and its original language.

how to add a google translate widget to your online store

Step 3: Click Next.

Click Next to continue.

Step 4: Select All languages or Specific languages.

In the Plugin Settings section, you can select All languages or some Specific languages that are suitable for your customers when they pay a visit to your store.

how to add a google translate widget to your online store

Step 5: Choose Select Language box’s performance.

The display mode section shows the performance of the box Select Language that you want it to appear, including Vertical, Horizontal, and Dropdown only.

how to add a google translate widget to your online store

Step 6: Click Get code.

Complete this page by clicking Get Code.

how to add a google translate widget to your online store

Step 7: Copy and paste code.

hen you have the code snippet, copy and paste this code into pages you want to get it translated.

how to add a google translate widget to your online store

How to add a Google Translate Widget

Step 1: Login your Shopify admin.

Login your Shopify admin to start manipulating all Shopify ‘s functions with your own email and password.

Step 2: Go to Themes.

At your Shopify admin, go to Online Store > Themes.

how to add a google translate widget to your online store

Step 3: Click Edit Code.

Pay attention to Actions > Edit Code.

how to add a google translate widget to your online store

Step 4: Paste the code snippet.

Click the theme.liquid to have the theme template file opened and paste the code snippet onto the position you want your selector of translation to appear.

how to add a google translate widget to your online store

In case that you like your language selector to appear on each page, you need to insert the code into the theme.liquid or into a snippet which is consisted of in the theme.liquid.

Step 5: Click Save.

Don’t forget to click Save to complete your work.

Step 6: Preview translation.

Click on Preview to review your online store with translation language.

how to add a google translate widget to your online store

Step 7: Check translation.

As you can see, every language selected appears at the top of the page. Click on each language to see how your theme is translated into specified language.

how to add a google translate widget to your online store

To add a Google Translate widget to your online store on Shopify on iPhone (Click here)

  • Step 1: Tap Store. After logging in, tap Store at the bottom of the page.

  • Step 2: Tap Online Store. From the Sales channels section, choose Online Store.

    how to add a google translate widget to your online store
  • Step 3: Touch Manage themes. Before finding the theme that you want to update, touch Manage themes, and then go to Action > Edit code to continue.

    how to add a google translate widget to your online store how to add a google translate widget to your online store
  • Step 4: Copy and paste code snippet.

  • Step 5: Tap Save. Remember to tap Save.

  • Step 6: Tap Preview. If you want to check, you can tap Preview.

To add a Google Translate widget to your online store on Shopify on Android (Click here)

  • Step 1: Touch Store. From your Shopify app, you can touch Store.

  • Step 2: Touch Online Store. Touch Online Store to continue.

  • Step 3: Tap Manage themes and then opt for Actions > Edit code. After pressing Manage themes, you can tap Actions > Edit code.

  • Step 4: Copy and paste the code snippet.

  • Step 5: Touch Save. Don't forget to touch Save.

  • Step 6: Touch Preivew. Touch Preview if you want.

Conclusion

From now on, with the Google Translate widget, your store looks much more professional. Your customers can visit your online store regularly and choose any languages that come from their own country. If you are still wondering how to add a Google Translate widget to your online store, you are definitely in the right place.

Related Posts:

Google Tag Manager for Enchanced eCommerce and improved Shopify performence store

Get it FREE

Themes

Build a Shopify theme from scratch Best size for featured images on Shopify blog Add Products to Drop-down Menu in Shopify Add Sliders in Shopify To Add A Quickview to Shopify Store To add affiliate links to your Shopify store How to Add Fonts to Shopify Theme Add About us page in Shopify Remove Powered by Shopify from your Shopify store Backup Shopify theme What Programming Language Does Shopify use Put your Shopify store Under Construction Edit Checkout Page In Shopify Add Adsense to Shopify Change Shopify theme Remove Shopify Payment Icons from Store Footer Shopify Payment Icons Add a Logo to Shopify Store on all page Customize Shopify Themes Add Shop Now Button in Shopify Store Edit HTML Code Add Social Media Icons on Shopify store Edit Theme Code Change Language in Themes Register a Google Maps API Key Add Favicon Create Translation for Theme Choose Language for Theme Add Alt Text to Theme Image Edit the Code Templates for Password Page Hide Store Name on Password Page Hide Footer on Password Page Remove Content From Dynamic Section Add Google Maps API Key to Theme Edit Password Page Settings Remove Password Protection From Online Store Show Dynamic Checkout Buttons For Some Products but Not for Others Publish Themes from Theme Editor Publish Theme from Admin Add Password Set the Social Sharing Image Remove Dynamic Sections Rearrange Dynamic Sections Hide Dynamic Sections Add Dynamic Sections Add Google Translate Widget Find Theme Edit Static Sections Duplicate Themes Search a Translation for Missing or Completed Fields

Comments for Add Google Translate Widget



People also searched for

Subscribe

Stay in the know

Get special offers on the latest news from AVADA.

40k subscribers has been joined!

Earn $10 in reward now!

comment
iphone
go up