In this post
A language switcher gives shoppers a simple way to choose the language they want to browse your Shopify store in. It may seem like a small detail, but if customers can’t easily use it, all the work you’ve put into translating your store becomes much harder for them to benefit from.
After all, translating your products, collections, pages, and theme content only gets you so far. Shoppers still need a clear way to find those translations.
If someone lands on the wrong language version and can’t immediately figure out how to switch, all the work you put into translating the store becomes much less useful.
And this matters even if you use automatic language detection. Shopify itself recommends keeping manual language and country selectors available because location and browser detection aren’t always going to reflect what the shopper actually wants. Someone could be traveling, using a VPN, shopping for another country, or simply prefer a different language from their browser default.
If you’ve already translated your Shopify store and want to make sure international shoppers can actually find those translations, this guide walks you through the setup.
In this guide, I’ll show you how to add a language switcher to Shopify using TranslatePress, how to choose between its floating and inline switchers, and what I recommend checking before you consider the multilingual storefront finished.
We’ll also look at the SEO side of things, including localized URLs and hreflang, so customers and search engines can reach the right language version.
Quick Answer: To add a Shopify language switcher with TranslatePress, first add and publish the languages you want to offer. Then open the TranslatePress Shopify dashboard, find the Language switcher card, and click Setup next to either Floating Switcher or Inline Switcher. Customize the design in Shopify’s Theme Editor and save your changes. Only published languages are displayed to shoppers.
What is a Language Switcher in Shopify?
A language switcher is a storefront control that allows a visitor to change the language in which they browse your Shopify store.
Depending on the design, it might appear as:
- A dropdown containing language names;
- A floating button in the corner of the screen;
- A row of language options;
- Language names combined with flags;
- Short language codes such as EN, ES, or FR.
Its job is simple: give shoppers control over the language of their experience.
For example, someone visiting the English version of a store might select Spanish and be taken to its Spanish version.
With Shopify’s multilingual system, published languages can have their own localized URLs. A store using English as its primary language and Spanish as an additional language might therefore serve the Spanish version under a URL such as:
example.com/es/
Shopify currently allows eligible stores to publish up to 20 languages from a single store, so this little navigation element can become pretty important once you start expanding internationally.
Why Is a Shopify Language Switcher So Important?
If your multilingual setup is working properly, customers may already arrive on the appropriate language version through search results, direct links, or Shopify’s localization features.
That doesn’t make the switcher unnecessary.
Shopify specifically recommends providing manual country and language selectors even when automatic redirection is enabled. Automatic detection can get things wrong, and customers sometimes deliberately want a different experience from the one their location or browser settings suggest.
Imagine someone from Germany is browsing your store in English because that’s the language their browser happens to use.
Or someone living in France prefers to shop in English.
Or a customer is traveling abroad, and Shopify detects their temporary location rather than their usual market.
In all three cases, I’d rather give the shopper an obvious way to correct the experience than assume the automatic choice must be right.
That makes your language switcher part of your store navigation rather than just another visual flourish.
Does Shopify Already Have a Language Switcher?
Yes. Most Shopify themes include built-in country and language selectors, usually somewhere in the header or footer. Shopify’s free themes include language selectors, while third-party theme support and configuration can vary.
You can add a language switcher to your Shopify store through the admin settings or by using a localization app from the Shopify App Store.
- Go to your Shopify Admin panel and click Settings at the bottom left.
- Select Languages.
- Click Add a language and pick the language you want to include.
- Translate your store content manually or use a translation tool like the free Shopify Translate & Adapt app.
- Click the three dots next to the added language and select Publish to make the language switcher appear on your storefront.
The main limitation is that the exact placement and styling options depend heavily on your theme. Shopify’s own documentation notes that the switcher may appear in the header, footer, or another location depending on the theme and developer.
This theme dependency comes up fairly often in the Shopify community, too. Merchants ask how to move selectors from the footer to the header, why a selector isn’t visible on mobile, or how to customize its appearance beyond what the theme exposes.
TranslatePress for Shopify takes a slightly different approach by providing its own customizable switcher with floating and inline placement options.
Before we set that up, though, it helps to know what a good language switcher should actually look like.
What Makes a Good Shopify Language Switcher?
There isn’t one perfect language-switcher design for every store.
A bilingual boutique with English and Spanish has very different needs from a large international store serving eight or ten languages.
Still, there are a few principles I’d follow in almost every case.
1. Put the Language Switcher Somewhere Shoppers Can Actually Find It
Your first priority should be discoverability. A beautifully styled language selector is useless if customers have to hunt for it.
Desktop shoppers are accustomed to localization controls appearing around the top-left or top-right areas of a website, while a persistent floating switcher can work particularly well when you don’t want to rearrange your theme navigation.
The footer can still make sense as a secondary location, but I wouldn’t make it the only way to change languages on a large mobile storefront.
Nielsen Norman Group’s ecommerce usability research found that language controls positioned in upper corners or inside the mobile navigation were easier for shoppers to locate, while footer-only placement can become harder to discover on long mobile pages.
That makes intuitive sense to me.
If someone arrives on a page they can’t understand, asking them to scroll through six product sections before they discover the language control isn’t a great first impression.
2. Use Language Names That People Recognize
Whenever possible, show each language using its own name.
For example:
- English
- Deutsch
- Français
- Español
- Italiano
- 日本語
This is more useful than displaying every language name in whichever language the visitor happens to be viewing.
Someone who can read German will recognize Deutsch even if they can’t understand the English page surrounding it.
Both Nielsen Norman Group and W3C guidance on multilingual navigation support presenting language options in the language they represent.
I’d generally consider full language names the safest default.
Language codes such as EN, DE, and FR can work when space is tight, but names remove more ambiguity.
3. Don’t Rely on Flags Alone
Flags are visually appealing, but there’s a small problem:
Countries and languages aren’t the same thing.
What flag represents English? The United States? United Kingdom? Australia?
What about Spanish for shoppers in Mexico, Argentina, Spain, and Colombia?
That doesn’t mean you can never use flags. They can provide a useful additional visual cue, particularly when your store is targeting clearly defined regional markets.
But I wouldn’t make a tiny flag the only information a shopper gets.
A combination such as 🇩🇪 Deutsch is usually clearer than 🇩🇪.
Nielsen Norman Group similarly recommends against relying on a flag alone and found that combining visual cues with readable language information makes localization controls easier to recognize.
Conveniently, TranslatePress lets you decide whether to display language names and how flags should appear, so you don’t have to commit to one format everywhere.
4. Keep the Shopper’s Journey Intact
Changing languages shouldn’t feel like starting the shopping session again.
If someone is halfway through reading a product description and selects Spanish, the ideal experience is to continue browsing the corresponding Spanish version rather than unexpectedly landing on an unrelated page.
At minimum, test this behavior on your most important page types:
- Homepage;
- Product pages;
- Collection pages;
- Blog articles;
- Cart;
- Customer account pages;
- Any important landing pages.
This becomes especially important when you’re using Shopify Markets with different domains, subdomains, or subfolders.
Google also recommends making language and region links available across multilingual pages so visitors who arrive on the “wrong” locale can deliberately choose another one.
5. Make Sure the Switcher Works on Mobile
Don’t assume that because the desktop switcher looks good, mobile is handled.
Shopify community discussions regularly include merchants wondering why a language selector visible on desktop appears somewhere unexpected, or seemingly disappears, on mobile. Theme behavior can differ considerably between breakpoints.
Check:
- Whether the switcher is immediately discoverable;
- Whether a dropdown opens correctly;
- Whether options are large enough to tap;
- Whether the switcher overlaps your cart, chat widget, cookie notice, or other floating controls;
- Whether long language names fit properly.
A floating switcher is particularly worth checking here because many Shopify stores already have several elements fighting for the bottom corners of a mobile screen.
6. Don’t Confuse Language With Country or Currency
International ecommerce usually involves three related but separate choices:
Language: What language does the shopper want to read?
Country/market: Where is the shopper buying from or shipping to?
Currency: What currency do they want to see?
These choices often overlap, but they aren’t interchangeable.
Nielsen Norman Group’s ecommerce testing found that shoppers sometimes wanted to change language independently from country and currency. Shopify Markets also treats localization as a combination of factors including language, currency, pricing, availability, and market.
So, if you also have a market or currency selector, make sure customers understand which setting they’re changing.
How to Add a Language Switcher to Shopify With TranslatePress
Now for the practical part.
TranslatePress gives you two Shopify language-switcher options:
- Floating Switcher – a persistent switcher displayed as a corner pill;
- Inline Switcher – a switcher added to the Shopify theme as a theme block.
Both are configured from the TranslatePress Shopify dashboard.
Step 1: Install & Open The TranslatePress Shopify App
To get started, you’ll first need the TranslatePress for Shopify app. So, begin by installing the app on your store from here.
TranslatePress for Shopify
Then:
- In the Shopify admin, click the Search bar at the top.
- Type “TranslatePress” and select it from the results.
This will open the settings area of the app, where you can do your initial setup, such as choosing what languages to add or enabling automatic translation.
If you want a more in-depth tutorial on the whole process of turning your Shopify store multilingual, we already have a full guide that walks you through all the steps. Read how to translate your Shopify store here.
Step 2: Make Sure Your Languages Are Added and Published
Before worrying about the switcher itself, make sure the languages you want visitors to select actually exist in TranslatePress.
Open the TranslatePress app from your Shopify admin. You can find it by searching for TranslatePress, or by going to Settings → Apps → TranslatePress → Open app.
From the dashboard, click Add language, search for the language you want, and add it to the store.
If you’re using automatic translation, you can also enable Auto for supported languages and let TranslatePress generate translations for the content types you’ve selected.
Once you’re ready for customers to access the language, click Publish.
This part matters because unpublished languages are not displayed in the storefront language switcher. So, if your language switcher seems suspiciously empty later, this is one of the first settings I’d check.
Step 3: Find the Language Switcher Card
Return to the main TranslatePress Shopify dashboard.
The dashboard contains dedicated areas for your plan and AI-word usage, languages, managed content, and the language switcher.
Look for the Language Switcher card.
From here, you’ll see setup options for the two available switcher types.
Step 4: Choose Between the Floating and Inline Switcher
Click Setup next to the option you want to use.
Floating Switcher
The Floating Switcher appears as a persistent corner control on your storefront.
I’d choose this when:
- Your theme doesn’t have an obvious space for another header control;
- You want the language option to remain easily discoverable;
- You’d rather avoid making more substantial theme-layout changes.
Because it floats independently of the normal content flow, it can also provide a fairly consistent experience across different page types.
Just remember to check its position against other floating tools, particularly on mobile.
Inline Switcher
The Inline Switcher is added as a theme block, allowing it to sit more naturally within the Shopify theme layout.
I’d choose this when you want the selector to feel like a native part of the store design rather than a floating addition.
TranslatePress opens Shopify’s Theme Editor when you set up the inline option. The exact positions available to an app block ultimately depend on which sections and section groups your Shopify theme allows app blocks to use. Shopify themes can support app blocks in compatible sections and, where supported, areas such as header or footer section groups.
That’s an important distinction: TranslatePress provides the inline block, but your theme still determines which theme locations can accept that block.
Step 5: Customize the Shopify Language Switcher
Once you click Setup, TranslatePress opens Shopify’s Theme Editor with the switcher enabled.
This is where you can make it fit the rest of your storefront rather than leaving it looking like something that was added five minutes before launch.
TranslatePress currently lets you configure settings including:
- Position;
- Background color;
- Text color;
- Border color;
- Display style;
- Flag style;
- Language names;
- Flag position.
I’d start with the simplest combination that works with your design.
For example, for a store offering English, German, and Spanish, I’d probably display the language names and use flags only as secondary visual cues.
If your header is already crowded, a shorter format or floating switcher might make more sense.
Try not to optimize for making the control small. Optimize for making it easy to recognize without distracting from shopping.
Step 6: Save the Switcher and Test it on the Live Storefront
Once you’re happy with the appearance, click Save in the Shopify Theme Editor.
Then open the actual storefront rather than relying entirely on the editor preview.
Select one of your additional languages.
TranslatePress serves the translated content through Shopify’s native localized language URLs. For example, choosing Spanish can load a URL containing the /es language path.
Now repeat the process from several different parts of the store.
I’d test at least:
- The homepage;
- A product page;
- A collection;
- A blog post or content page;
- The cart;
- Mobile navigation;
- Any high-converting landing pages.
Check both the language and the page context after switching.
If a shopper changes languages while considering a particular product, they shouldn’t have to go searching for that product all over again.
Step 7: Check What Happens at Checkout
There’s one important exception to the storefront setup:
The TranslatePress language switcher does not appear inside Shopify checkout.
Checkout localization is handled by Shopify rather than by the TranslatePress storefront switcher.
Shopify provides translated checkout and system messages for a range of supported languages, and additional checkout wording can be managed through Shopify’s language settings.
So don’t panic when your beautifully customized switcher disappears after the shopper clicks Checkout.
Instead, test the entire buying journey in each important language and verify that the checkout itself displays appropriately.
Should You Use the Floating or Inline Shopify Language Switcher?
Both options can work well.
Here’s how I’d choose.
| Floating Switcher | Inline Switcher | |
|---|---|---|
| Placement | Persistent corner control | Integrated into a compatible theme location |
| Setup | Very quick | Depends somewhat on theme layout |
| Visibility | Usually very high | Depends on where you place it |
| Theme integration | Visually separate from navigation | Can feel more native to the theme |
| Best for | Easy, consistent access | Stores that want the switcher integrated into their design |
| Main thing to test | Overlap with mobile/floating widgets | Theme and app-block compatibility |
For most merchants who simply want shoppers to find their languages easily, I’d start with the floating option and see how it feels on the actual store.
If it clashes with the design or you already have a clear localization area in your navigation, move toward the inline option.
There’s no SEO advantage to making one prettier than the other. This is primarily a usability and design choice.
Does a Shopify Language Switcher Affect Multilingual SEO?
The switcher itself is mainly for humans.
Your multilingual URLs, hreflang tags, canonical URLs, and sitemap structure are what help search engines understand the relationship between your translated pages.
This is another reason I like the way TranslatePress approaches Shopify: it doesn’t try to create a completely separate URL system.
TranslatePress serves translated store content through Shopify’s native localized URLs, such as /es for Spanish.
When languages are correctly published and configured in Shopify, Shopify creates language-specific URLs and automatically handles important international SEO signals, including:
hreflangtags;- Canonical URLs;
- Multilingual sitemap entries;
- Crawler access to localized versions.
What Are Hreflang Tags?
A hreflang tag tells search engines that multiple URLs are alternate language or regional versions of the same content.
For example, your store might have:
example.com/products/shoes
and:
example.com/es/products/shoes
The corresponding hreflang information helps Google understand that one page is intended for one language audience and the other is an alternative localized version.
Google recommends using separate URLs for different language versions and using hreflang to identify the relationships between them.
Shopify generates the relevant hreflang tags automatically based on your Markets and language configuration. It also adds an x-default reference to the primary experience and updates its international sitemap information accordingly.
So, more precisely:
TranslatePress provides and manages the translated Shopify content and uses Shopify’s native localized URLs. Shopify’s platform handles the underlying hreflang and international URL SEO infrastructure.
You generally don’t need to manually add another set of hreflang tags just because you installed TranslatePress.
In fact, Shopify specifically warns that if you disable its automatic hreflang generation, you should only do so when you already have an alternative implementation in place.
Common Shopify Language Switcher Mistakes to Avoid
Adding the switcher itself might take only a few minutes.
These are the issues I’d spend more time checking.
Hiding the Switcher Too Deep in the Footer
A footer language selector is better than no selector.
But if international customers are an important part of your audience, I’d make the language option easier to discover—particularly on mobile.
Showing Flags Without Language Names
Flags are useful visual cues, but they aren’t unambiguous representations of languages.
Use recognizable language names, or combine names and flags.
Forgetting to Publish the Language
TranslatePress only includes published languages in the storefront switcher.
If a translation exists inside the app but hasn’t been published yet, shoppers won’t see it as an available option.
Testing Only the Homepage
Your switcher needs to work throughout the shopping journey.
Products, collections, blog pages, landing pages, cart flows, and mobile layouts can all expose problems that aren’t obvious from the homepage.
Ignoring Other Floating Interface Elements
A bottom-right switcher might look fantastic until your live-chat button appears in exactly the same place.
Test the real storefront with your cookie banner, chat widgets, accessibility controls, cart elements, and anything else that floats over the page.
Assuming the Switcher Will Appear at Checkout
TranslatePress’s storefront switcher does not appear within Shopify checkout because checkout localization is handled by Shopify.
Test checkout separately.
Assuming Automatic Language Detection Makes a Switcher Unnecessary
Automatic localization is useful, but it shouldn’t take control away from the shopper.
Shopify recommends still offering manual selectors because detection can be inaccurate or simply differ from the visitor’s preference.
I agree with that approach: suggest the right language automatically if you want, but always let the customer choose.
Frequently Asked Questions About Shopify Language Switchers
How Do I Add a Language Switcher to Shopify?
If you’re using TranslatePress for Shopify, publish your languages first. Then open the TranslatePress Shopify dashboard and locate the Language switcher card.
Click Setup next to either Floating Switcher or Inline Switcher, configure its design in Shopify’s Theme Editor, and save the changes.
Shopify themes can also provide their own native language selectors, typically through the header, footer, or theme settings.
Why Is My Shopify Language Selector Not Showing?
First, check whether you actually have another published language.
With TranslatePress, unpublished languages are deliberately hidden from the storefront switcher.
If you’re using Shopify’s native selector instead, check that your theme supports the selector, that it has been activated in the Theme Editor, and that the relevant languages have been published and assigned appropriately.
Can I Add a Shopify Language Switcher to the Header?
It depends on the implementation and your theme.
Shopify’s native selectors commonly appear in headers or footers when the theme provides those options.
TranslatePress also provides an Inline Switcher as a Shopify theme block. App-block placement depends on which sections or section groups your theme supports, so available locations can vary from theme to theme.
If header placement isn’t practical, the TranslatePress Floating Switcher gives you another way to keep language selection highly visible.
Should I Use Flags in My Shopify Language Switcher?
You can, but I recommend combining them with language names rather than using flags alone.
Flags identify countries more naturally than languages, and many languages are spoken across several countries. A label such as Español is therefore usually clearer than asking every Spanish-speaking visitor to identify with a single national flag.
TranslatePress lets you customize flag style, language-name display, and flag position.
Does the Language Switcher Translate My Shopify Store?
No. The language switcher is the navigation control shoppers use to move between language versions.
TranslatePress handles translation separately. The Shopify app can translate products, collections, pages, blog posts, theme text, notifications, and image alt text, and you can manually refine translations afterward.
Does the TranslatePress Language Switcher Appear During Checkout?
No. TranslatePress’s Shopify language switcher is a storefront feature. Shopify handles checkout localization separately, so the TranslatePress switcher does not appear inside checkout.
Does a Shopify Language Switcher Help With SEO?
Yes, but indirectly.
The switcher helps users navigate between your language versions, while the more important SEO signals come from having crawlable localized URLs and correct hreflang, canonical, and sitemap configuration.
TranslatePress serves translations through Shopify’s native localized URLs, while Shopify automatically creates hreflang and other international SEO signals from your language and Markets configuration.
Can I Rely on Automatic Language Detection Instead of a Switcher?
I wouldn’t.
Shopify recommends keeping manual selectors available even when automatic redirection is active.
A visitor may be traveling, using a VPN, browsing in a language different from their browser setting, or shopping for another market. Giving them an obvious manual option avoids trapping them in the wrong experience.
Add Your Shopify Language Switcher and Test the Complete Experience
A language switcher might occupy only a tiny corner of your storefront, but it has a surprisingly important job. It connects shoppers to all the translated content you’ve already created.
My recommendation is to treat it like any other important piece of navigation: make it easy to find, label the choices clearly, test it on mobile, and make sure switching languages doesn’t interrupt the customer journey.
With TranslatePress for Shopify, the technical setup is straightforward. Publish your languages, choose between the floating and inline switchers, customize the appearance in Shopify’s Theme Editor, and then test the result across your most important pages.
That’s how you move from simply having a language switcher to giving international shoppers an experience that actually feels intentional.
