Localization selectors

Give your customers an easy way to select their preferred country and language, improve their shopping experience across devices, and ensure your store is accessible and user-friendly for a global audience.

Last updated About 2 months ago

Overview

The Localization selectors block helps your customers personalize their browsing experience by selecting their country and language. This enhances both accessibility and usability, ensuring your store is welcoming for visitors from around the globe. Placing this block in a prominent area, such as the footer, makes localization controls easily discoverable without cluttering the main content.

⚠️ Important: The Localization selectors block is a key feature for stores catering to international shoppers, making it easier to provide appropriate content, currency, and checkout experiences.

Key components and functionality

The Localization selectors block contains customizable settings focused on which localization tools are available to your customers, and how they appear based on device type. These settings help deliver a shopping journey tailored to individual needs.

Localization selectors settings

This setting group controls which selectors are visible within the block. By enabling or disabling these options, you decide exactly how customers interact with your storefront's localization features.

Display country selector

The country selector adds a dropdown menu for customers to pick their country or region. This ensures shoppers receive accurate shipping, taxes, and product availability information.

Default: enabled

Display language selector

The language selector lets visitors choose their preferred storefront language with a simple dropdown. This is especially important for stores serving multilingual customers.

Default: enabled

Visibility settings

Visibility settings allow you to control whether the Localization selectors block appears on desktop, mobile, or both. With these controls, you can streamline your interface for each device type and user preference.

Visibility

Set when the block is displayed according to device:

  1. Do not hide

    1. Default

    2. The block is visible on both desktop and mobile.

  2. Hide on desktop

    1. The block is only visible on mobile devices.

  3. Hide on mobile

    1. The block is only visible on desktop devices.

💡 Tip: Use visibility settings to reduce clutter and improve user experience by showing localization options only where most useful.

Available in sections

The Localization selectors block can be added to the following section:

  1. Footer navigation

Usage notes

  1. Always test the block's appearance and functionality on different devices to ensure consistent user experience.

  2. Keep at least one selector enabled so customers always have quick access to localization features.

  3. Choose selector options wisely to prevent overwhelming your customers with too many choices.

  4. Make sure the dropdowns are fully accessible, including compatibility with keyboard navigation and screen readers.

  5. Adjust visibility settings thoughtfully so the selectors complement your site layout and work well on both large and small screens.

⚠️ Important: Regularly review and test the Localization selectors block to maintain a seamless, accessible, and user-friendly store for every visitor.