Các mẫu hiển thị tiền tệ: ký hiệu, mã code và lá cờ trong thanh điều hướng

Đây là một bài kiểm tra nhanh: mở mười cửa hàng thương mại điện tử trên mười tab khác nhau, tất cả đều hiển thị giá bằng đô la. Bây giờ hãy cho tôi biết mỗi cái đó là đô la nước nào. Allbirds đang hiển thị đô la Mỹ, đô la Canada hay đô la Úc? Khi ASOS hiển thị “$59.00” trên trang sản phẩm, đó là USD hay AUD? Nếu một cửa hàng hiển thị “S$” trong menu của họ, liệu người mua trung bình ở Singapore có ngay lập tức nhận ra điều đó hay họ sẽ bỏ qua nó?

Ký hiệu “$” là một trong những ký tự bị quá tải nhất trong thương mại điện tử. Ít nhất 20 quốc gia sử dụng một số biến thể của nó. Và nó không chỉ là đô la—chữ viết tắt “kr” đại diện cho corona Thụy Điển (SEK), krone Na Uy (NOK), krone Đan Mạch (DKK) và króna Iceland (ISK). Ký hiệu “R” đại diện cho rand Nam Phi (ZAR), real Brazil (BRL) và rupee Ấn Độ (INR) tùy thuộc vào cách định dạng.

Cách bạn hiển thị tiền tệ trong thanh điều hướng không phải là chi tiết thiết kế—đó là quyết định tin tưởng xảy ra trước khi người mua bao giờ nhìn vào sản phẩm.

Ba cách hiển thị và thời điểm mỗi cách hoạt động

Các chỉ báo tiền tệ trong điều hướng thương mại điện tử chia thành ba danh mục, mỗi danh mục có những đánh đổi riêng biệt về tốc độ nhận biết, hiệu quả không gian và tính mơ hồ.

Chỉ ký hiệu: gọn gàng nhưng mơ hồ

Mẫu: $ / € / £ / ¥
Được sử dụng bởi: Nhiều chủ đề Shopify mặc định, cửa hàng chủ yếu có lưu lượng nội địa

Sự hấp dẫn của hiển thị chỉ ký hiệu là rõ ràng: nó gọn gàng, sạch sẽ về mặt trực quan, và chiếm không gian tiêu đề tối thiểu. Ký hiệu euro và ký hiệu bảng tương đối không mơ hồ vì mỗi ký hiệu chỉ đại diện cho một tiền tệ chính. Nhưng “$” và “¥” thực sự gây nhầm lẫn.

Vấn đề “$” được ghi chép tốt. ASOS giải quyết điều này bằng cách không bao giờ hiển thị “$” một mình—họ luôn hiển thị mã ba chữ cái bên cạnh nó. Khi bạn chuyển sang cửa hàng Úc, bạn thấy “AUD $59.00” chứ không phải “$59.00.” Nike có cách tiếp cận tương tự, hiển thị “CA $159” cho đô la Canada và “US $149” cho giá Mỹ.

Vấn đề “¥” ít được thảo luận nhưng cũng thực tế. “¥” đại diện cho cả yên Nhật (JPY) và nhân dân tệ Trung Quốc (CNY/RMB). Một sản phẩm hiển thị “¥14,900” có thể có nghĩa là ~$100 USD (nếu JPY) hoặc ~$2,050 USD (nếu CNY). Đó là sự mơ hồ gấp 20 lần. Các cửa hàng nhắm đến cả hai thị trường phải phân biệt rõ ràng giữa chúng.

Khi hiển thị chỉ ký hiệu hoạt động:

• Bạn bán cho một quốc gia duy nhất
• Ký hiệu tiền tệ của bạn là duy nhất (€ cho khu vực euro, £ cho Anh)
• Không gian tiêu đề của bạn cực kỳ hạn chế và bạn hiển thị mã ISO ở nơi khác

Khi nó không hoạt động:

• Các thị trường được định giá bằng đô la (USD, CAD, AUD, NZD, SGD, HKD)
• Các thị trường yên/nhân dân tệ
• Các thị trường kroner/krone (SEK, NOK, DKK, ISK)
• Bất kỳ cửa hàng nào có lưu lượng từ 3 hoặc nhiều khu vực tiền tệ

Mã ISO: không mơ hồ nhưng trang trọng

Mẫu: USD / EUR / GBP / JPY
Được sử dụng bởi: Các cửa hàng B2B, dịch vụ tài chính, Shopify Markets mặc định

Mã tiền tệ ISO 4217 ba chữ cái là cách duy nhất không mơ hồ trên toàn cầu để xác định tiền tệ. Mỗi mã là duy nhất, được tiêu chuẩn hóa và được công nhận trên các biên giới. Không có nhầm lẫn nào giữa USD và CAD hoặc JPY và CNY.

Sự đánh đổi là các mã ISO cảm giác trang trọng và kỹ thuật. “USD 149.00” có vẻ giống như báo cáo ngân hàng hơn là giá sản phẩm. Đối với hầu hết người tiêu dùng, “$149 USD” cảm thấy ấm áp hơn “USD 149” vì ký hiệu cung cấp điểm neo trực quan mà mã một mình không cung cấp.

H&M sử dụng cách tiếp cận kết hợp: trình chọn tiền tệ thả xuống của họ hiển thị mã ISO đầy đủ với tên quốc gia (“United States – USD”), nhưng giá sản phẩm hiển thị định dạng địa phương (“$149.00” cho Mỹ, “149,00 €” cho Đức). Điều này mang lại sự rõ ràng trong bộ chọn và tự nhiên trên trang.

Cách các nhà bán lẻ lớn sử dụng mã ISO trong điều hướng:

Điểm rút ra: hầu hết các nhà bán lẻ lớn tránh hiển thị mã ISO trực tiếp trong giá. Họ sử dụng mã trong bộ chọn tiền tệ để rõ ràng, sau đó hiển thị giá bằng bất kỳ định dạng tự nhiên nào cho địa phương đó.

Biểu tượng lá cờ: nhận biết nhanh, một số phức tạp

Mẫu: Biểu tượng lá cờ quốc gia nhỏ, thường 16x16 hoặc 20x20 pixel
Được sử dụng bởi: ASOS, Booking.com, Amazon (bộ chọn quốc gia), nhiều chủ đề Shopify

Lá cờ được xử lý bởi皮質thị giác trước khi các trung tâm ngôn ngữ của não hoạt động. Nghiên cứu từ Nielsen Norman Group (2023) phát hiện ra rằng các biểu tượng lá cờ trong điều hướng được nhận biết nhanh hơn 200–300ms so với nhãn văn bản. Trong bối cảnh của một ấn tượng đầu tiên kéo dài 2–5 giây, lợi thế tốc độ đó rất quan trọng.

ASOS là tiêu chuẩn vàng ở đây. Bộ chọn quốc gia/tiền tệ của họ hiển thị biểu tượng lá cờ bên cạnh mỗi tùy chọn, và lựa chọn hiện tại được hiển thị dưới dạng một lá cờ nhỏ trong tiêu đề. Nó được nhận biết ngay lập tức, gọn gàng và không cần đọc.

Nơi lá cờ hoạt động tốt:

• Lựa chọn tiền tệ cấp quốc gia (một quốc gia = một tiền tệ)
• Bộ chọn với 5+ tùy chọn (quét hình ảnh nhanh hơn đọc)
• Tiêu đề di động nơi không gian hạn chế (lá cờ 16px gọn gàng hơn “AUD”)
• Các cửa hàng có khán giả hướng đến người tiêu dùng (không B2B)

Nơi lá cờ gây ra vấn đề:

Vấn đề EU: Lá cờ nào đại diện cho euro? Pháp? Đức? Cờ EU? Nếu bạn hiển thị lá cờ Đức cho EUR, người mua Pháp có thể không chọn nó. Nếu bạn hiển thị cờ EU, nó bị tải chính trị cho một số người dùng. ASOS giải quyết điều này bằng cách liệt kê từng quốc gia EU riêng biệt—bạn chọn “France” hoặc “Germany” và nhận EUR cho cả hai, nhưng lá cờ phù hợp với quốc gia của bạn, không phải tiền tệ của bạn.

Nhạy cảm khu vực: Một số khu vực có căng thẳng chính trị xung quanh lá cờ. Sử dụng một lá cờ cụ thể có thể làm xa lạ một phần khán giả của bạn. Booking.com xử lý điều này cẩn thận bằng cách hiển thị lá cờ cho các quốc gia, không phải tiền tệ, tránh vấn đề “lá cờ nào đại diện cho euro”.

Khả năng truy cập: Các biểu tượng lá cờ không có nhãn văn bản không thể truy cập được cho người đọc màn hình và những người có thị lực kém. Luôn ghép lá cờ với văn bản (tối thiểu, một thuộc tính alt trên hình ảnh và một nhãn văn bản có thể nhìn thấy).

Nhầm lẫn “ngôn ngữ so với tiền tệ”: Lá cờ đại diện cho các quốc gia, không phải ngôn ngữ hoặc tiền tệ. Lá cờ Canada có thể có nghĩa là tiếng Anh, tiếng Pháp, CAD hoặc cả ba. Bộ chọn quốc gia của Amazon sử dụng lá cờ để chọn quốc gia, sau đó cho phép bạn chọn ngôn ngữ và tiền tệ riêng biệt—cách tiếp cận rõ ràng nhất nhưng cũng là cách nhấp nhất.

Chiến lược hiển thị gọn gàng cho không gian tiêu đề chật hẹp

Tiêu đề di động thường có 360px chiều rộng có thể sử dụng được. Sau logo, menu hamburger, biểu tượng tìm kiếm và biểu tượng giỏ hàng, bạn có thể còn lại 40–80px cho một chỉ báo tiền tệ. Làm cách nào để bạn giao tiếp tiền tệ trong không gian đó?

Mẫu 1: Chỉ lá cờ (16–20px)

Một biểu tượng lá cờ duy nhất mở một menu thả xuống khi nhấn. Đây là tùy chọn gọn gàng nhất và hoạt động tốt nếu khán giả của bạn quen thuộc với các bộ chọn dựa trên lá cờ. ASOS sử dụng mẫu này trên thiết bị di động.

Ưu điểm: Cực kỳ gọn gàng, có thể quét hình ảnh
Nhược điểm: Cần quen thuộc văn hóa, sự mơ hồ về cờ EU, mối quan tâm về khả năng truy cập

Mẫu 2: Chỉ mã ISO (3 ký tự, ~30px)

“USD” hoặc “EUR” như một phần tử văn bản có thể nhấn. Sạch sẽ, không mơ hồ và dễ tiếp cận.

Ưu điểm: Rõ ràng, dễ tiếp cận, không có sự mơ hồ về văn hóa
Nhược điểm: Hơi nhiều không gian hơn lá cờ, trông trang trọng

Mẫu 3: Lá cờ + mã (~50px)

Một lá cờ nhỏ bên cạnh mã ISO. Đây là điểm ngọt ngào cho hầu hết các cửa hàng—dễ nhận biết về mặt hình ảnh, không mơ hồ và vẫn gọn gàng đủ cho tiêu đề di động.

Ưu điểm: Sự kết hợp tốc độ nhận biết + rõ ràng tốt nhất
Nhược điểm: Chiếm nhiều không gian nhất trong ba tùy chọn

Mẫu 4: Ký hiệu + mã trên giá, bộ chọn riêng

Đừng đặt tiền tệ trong tiêu đề cơn. Thay vào đó, hiển thị “$149 USD” trên mỗi giá và đặt bộ chọn tiền tệ đầy đủ trong menu hamburger hoặc một thanh tiện ích. Điều này tiết kiệm không gian tiêu đề nhưng có nguy cơ người mua không tìm thấy bộ chọn.

Khi nó hoạt động: Các cửa hàng chủ yếu có lưu lượng nội địa và các khách truy cập quốc tế thỉnh thoảng
Khi nó không hoạt động: Các cửa hàng có 20%+ lưu lượng quốc tế

Bài kiểm tra năm bước chânThu nhỏ trình duyệt của bạn đến chiều rộng di động, cầm điện thoại của bạn ở khoảng cách tay, và nhìn vào tiêu đề của bạn. Bạn có thể xác định tiền tệ hiện tại trong nháy mắt không? Nếu không, hiển thị của bạn quá tinh tế. Người mua quốc tế đang tìm kiếm sự đảm bảo, không phải học tập tiêu đề của bạn một cách tỉnh táo.

Định dạng giá: địa phương quan trọng hơn bạn nghĩ

Hiển thị tiền tệ trong điều hướng chỉ là một nửa của câu chuyện. Nửa còn lại là cách giá xuất hiện trên trang sản phẩm và trong giỏ hàng. Các quy ước định dạng khác nhau rất lớn tùy theo địa phương, và nếu bạn làm sai, điều đó báo hiệu “cửa hàng này không phải cho tôi” cho người mua quốc tế.

Các khác biệt định dạng chính:

Shopify Markets xử lý hầu hết điều này tự động, nhưng nếu bạn đang sử dụng trình chuyển đổi tiền tệ bên thứ ba, hãy kiểm tra xem nó có định dạng giá đúng cho mỗi địa phương không. Một người mua Đức thấy “$1,299.99” (định dạng Mỹ) khi họ mong đợi “1.299,99 $” có thể đọc “$1,299.99” là “$1.30”—vì trong định dạng số Đức, dấu phẩy là dấu phân tách thập phân.

Điều này không phải là giả thuyết. Một thương nhân Shopify bán nhạc cụ báo cáo rằng các khách hàng Đức đã thêm sản phẩm vào giỏ hàng và sau đó sốc khi thanh toán vì họ đã đọc “1,299.99” là “1.3 euro” (phân tích về mặt tinh thần dấu phẩy là một số thập phân). Cửa hàng đang sử dụng một trình chuyển đổi tiền tệ chỉ có giao diện người dùng không địa phương hóa định dạng số.

Hiển thị kép tiền tệ: khi nào hiển thị hai giá

Một số cửa hàng hiển thị cả tiền tệ địa phương và tiền tệ tham chiếu (thường là USD) trên trang sản phẩm. Điều này phổ biến ở các thị trường nơi tiền tệ địa phương biến động hoặc nơi khách hàng tư duy so sánh với USD.

Khi hiển thị kép tiền tệ hoạt động:

• Các quốc gia có lạm phát cao (Thổ Nhĩ Kỳ, Argentina, Nigeria)
• Bối cảnh B2B nơi hóa đơn ở một tiền tệ khác
• Hàng hóa sang trọng nơi so sánh mua hàng quốc tế phổ biến

Mẫu:

$149 USD
(khoảng €137 EUR)

Giá chính có kích thước đầy đủ, giá thứ cấp nhỏ hơn và trong dấu ngoặc đơn. Giá thứ cấp cập nhật động với tỷ giá hối đoái và bao gồm một tuyên bố từ chối “tỷ lệ là gần đúng”.

Khi hiển thị kép tiền tệ không hoạt động:

• Các thị trường tiền tệ ổn định (Mỹ, EU, Anh, Nhật, Úc)
• Các mặt hàng nhỏ nơi số tiền chuyển đổi không đáng kể
• Chế độ xem di động nơi không gian đã hạn chế

Hầu hết các cửa hàng Shopify không cần hiển thị kép tiền tệ. Nó thêm tiếng ồn trực quan và tạo ấn tượng rằng giá của bạn không chắc chắn. Nếu bạn sử dụng nó, hãy giữ tiền tệ thứ cấp tinh tế—phông chữ nhỏ hơn, màu nhẹ hơn và nhãn “gần đúng” rõ ràng.

Xây dựng một hệ thống hiển thị tiền tệ có tính mở rộng

Nếu bạn hỗ trợ 10+ tiền tệ, hệ thống hiển thị của bạn cần phải nhất quán nhưng có thể thích ứng. Đây là một khung:

Trong bộ chọn điều hướng:

• Hiển thị lá cờ + mã ISO + tên tiền tệ cho 8 tiền tệ hàng đầu
• Nhóm các tiền tệ còn lại theo khu vực
• Bao gồm một trường tìm kiếm cho danh sách dài hơn 15 tiền tệ

Trên trang sản phẩm:

• Hiển thị ký hiệu + số tiền ở định dạng địa phương
• Bao gồm mã ISO khi ký hiệu không rõ ràng ($, ¥, kr, R)
• Bỏ qua mã ISO khi ký hiệu là duy nhất (€, £, ₩)

Trong giỏ hàng và thanh toán:

• Luôn hiển thị mã ISO + ký hiệu + số tiền
• Hiển thị “Giá hiển thị trong [Tên tiền tệ]” gần tổng cộng
• Nếu sử dụng tỷ lệ gần đúng, lưu ý “Tỷ giá hối đoái được cập nhật hàng ngày”

Trong xác nhận email:

• Luôn sử dụng mã ISO + tên tiền tệ đầy đủ
• Hiển thị tỷ giá hối đoái được sử dụng tại thời điểm đặt hàng
• Bao gồm tổng cộng trong cả tiền tệ của khách hàng và tiền tệ giải quyết của bạn

Navi+ cho phép bạn định cấu hình định dạng hiển thị tiền tệ cho mỗi thị trường—vị trí ký hiệu, khả năng hiển thị mã ISO và cách sử dụng lá cờ—mà không cần chạm vào mã Liquid. Điều này đặc biệt hữu ích nếu chủ đề của bạn mã hóa cứng định dạng tiền tệ và bạn cần các mẫu khác nhau cho các thị trường khác nhau.

Những gì thực sự quan trọng cho chuyển đổi

Sau tất cả việc phân tích ký hiệu, mã và lá cờ này, đây là sự thật không thoải mái: định dạng quan trọng hơn khả năng nhìn thấy. Một chỉ báo tiền tệ được hiển thị nổi bật ở định dạng sai sẽ vượt trội hơn một chỉ báo được định dạng hoàn hảo ẩn trong một menu con.

Nghiên cứu điểm chuẩn 2024 của Baymard Institute phát hiện ra rằng:

• Chỉ báo tiền tệ có thể nhìn thấy (bất kỳ định dạng nào) trong tiêu đề: Tăng chuyển đổi 12–18% cho khách truy cập quốc tế
• Lá cờ so với mã so với ký hiệu: Sự khác biệt 2–4% giữa các định dạng
• Định dạng số địa phương hóa đúng: Tăng chuyển đổi 5–8%

Nói cách khác, chỉ cần có một chỉ báo tiền tệ có thể nhìn thấy quan trọng hơn 3–5 lần so với định dạng cụ thể nào bạn chọn. Hãy làm cho nó nhìn thấy được trước, sau đó tối ưu hóa định dạng.

Điều đó nói rằng, nếu bạn đang tối ưu hóa: lá cờ + mã ISO trong bộ chọn và ký hiệu + mã ISO trên giá là kết hợp an toàn nhất. Nó bao gồm sự mơ hồ, khả năng truy cập, tốc độ nhận biết và địa phương hóa trong một hệ thống nhất quán.

This article is part of the larger guide on Multi-currency navigation: helping shoppers find their local price.