Ecom Ideas
  • Homepages & nav
  • Category pages
  • Product pages
  • Cart pages
  • Checkout
  • Site search
  • Internationalization
  • Holiday ideas
  • Featured idea gallery
  • Topical articles
Subscribe

Get daily ideas

LinkedIn
💡
Ecom Ideas
/Internationalization
Internationalization
Internationalization

Internationalization

Tap any tip to open toggle ⚡ some gifs may take a moment to load

Featured ideas 🩄 are rare ideas you may not have seen before ;-)

💡 Ideas and tips

Entry gates

‣
Use a “confirmation headline” (when auto-redirected to localized site)
🌍
Clarity matters when it comes to communicating any important message — and it’s important to remember Web users typically don’t read It’s wayyyy clearer to tell visitors their location is set to [country] than use “Now shipping to [country]” because the former indicates the visitor doesn’t need to take any further action Just saying you now ship to [country] is fuzzier, it doesn’t imply the site is localized from the headline alone forcing users to read bullets đŸ”«

👗 Fashion Nova’s headline gets right to to the point

image

👗 Macy’s headline is fuzzier — is this just “news” or am I shopping the Canadian site?

image
‣
Ask “are you looking for [country]”? (when not redirecting)
🌍
If don’t force visitors to their geolocated version, it’s a good idea to notify visitors of their options, but make it clear they can stay — there’s always cases of international visitors that intend to ship to your native country anyway (for a number of reasons)

đŸȘ’ Manscaped streamlines its modal to a simple headline, big bold call to action and clear “stay” link

image
‣
Use flags in your design
💡
Users get bombarded with all kinds of popups — you want your country gate to be recognizable without having to read any copy Work flags into your widgets when targeting users at the individual country level

👓 Pair Eyewear’s widget forces you to read the fine print (get your glasses!) to understand how to proceed past the widget

image

🇹🇩 Contrast this with Grainger’s gate that makes it super-obvi what it’s about - no reading required

image

Grainger’s B2B site is smart to put both equal weight, it’s very possible US or Canadian IP address is ordering for shipping elsewhere in the organization

đŸ¶Â Chewy’s flag is more subtle but does the job

image

🎣 Cabela’s widget is busy, busy, busy with copy and images, but it’s clear how to proceed thanks to the flags

image
‣
Provide “Choose your country” override inside the widget

👱If you enable shoppers to change their settings, put the dropdown right in the widget vs. using a text link

image

👕 Ted Baker bakes both country and language selection into its gate (but it is a bit of a maze to orient yourself through the low-contrast design)

image
image
‣
🩄 Have fun with design & brand tone

😎 Goodr is one of the rare sites that gives its country gate some design love (and a little humor in the copy)

image

It also takes prominence over the cookie banner which you would serve again on the localized site anyway, so it’s great to have the user set their localized preference before cookies

‣
🩄 Stop pop-up stacking with “Collision Prevention” settings
😬
I’ve encountered so. many. sites. that serve email opt-ins and cookie notices đŸȘ at the same time as country gates đŸ’„ Most often, closing one widget auto-closes them all. Oof! Make sure you apply the settings your popup tool provides to prevent double (or triple!) firing đŸ”« đŸ”« e.g. ‘Collision Prevention’ in Klaviyo and ‘Silent Interval’ in Claspo. (If your tool doesn’t support this setting - it’s time to switch vendors 😬 and use one tool for all widgets if possible)
image
image
image

Headers & footers

‣
Use top-shelf banners carefully (for UX and Core Web Vitals)
💡
A top-aligned notice banner is a less intrusive way to notify users they’ve already been redirected* to a localized site — there’s no action to be taken unless they want to escape this action and go to your main site Just make sure you reserve space for the banner or fix its position to avoid content layout shift that can affect your Web Vitals Cumulative Layout Shift score. You don’t want it to animate in and push main content around. *Avoid using this approach when users need to click out to get to their localized site, like the M&S example below


👖 Urban Outfitters’ top shelf can be dismissed by clicking “Start Shopping” (although this is not necessary to use the site) or escape to the US site

image
image

😬 M&S’ banner is a bit too subtle. It’s placed where promotions typically appear (banner blindness). Canadian visitors may fill their carts only to be disappointed to learn they’ve browsed the wrong shop

image
image
‣
🩄 Try an entry nudge in header

🩅 American Eagle shows a nudge as an alternative to popups and sliding elements

image
image
‣
Provide country hints in mobile headers
💡
Header contents and promo strips can “hint” to customers what version of your site they’re on These aren’t “best practices” per se, just highlights how subtle elements can provide context to international visitors

🌾 Belle & Bloom’s CAD detail suggests you’re shopping the Canada site in addition to its top-line message banner

image

👖 Mavi includes a little flag icon in the top-line message bar. Smart!

image

👖 Betabrand ships internationally but doesn’t serve localized sites. No worries, the US detail in the promo strip clarifies its shipping hints you’re on the US site

image

⛰ Finisterre’s promo strip includes CA$ to hint you’re on a localized site

image

🔹 Build shows a default “Shipping to” location, suggesting you’re on a US-specific site

image

đŸ“±Â Even your SMS modal can serve as a subtle hint ;)

image
‣
Support easy configuration in header
💡
It’s helpful to put your country/language/currency “switcher” in the header vs the footer. These are a couple examples of nicely styled widgets:

đŸ«Ž Abercrombie’s header flag draws attention, and it’s widget lets you update shipping location, currency and language

image

👗 ASOS’ widget includes payment methods by location in addition to currency in its Preferences widget

image
💡
Flag icons typically disappear in mobile responsive templates. Consider keeping them visible in mobile headers or hamburger menu lists

đŸ„ŸÂ LL Bean’s country indicator disappears on mobile

image
image

đŸ©±SKIMS’ country icon remains visible in the hamburger menu list

image
image

Pricing detail Using Canada as example, substitute any country for these tactics

‣
Add CA$ or CAD to price references (tailored to country)

đŸ§˜đŸŸâ€â™€ïžÂ Alo annotates pricing and shipping threshold value with CA$ for clarity

image
‣
Add CA$ to cart buttons

💄 Rare Beauty annotates its cart button price with CAD

image
‣
Add CA$ to shipping offer detail

👓 Pair Eyewear ensures Canadians see the relevant version of its free shipping messaging

image

Promo bars

‣
Geolocate shipping offer detail in promo strips

💄 Kylie Cosmetics serves relevant shipping details in the promo strip based on geoIP

image
‣
Geolocate shipping offer bar in cart

👑 Princess Polly includes “CA shipping” in its counter bar for clarity

image

😬 Contrast this with the friction when currency is not converted (forcing you to “math in your head”)

image

Cart & checkout

‣
Reinforce destination-friendly shipping near Checkout button

đŸȘ’ Manscaped adds an additional POAA (point of action assurance) that you get free shipping from Canada (suggesting faster delivery as well, vs cross-border shipping)

image
‣
Pre-populate country in checkout form

đŸ§˜đŸœâ€â™€ïžÂ It’s best practice to pre-select the shipping country based on geoIP or user settings as it impacts form field formatting, form organization, etc. (Not to mention how unwieldy country dropdown menus are)

image
‣
Consider placing “choose country” first in checkout form (non-Shopify)
💡
Showing Country early in the shipping address form allows you to show more relevant forms to improve conversion and deliverability due to more accurate address inputs.

đŸ§¶Â Etsy’s checkout reflows based on country selection

image
‣
Consider an import duty notice

🍕 Ooni alerts international shoppers that they may incur additional taxes and duties. One one hand, this introduces FUD and can reduce conversions, but it’s also a way to “cover your $$$” for customer service complaints after the fact

image

😑 A more subtle styling (fine print) reduces visibility and FUD, but is less obvious than a large CTA. Not saying one’s right or wrong, it’s a business decision


image

đŸ«ŁÂ Cautions

‣
Avoid promotional messaging in your country gate
💡
It’s known that users are more likely to dismiss messages that look promotional, so it’s important not to rely on email popups for localization info

LL Bean’s email offer provides a French fallback for Canadian users - this is fine (actually, good) because this isn’t intended as a country gate, but it’s a reminder not to mix messages in your modals

image
‣
Make sure your text and CTAs are styled properly

Build-a-Bear’s gate has a few issues: 👉 ”We already ship to Canada” is vague and awkward wording (sounds hostile?) 👉 Bullet points are missing bullets - hard to scan 👉 Secondary CTA (Change country) is styled wider than the primary Shop button

image

👱Steve Madden’s primary CTA is styled as a text link within the paragraph, with a pair of confusing buttons (does Yes go to the Canada site?) You can’t figure it out without reading word-for-word (and even then, it’s confusing)

image

😬 West Elm’s “Shop Canada” is virtually invisible - what do you click?

image
‣
Don’t forget the CTA!

😬 One of the largest retailers in the world has one of the least usable country gates. You can only close the modal by clicking the X (among other usability issues
)

image