Language selector

Overview

The Language selector block helps your visitors switch between available languages, making your storefront accessible and welcoming for a global audience. By integrating this block, users can browse in their preferred language, supporting an inclusive and user-friendly experience.

⚠️ Important: Enabling the Language selector block empowers customers to engage in their chosen language, improving satisfaction and usability for all visitors.

Key components and functionality

Block introduction

The Language selector block offers a drop-down menu with your store's supported languages. This keeps your storefront multilingual while maintaining a streamlined and organized interface. Flexible device-based display controls let you adapt the block's presence to suit different screens.

Visibility settings

Visibility settings control whether the Language selector block appears on desktop, mobile, or both. This lets you optimize your site layout, ensuring a seamless experience that matches your design preferences.

Display visibility

This setting offers three options:

1. Do not hide

   1. The block is visible on all devices, both desktop and mobile.

   2. Default: do not hide

2. Hide on desktop

   1. The block appears only on mobile devices.

   2. Use this if language controls are already present on desktop or to reduce desktop clutter.

3. Hide on mobile

   1. The block appears only on desktop devices.

   2. Select this to keep your mobile interface clean or if mobile navigation provides language controls elsewhere.

💡 Tip: Tailor display visibility to your customers' needs. Use this setting to eliminate redundancy and provide language switching only where it's useful.

Available in sections

This block is available only within the Main navigation section and cannot be added to other sections.

Usage notes

1. Place the Language selector block where users expect it, such as in the header or footer, for maximum visibility and convenience.

2. Always verify how the block displays and functions on both desktop and mobile devices based on your visibility settings.

3. Ensure the selector remains accessible, supporting keyboard navigation and compatibility with screen readers.

4. Adapt the block’s position and visibility as your store expands or your customers’ needs evolve.

📝 Note: Frequently test your storefront with each available language to confirm a seamless user experience. Adjust block location and display options as your design or customer feedback suggests, ensuring everyone can easily browse in their preferred language.