Mục đích của các nguyên tắc này là giúp bạn triển khai API Google Pay cho Thẻ và vé trong các ứ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 API Google Pay cho Thẻ và vé. Những quy trình này hiển thị một màn hình để 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ọ. Người dùng có thể sử dụng nút này trong các ứng dụng, trang web, email hoặc 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 tài sản xuống – EPS Tải tài sản xuống – SVG
Tất cả các nút Lưu vào Google Pay hiển thị trên trang web, ứng dụng hoặc thông tin liên lạc qua email của bạn phải tuân thủ nguyên tắc thương hiệu của chúng tôi, theo mô tả trên trang này. Chúng bao gồm, nhưng không giới hạn ở, những loại sau:
- Kích thước tương ứng với các nút hoặc thành phần tương tự khác của 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 (tiếng Bồ Đào Nha), tiếng Ba Lan, tiếng Bồ Đào Nha, tiếng Nga, tiếng 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 vừa với bố cục. Nếu có các nút khác trên trang, 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. Đừng làm cho nút Lưu vào Google Pay nhỏ hơn các nút khác.
Phong cách
Các nút Lưu vào Google Pay có ba biến thể: đen, trắng và trắng với đường viền màu đen. Các nút có phiên bản văn bản đã bản địa hoá được cung cấp. Đừng tạo các nút có văn bản đã bản địa hóa của riêng bạn.
 |
 |
 |
| Đen | Trắng | Màu trắng có đường viền |
| Sử dụng nút màu đen trên nền trắng hoặc sáng để tương phản. Đừng dùng nút màu đen trên nền tối. Thay vào đó, hãy 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 đầy màu sắc. Đừng dùng nút màu trắng trên nền trắng hoặc sáng. Thay vào đó, hãy dùng nút màu đen hoặc nút màu trắng trong bố cục. | Sử dụng nút màu trắng với đường viền thay thế cho nút màu đen trên nền trắng hoặc sáng. Đừng dùng nút này trên nền tối hoặc đầy màu sắc. Thay vào đó, hãy 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 trống tối thiểu 8 dp ở tất cả các bên của nút Lưu vào Google Pay. Đảm bảo rằng không gian trống không bao giờ bị hỏng bằng đồ hoạ hoặc văn bản.
Chiều cao tối thiểu
Tất cả các nút của phần Lưu vào Google Pay cần 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
| Việc nên làm | Không nên làm |
|---|---|
| Việc nên làm: Chỉ sử dụng các nút Lưu vào Google Pay do Google cung cấp. | Không nên: Khô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. |
| Việc nên làm: Sử dụng cùng một kiểu nút trên toàn bộ trang web. Màu của nút có thể thích ứng nếu màu nền thay đổi. | Không nên: Đừng làm cho nút Lưu vào Google Pay nhỏ hơn các nút khác. |
| Việc nên làm: Đảm bảo kích thước của các nút Save to Google Pay (Lưu vào Google Pay) vẫn bằng hoặc lớn hơn các nút khác. | Không nên: Khô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. |
| Việc nên làm: Đảm bảo rằng bạn chọn màu nút tương phản với nền của bạn. | Đừng: Đừng tự do điều chỉnh tỷ lệ của nút. |
| Việc cần làm: Giữ nguyên tỷ lệ nút khi đổi kích thước các nút Save to Google Pay (Lưu vào Google Pay). |
Các phương pháp hay nhất về vị trí của nút
Để tối đa hoá số lượng đối tượng đã lưu, hãy hiển thị nổi bật các nút Lưu vào Google Pay 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 tin liên lạc qua email nơi bạn hiển thị thông tin về mức độ trung thành của khách hàng hiện tại. Bạn cũng nên hiển thị nút trên màn hình xác nhận xuất hiện ngay sau khi người dùng đăng ký 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 bất kỳ email trao đổi nào 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 các trang trong ứng dụng hoặc trang web của mình nơi người dùng truy cập vào các ưu đãi. Để đạt kết quả tốt hơn, bạn nên đưa nút này vào bất kỳ email trao đổi nào về ưu đãi.
Vé xem sự kiện và sử dụng 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 để người dùng có thể truy cập vào vé 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 để hành khách làm thủ tục lên máy 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 thêm vào các email liên quan.
Văn bản sử dụng tên sản phẩm Google Pay
Bạn có thể sử dụng văn bản để cho người dùng biết rằng thẻ lên máy bay, sự kiện hoặc thẻ đ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ị của họ.
Viết hoa chữ cái "G" và "P"
Luôn sử dụng chữ hoa "G" và chữ "P" viết hoa, theo sau là chữ cái viết thường để tham chiếu đến Google Pay. Đừng viết hoa tên đầy đủ là "GOOGLE PAY" trừ khi tên đó khớ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 từ "Google" và "Thanh toán".
Khớp với kiểu trong giao diện người dùng
Đặt "Google Pay" ở 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. Đừng bắt chước kiểu chữ của Google.
Không dịch Google Pay
Luôn viết "Google Pay" bằng tiếng Anh. Đừng dịch sang ngôn ngữ khác.