Những nguyên tắc này nhằm giúp bạn triển khai Google Wallet API trong ứng dụng hoặc trang web của mình.
Nút Lưu vào Google Pay
Nút Lưu vào Google Pay phải gọi một trong các quy trình của Google Pay API for Passes. Các quy trình này hiển thị một màn hình nơi người dùng có thể lưu thẻ lên máy bay, vé xem sự kiện hoặc vé đi phương tiện công cộng, thẻ khách hàng thân thiết, thẻ quà tặng và ưu đãi vào thiết bị Android của họ. Bạn có thể sử dụng nút này trong ứng dụng, trang web, email hoặc tin nhắn SMS của người bán.
Thành phần
Nút Lưu vào Google Pay có sẵn dưới dạng tệp EPS và SVG.
Tải thành phần xuống – EPS Tải thành phần xuống – SVG
Tất cả nút Lưu vào Google Pay xuất hiện trên trang web, ứng dụng hoặc nội dung liên lạc qua email của bạn đều phải tuân thủ nguyên tắc trình bày thương hiệu của chúng tôi, được mô tả trên trang này. Các trường hợp này bao gồm nhưng không giới hạn ở những trường hợp sau:
- Kích thước so với các nút hoặc thành phần tương tự khác trên trang
- Tương phản với màu nền của khu vực xung quanh
- Không gian trống
Nút Lưu vào Google Pay hỗ trợ các ngôn ngữ sau: tiếng Ả Rập, tiếng Croatia, tiếng Séc, tiếng Đan Mạch, tiếng Hà Lan, tiếng Anh, tiếng Phần Lan, tiếng Pháp, tiếng Đức, tiếng Indonesia, tiếng Ý, tiếng Nhật, tiếng Hàn, tiếng Na Uy (Bokmal), tiếng Ba Lan, tiếng Bồ Đào Nha, tiếng Nga, tiếng Trung giản thể, tiếng Slovak, tiếng Tây Ban Nha, tiếng Thuỵ Điển, tiếng Thái, tiếng Trung phồn thể và tiếng Ukraina.
Kích thước
Điều chỉnh chiều cao và chiều rộng của nút Lưu vào Google Pay cho phù hợp với bố cục của bạn. Nếu có các nút khác trên trang, thì nút Lưu vào Google Pay phải có kích thước bằng hoặc lớn hơn các nút này. Không được đặt nút Lưu vào Google Pay nhỏ hơn các nút khác.
Kiểu
Nút Lưu vào Google Pay có ba biến thể: đen, trắng và trắng có đường viền đen. Các nút có phiên bản văn bản được bản địa hoá sẽ được cung cấp. Đừng tạo nút có văn bản được bản địa hoá của riêng bạn.
 |
 |
 |
| Đen | Trắng | Trắng có đường viền |
| Sử dụng nút màu đen trên nền trắng hoặc nền sáng để tạo độ tương phản. Không sử dụng nút màu đen trên nền tối. Thay vào đó, hãy sử dụng nút màu trắng. | Sử dụng nút màu trắng trên nền tối hoặc nền nhiều màu. Không sử dụng nút màu trắng trên nền trắng hoặc nền sáng. Thay vào đó, hãy sử dụng nút màu đen hoặc nút màu trắng có đường viền. | Sử dụng nút màu trắng có đường viền để thay thế cho nút màu đen trên nền trắng hoặc nền sáng. Không sử dụng nút này trên nền tối hoặc nền nhiều màu; hãy sử dụng nút màu trắng tiêu chuẩn. |
Không gian trống
Luôn duy trì khoảng trống tối thiểu là 8 dp ở tất cả các cạnh của nút Lưu vào Google Pay. Đảm bảo rằng khoảng trống không bao giờ bị gián đoạn bởi hình ảnh hoặc văn bản.
Chiều cao tối thiểu
Tất cả nút Lưu vào Google Pay đều phải có chiều cao tối thiểu là 36 dp.
Những việc nên làm và việc không nên làm
| Nên làm | Không nên làm |
|---|---|
| Nên: Chỉ sử dụng nút Lưu vào Google Pay do Google cung cấp. | Không nên: Đừng tạo nút Lưu vào Google Pay của riêng bạn hoặc thay đổi phông chữ, màu sắc, bán kính nút hoặc khoảng đệm trong nút theo bất kỳ cách nào. |
| Nên: Sử dụng cùng một kiểu nút trên toàn bộ trang web. Màu nút có thể điều chỉnh nếu màu nền thay đổi. | Không nên: Đừng đặt nút Lưu vào Google Pay nhỏ hơn các nút khác. |
| Nên: Đảm bảo rằng kích thước của nút Lưu vào Google Pay luôn bằng hoặc lớn hơn các nút khác. | Không nên: Đừng sử dụng màu nút tương tự như màu nền. Ví dụ: không sử dụng nút màu trắng trên nền trắng. |
| Nên: Đảm bảo rằng bạn chọn màu nút tương phản với nền. | Không nên: Đừng tự do điều chỉnh tỷ lệ của nút. |
| Nên: Giữ nguyên tỷ lệ nút khi đổi kích thước nút Lưu vào Google Pay. |
Các phương pháp hay nhất để đặt nút
Để tối đa hoá số lượng đối tượng đã lưu, hãy hiển thị nút Lưu vào Google Pay ở vị trí nổi bật trong ứng dụng, trang web hoặc email của bạn. Bạn cần tuân thủ các phương pháp hay nhất sau đây để được Google phê duyệt thương hiệu.
Thẻ khách hàng thân thiết
Bạn nên đặt nút Lưu vào Google Pay gần trải nghiệm người dùng trong ứng dụng, trang web hoặc thông báo qua email, nơi bạn hiển thị thông tin về khách hàng thân thiết hiện tại. Bạn cũng nên hiển thị nút này trên màn hình xác nhận xuất hiện ngay sau khi người dùng đăng ký tham gia chương trình khách hàng thân thiết trong ứng dụng hoặc trang web của bạn.
Thẻ quà tặng
Bạn nên đặt nút Lưu vào Google Pay trên màn hình xác nhận xuất hiện sau khi người dùng mua thẻ quà tặng trong ứng dụng hoặc trang web của bạn. Bạn cũng nên hiển thị nút này trong mọi email liên lạc được gửi đến người nhận thẻ quà tặng.
Ưu đãi
Bạn nên đặt nút Lưu vào Google Pay gần màn hình hoặc trang trong ứng dụng hoặc trang web nơi người dùng truy cập vào ưu đãi. Để có kết quả tốt hơn, bạn nên thêm nút này vào mọi email thông báo về ưu đãi.
Vé xem sự kiện và vé đi phương tiện công cộng
Hiển thị nút Lưu vào Google Pay ở cuối quy trình mua hoặc trên màn hình ứng dụng, trang web hoặc email xác nhận. Bạn nên đặt nút Lưu vào Google Pay ở nơi người dùng truy cập vào vé của họ trong ứng dụng hoặc trang web của bạn.
Thẻ lên máy bay
Hiển thị nút Lưu vào Google Pay ở cuối quy trình mua hoặc trên màn hình ứng dụng, trang web hoặc email xác nhận. Bạn cũng có thể hiển thị nút này ở nơi hành khách làm thủ tục cho chuyến bay hoặc xem thẻ lên máy bay trên trang web hoặc ứng dụng của bạn, hoặc đưa nút này vào các email có liên quan.
Sử dụng tên sản phẩm Google Pay trong văn bản
Bạn có thể dùng văn bản để cho người dùng biết rằng thẻ lên máy bay, vé xem sự kiện hoặc vé đi phương tiện công cộng, thẻ khách hàng thân thiết, thẻ quà tặng hoặc ưu đãi của họ đã được lưu vào thiết bị.
Viết hoa chữ cái "G" và "P"
Luôn sử dụng chữ "G" viết hoa và chữ "P" viết hoa, theo sau là các chữ cái viết thường để đề cập đến Google Pay. Đừng viết hoa toàn bộ tên "GOOGLE PAY" trừ phi để phù hợp với kiểu chữ trong giao diện người dùng của bạn.
Không viết tắt Google Pay
Luôn viết đầy đủ các từ "Google" và "Pay".
Phù hợp với kiểu trong giao diện người dùng
Đặt "Google Pay" theo cùng phông chữ và kiểu chữ như phần còn lại của văn bản trong giao diện người dùng. Không bắt chước kiểu chữ của Google.
Don't translate Google Pay
Luôn viết "Google Pay" bằng tiếng Anh. Đừng dịch sang ngôn ngữ khác.