Đặt bộ chọn quốc gia/ngôn ngữ ở đâu trong điều hướng của bạn

Có một sự bực bội yên tĩnh mà những khách hàng quốc tế biết rõ: bạn vào một cửa hàng, giá tiền hiển thị theo một loại tiền tệ sai, và bạn không thể tìm thấy nút để thay đổi nó. Bạn cuộn xuống dưới cùng, nhìn trừng trừng vào một hàng các biểu tượng cờ nhỏ, click vào một cái, và trang load lại về trang chủ thay vì sản phẩm bạn đang xem. Sau ba lần click và một lần load lại trang, bạn cuối cùng cũng thấy giá bằng loại tiền tệ của bạn—nhưng sự kiên nhẫn của bạn mỏng hơn ba mươi giây trước.

Vị trí đặt bộ chọn quốc gia và ngôn ngữ không phải một chi tiết thiết kế. Đó là một đòn bẩy chuyển đổi. Sự khác biệt giữa vị trí header và vị trí footer có thể đo lường được bằng tỷ lệ engagement, thời gian phiên làm việc, và doanh thu từ những khách hàng quốc tế.

Bốn vị trí phổ biến

Bộ chọn quốc gia và ngôn ngữ xuất hiện ở bốn nơi trên các cửa hàng Shopify, mỗi cái có những tradeoff riêng về khả năng hiển thị, khả năng sử dụng, và độ phức tạp kỹ thuật.

Vị trí footer

Vị trí mặc định phổ biến nhất. Các theme Shopify thường đặt bộ chọn quốc gia/tiền tệ ở footer, đôi khi là một cặp menu thả xuống, đôi khi là một lưới các biểu tượng cờ. Nó dễ tiếp cận về mặt kỹ thuật và không ảnh hưởng đến giao diện.

Vấn đề là: hầu hết khách truy cập không bao giờ đến footer. Dữ liệu độ sâu cuộn từ Benchmark Trải nghiệm Kỹ thuật số 2024 của Contentsquare cho thấy chỉ 45% khách truy cập thương mại điện tử cuộn vượt quá điểm giữa của trang, và còn ít hơn nữa những người đến cuối cùng. Đối với một khách hàng quốc tế hạ cánh trên trang sản phẩm và ngay lập tức nhận thấy tiền tệ sai, cuộn xuống footer không phải là phản ứng tự nhiên—họ nhìn vào header trước, sau đó là điều hướng, sau đó cân nhắc rời đi.

Bộ chọn footer liên tục hiển thị tỷ lệ engagement dưới 8% giữa những khách hàng quốc tế. Chúng hoạt động như một fallback cho một vài người dùng tích cực tìm kiếm chúng, không phải như một điểm tương tác chính.

Thanh header hoặc hàng tiện ích

Một bước lên từ vị trí footer. Nhiều cửa hàng thêm một thanh tiện ích mỏng phía trên điều hướng chính—đôi khi được gọi là “thanh trên” hoặc “thanh thông báo”—bao gồm bộ chọn quốc gia hoặc tiền tệ bên cạnh các yếu tố khác như thông báo miễn phí vận chuyển hoặc thông tin liên hệ.

Vị trí này hiển thị khi trang tải mà không cần cuộn, ngay lập tức cải thiện khả năng khám phá. Nghiên cứu của Baymard Institute về thiết kế header thương mại điện tử phát hiện rằng các thanh tiện ích với bộ chọn khu vực nhận được tỷ lệ tương tác cao hơn đáng kể so với vị trí chỉ footer, đặc biệt là trên mobile nơi header là yếu tố điều hướng duy nhất hiển thị theo mặc định.

Tradeoff là không gian. Trên mobile, một thanh tiện ích cạnh tranh với logo, menu hamburger, biểu tượng giỏ hàng, và tìm kiếm. Việc lắp một bộ chọn quốc gia vào hàng đó mà không làm tắc nghẽn giao diện đòi hỏi thiết kế cẩn thận. Nhiều cửa hàng rút ngắn thành một biểu tượng cờ hoặc mã quốc gia hai chữ cái, tiết kiệm không gian nhưng giảm sự rõ ràng—không phải mọi người dùng đều nhận ra lá cờ của quốc gia họ ở 16 pixel, và mã hai chữ cái có thể gây nhầm lẫn (liệu “EN” có nghĩa là ngôn ngữ Anh hay Anh quốc đất nước?).

Widget nổi

Một nút kiên định—thường là biểu tượng quả địa cầu hoặc cờ—nổi ở một góc của màn hình và mở một bảng chọn khi được click. Luôn hiển thị bất kể vị trí cuộn.

Widget nổi giải quyết vấn đề khám phá. Chúng hiển thị trên mỗi trang, ở mỗi độ sâu cuộn, trên mỗi thiết bị. Nhưng chúng tạo ra các vấn đề mới. Trên mobile, một nút nổi có thể che phủ nội dung, can thiệp vào các yếu tố nổi khác (widget trò chuyện, lựu đạn cookie, nút quay lại trên cùng), và tạo ra các vấn đề về khả năng truy cập đối với những người đọc màn hình gặp một yếu tố tương tác không mong muốn ngoài luồng tài liệu bình thường.

Ngoài ra còn có chi phí nhận thức. Các yếu tố nổi cạnh tranh chú ý với nội dung thực tế. Một người dùng đang đọc một mô tả sản phẩm và thấy một biểu tượng quả địa cầu nhấp nháy trong góc trải qua một chút xao lãng nhỏ, lặp lại trên mỗi trang. Đối với các cửa hàng có lưu lượng quốc tế nặng nó có thể đáng giá; đối với các cửa hàng mà 90% khách truy cập là trong nước, widget nổi là nhiễu hình ảnh cho phần lớn để phục vụ một thiểu số.

Nhúng vào menu điều hướng chính

Cách tiếp cận với mức engagement cao nhất: đặt bộ chọn quốc gia và ngôn ngữ bên trong menu điều hướng, như một mục menu hoặc một phần bên trong một mega menu.

Khi một khách truy cập mở điều hướng để duyệt các danh mục, họ thấy khu vực hiện tại và ngôn ngữ của họ được hiển thị bên cạnh các mục menu khác. Click vào nó sẽ mở một bảng phụ hoặc thả xuống để chuyển đổi. Bộ chọn là ngữ cảnh—nó xuất hiện chính xác khi khách truy cập đã ở trong “chế độ điều hướng”, suy nghĩ về nơi đi và điều gì để làm tiếp theo.

Dữ liệu từ các cửa hàng sử dụng mô hình này cho thấy mức engagement cao gấp 2.3 lần với các cài đặt khu vực so với vị trí chỉ footer. Lý do là hành vi: khách truy cập tương tác với menu điều hướng trên gần như mọi phiên làm việc, do đó nhúng bộ chọn ở đó có nghĩa là nó được khám phá một cách thụ động thay vì yêu cầu tìm kiếm tích cực.

Tại sao vị trí lại ảnh hưởng đến chuyển đổi

Kết nối giữa vị trí bộ chọn và chuyển đổi không chỉ là về việc liệu khách truy cập có tìm thấy nút hay không. Đó là về khi nào họ tìm thấy nó trong hành trình của họ.

Một khách truy cập từ Berlin hạ cánh trên cửa hàng của bạn và ngay lập tức nhìn thấy “USD

English” trong điều hướng header biết rằng cửa hàng không được địa phương hóa cho họ—nhưng cũng biết chính xác cách khắc phục nó. Một lần click, và họ sẽ thấy giá EUR. Họ không bao giờ rời khỏi trang sản phẩm. Xung đột kéo dài hai giây.

Cùng khách truy cập đó trên một cửa hàng chỉ có bộ chọn footer nhìn thấy giá USD, cảm thấy không chắc chắn, có thể vẫn thêm cái gì đó vào giỏ hàng, sau đó phát hiện ở thanh toán rằng vận chuyển đến Đức có giá cao hơn dự kiến vì cửa hàng đang hiển thị tỷ lệ tối ưu hóa cho Mỹ. Họ bỏ giỏ hàng. Xung đột kéo dài ba phút và kết thúc bằng một bán hàng bị mất.

Tỷ lệ bỏ thanh toán từ “chi phí không mong muốn” là lý do số một giỏ hàng bị bỏ toàn cầu, theo nghiên cứu đang diễn ra của Baymard Institute, ảnh hưởng đến 48% tất cả các bỏ. Đối với những khách hàng quốc tế, “chi phí không mong muốn” thường có nghĩa là nhầm lẫn tiền tệ và bất ngờ về vận chuyển mà một bộ chọn quốc gia dễ tiếp cận sẽ giải quyết được trên trang đầu tiên.

Chi tiết triển khai quan trọng

Vị trí một mình không đủ. Cách bộ chọn hoạt động sau khi khách truy cập đưa ra lựa chọn của mình có ảnh hưởng to lớn đến sự hài lòng.

Giữ nguyên URL hiện tại. Khi một khách truy cập chuyển từ USD sang EUR trên một trang sản phẩm, họ nên ở lại trên trang sản phẩm đó bằng tiền tệ mới. Chuyển hướng đến trang chủ sau một lần chuyển đổi khu vực là khiếu nại phổ biến nhất trong thử nghiệm khả năng sử dụng của bộ chọn quốc gia. Shopify Markets xử lý điều này một cách chính xác theo mặc định khi sử dụng các thư mục con, nhưng các triển khai tùy chỉnh và một số ứng dụng của bên thứ ba chuyển hướng đến gốc.

Nhớ lựa chọn. Đặt một cookie liên tục hoặc sử dụng dữ liệu khách hàng Shopify để lưu trữ lựa chọn của khách truy cập. Một khách truy cập trở lại những người chọn EUR tuần trước không nên thấy USD lần này. Điều này đặc biệt quan trọng đối với các cửa hàng sử dụng địa vị trí phía máy chủ—cookie nên ghi đè phát hiện IP.

Phân tách ngôn ngữ khỏi tiền tệ khỏi quốc gia. Không phải mọi khách truy cập đều muốn cùng một gói. Một người Mỹ tạm cư ở Nhật Bản có thể muốn ngôn ngữ Anh, tiền tệ JPY, và tỷ lệ vận chuyển Nhật Bản. Một cửa hàng buộc “Nhật Bản = Tiếng Nhật” bỏ qua một phân khúc người dùng đáng kể. Khi có thể, cho phép khách truy cập trộn và kết hợp.

Gắn nhãn rõ ràng. Sử dụng tên quốc gia và mã tiền tệ, không chỉ một biểu tượng cờ. Lá cờ là mơ hồ (lá cờ Mỹ và Liberia trông giống nhau ở kích thước nhỏ), và một số khách truy cập nhận dạng nhiều hơn với một ngôn ngữ hơn là một quốc gia. “United States

USD

English” là không mơ hồ. Một biểu tượng cờ 16 pixel là một trò chơi đoán.

Kiểm toán nhanhTruy cập cửa hàng của bạn trên thiết bị di động. Mà không cần cuộn, bạn có thể thấy bất kỳ chỉ báo nào về quốc gia hoặc tiền tệ nào được chọn? Nếu không, những khách hàng quốc tế của bạn có khả năng trải qua sự nhầm lẫn tương tự. Cách khắc phục không yêu cầu một thiết kế lại---di chuyển hoặc sao chép bộ chọn vào header hoặc menu điều hướng thường là một thay đổi cấu hình, không phải một dự án phát triển.

Cách tiếp cận nhúng trong điều hướng trong thực hành

Triển khai hiệu quả nhất coi bộ chọn quốc gia và ngôn ngữ như một yếu tố điều hướng hạng nhất, không phải một cách suy nghĩ sai lệch được gắn vào footer.

Trong thực hành, điều này có nghĩa là thêm một mục menu—hiển thị trong thanh điều hướng chính hoặc bên trong một bảng mega menu—hiển thị khu vực và ngôn ngữ hiện tại của khách truy cập. Click vào nó sẽ mở một menu phụ hoặc lớp phủ với các tùy chọn để thay đổi quốc gia, tiền tệ, và ngôn ngữ độc lập.

Navi+ Menu Builder hỗ trợ mô hình này một cách tự nhiên cho các cửa hàng Shopify, cho phép những người bán hàng nhúng bộ chọn quốc gia và tiền tệ trực tiếp vào menu điều hướng tùy chỉnh thông qua giao diện kéo và thả của nó. Bộ chọn sống bên cạnh các danh mục và bộ sưu tập, vì vậy khách truy cập khám phá nó một cách tự nhiên khi duyệt thay vì tìm kiếm nó ở footer. Các cửa hàng sử dụng cách tiếp cận nhúng này báo cáo mức engagement cao hơn đáng kể với các cài đặt khu vực và ít vé hỗ trợ hơn về nhầm lẫn tiền tệ hoặc vận chuyển.

Nguyên tắc đằng sau tất cả điều này là đơn giản: đặt bộ chọn ở nơi mọi người đã nhìn. Khách truy cập nhìn vào menu điều hướng. Họ không nhìn vào footer. Thiết kế tương ứng.

This article is part of the larger guide on Auto-detecting visitor location: when to redirect vs when to ask.