Các nguyên tắc này giúp bạn triển khai Google Pay trong ứng dụng của mình.
Nút thanh toán bằng Google Pay
Nút thanh toán Google Pay gọi Google Pay API. Google Pay API hiển thị trang thanh toán nơi người dùng có thể chọn phương thức thanh toán.
Thành phần
Google Pay cung cấp API PayButton cho phép bạn tuỳ chỉnh giao diện, hình dạng và độ bo tròn góc của nút thanh toán Google Pay cho phù hợp với thiết kế giao diện người dùng của bạn.
Khi sử dụng PayButton API, bạn sẽ nhận được:
- Tuân thủ thương hiệu: Tích hợp liền mạch nút thanh toán Google Pay tự động tuân thủ các nguyên tắc mới nhất về thương hiệu của Google Pay, đồng thời cung cấp các lựa chọn có thể tuỳ chỉnh để phù hợp với thiết kế giao diện người dùng của bạn mà không tốn nhiều công sức.
- Hình dạng có thể tuỳ chỉnh: Điều chỉnh độ bo tròn của góc nút để phù hợp với gu thẩm mỹ thiết kế hiện tại của bạn một cách liền mạch.
- Trải nghiệm phù hợp với ngôn ngữ địa phương: Chú thích của nút tự động dịch sang ngôn ngữ thiết bị của người dùng, giúp tăng khả năng tiếp cận.
- Cá nhân hoá cho người dùng: Giúp người dùng khám phá các phương thức thanh toán có trong ví Google Pay của họ để quy trình thanh toán diễn ra nhanh hơn.
Nếu phương thức thuận tiện này hoặc các ngôn ngữ được hỗ trợ không phù hợp với nhu cầu của bạn, hãy liên hệ với chúng tôi.
Phong cách
Các nút thanh toán của Google Pay có 2 biến thể: tối và sáng. Mỗi biến thể đều có và không có văn bản "Mua bằng". Chúng tôi cung cấp các nút thanh toán có phiên bản bản địa hoá của văn bản "Mua bằng", nhưng thương hiệu Google Pay luôn không được dịch. Đừng tạo nút bằng văn bản đã bản địa hoá của riêng bạn.
| Loại nút | Tối | Sáng |
| book |  |
 |
| buy |  |
 |
| checkout |  |
 |
| quyên góp |  |
 |
| đặt hàng |  |
 |
| pay |  |
 |
| plain |  |
 |
| đăng ký |  |
 |
Sử dụng từ ngữ cho loại nút phù hợp nhất với trang thanh toán của bạn. |
Sử dụng các nút tối trên nền sáng để tạo độ tương phản. |
Sử dụng các nút sáng trên nền tối hoặc nhiều màu. |
Cá nhân hoá
Khi người dùng có một thẻ đủ điều kiện trong tài khoản Google Pay, các nút thanh toán "Mua" và "Thanh toán" sẽ hiển thị mạng lưới thẻ và 4 chữ số cuối của số thẻ. Mạng thẻ sẽ xuất hiện ở cùng vị trí với văn bản "Mua bằng" hoặc "Thanh toán bằng".
| Loại nút | Tối | Sáng |
| mua và thanh toán |  |
 |
Sử dụng loại nút mua hoặc thanh toán để bật chế độ cá nhân hoá. |
Sử dụng các nút tối trên nền sáng để tạo độ tương phản. |
Sử dụng các nút sáng trên nền tối hoặc nhiều màu. |
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 mặt của nút thanh toán. Đảm bảo khoảng trống không bao giờ bị gián đoạn bằng đồ hoạ hoặc văn bản. Đây là nguyên tắc thiết kế chung, không phải là quy cách PayButton API.
Chiều rộng tối thiểu
Nút Google Pay phải có chiều rộng tối thiểu là 90 dp. Tất cả nút thanh toán "Mua bằng Google Pay" phải có chiều rộng tối thiểu là 152 dp.
Những việc nên làm và không nên làm
| Việc nên làm | Việc không nên làm |
|---|---|
|
|
Dấu hiệu Google Pay
Chỉ sử dụng dấu hiệu Google Pay được cung cấp bên dưới khi bạn cho thấy Google Pay là một lựa chọn thanh toán trong quy trình thanh toán của mình.
Thành phần
Tải biểu trưng Google Pay xuống dưới dạng tệp SVG:
Tải tài sản xuốngĐánh dấu
Sử dụng dấu hiệu Google Pay sau đây khi bạn cho thấy Google Pay là một phương thức thanh toán:
Hiển thị "Google Pay" bằng văn bản bên cạnh nhãn hiệu nếu bạn làm như vậy cho các thương hiệu khác. Không thay đổi màu sắc hoặc độ đậm của đường viền nhãn hiệu hoặc sửa đổi nhãn hiệu theo bất kỳ cách nào. Chỉ sử dụng dấu hiệu do Google cung cấp.
Không gian trống
Luôn duy trì ít nhất một nửa (0,5 lần) chiều cao của chữ G cách điệu ở tất cả các mặt của biểu tượng chấp nhận Google Pay. Đảm bảo khoảng trống này bằng với mọi nhận diện thương hiệu khác mà bạn hiển thị.
Kích thước
Điều chỉnh chiều cao cho phù hợp với các nhận diện thương hiệu khác xuất hiện trong quy trình thanh toán. Đừng làm cho dấu hiệu Google Pay nhỏ hơn các nhận diện thương hiệu khác.
Những việc nên làm và không nên làm
| Việc nên làm | Việc không nên làm |
|---|---|
|
|
Google Pay bằng văn bản
Bạn có thể sử dụng văn bản để cho biết Google Pay là một lựa chọn thanh toán và để quảng bá Google Pay trong thông tin tiếp thị của mình.
Viết hoa chữ "G" và "P"Luôn sử dụng chữ "G" viết hoa và chữ "P" viết hoa, sau đó là chữ cái viết thường. Đừng viết hoa toàn bộ tên "GOOGLE PAY", trừ phi bạn muốn tên này khớp với kiểu chữ trong giao diện người dùng. Không bao giờ sử dụng chữ viết hoa "GOOGLE PAY" trong thông tin tiếp thị của bạn.
Không viết tắt Google PayLuôn viết đầy đủ các từ "Google" và "Pay".
Điều chỉnh cho phù hợp với kiểu trong giao diện người dùngĐặt "Google Pay" ở cùng một 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.
Không dịch Google PayLuôn viết "Google Pay" bằng tiếng Anh. Không dịch sang ngôn ngữ khác.
Sử dụng biểu tượng nhãn hiệu vào lần đầu tiên "Google Pay" xuất hiện trong thông tin tiếp thịKhi bạn sử dụng "Google Pay" trong thông tin liên lạc tiếp thị, hãy cho biết biểu tượng thương hiệu (™) vào lần đầu tiên hoặc lần nổi bật nhất mà biểu tượng này xuất hiện. Không sử dụng biểu tượng nhãn hiệu để cho biết Google Pay là một phương thức thanh toán trong giao diện người dùng của bạn.
 |
 |
 |
Nếu biểu trưng cho các lựa chọn thanh toán khác không xuất hiện, hãy dùng văn bản để thể hiện "Google Pay". |
Đặt "Google Pay" ở cùng một 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. |
Khi bạn hiển thị thông tin thanh toán trên trang xác nhận và biên nhận qua email, hãy nhớ cho biết rằng khách hàng đã thanh toán bằng Google Pay. |
Các phương pháp hay nhất về Google Pay
Tối đa hoá lượt chuyển đổi bằng quy trình thanh toán và trang thanh toán giúp khách hàng nhanh chóng và dễ dàng xem lại thông tin thanh toán cũng như xác nhận giao dịch mua.
Dưới đây là các phương pháp hay nhất:
Đặt Google Pay làm phương thức thanh toán chínhNếu có thể, hãy hiển thị nút Google Pay một cách nổi bật và cân nhắc việc đặt nút này làm lựa chọn thanh toán mặc định hoặc duy nhất.
Cho phép khách hàng mua hàng mà không cần tài khoảnViệc tạo tài khoản làm chậm quá trình thanh toán và có thể dẫn đến tình trạng bỏ ngang giỏ hàng. Sử dụng Google Pay để cho phép khách thanh toán nhanh hơn. Nếu bạn muốn khách hàng tạo tài khoản, hãy cho phép họ làm như vậy sau khi hoàn tất giao dịch mua.
Sử dụng Google Pay để bắt đầu thanh toán khi thanh toán giỏ hàngNút Google Pay sẽ hiển thị bảng thanh toán. Trên trang thanh toán, khách hàng chỉ có thể chọn và xác nhận một phương thức thanh toán duy nhất. Hãy nhớ thu thập tất cả thông tin khác mà bạn cần trước khi cho phép khách hàng chọn nút Google Pay. Thông tin đó có thể bao gồm:
- Kích thước, màu sắc và số lượng của mặt hàng
- Lời nhắn gửi kèm quà tặng đã thêm (nếu có)
- Mã khuyến mãi (nếu có)
- Tốc độ vận chuyển ưu tiên
- Điểm đến của từng mặt hàng
Nếu khách hàng không cung cấp thông tin cần thiết, hãy đưa ra ý kiến phản hồi theo thời gian thực để cho họ biết thông tin nào bị thiếu trước khi bạn đưa ra trang thanh toán.
Thêm nút Google Pay vào trang chi tiết sản phẩm ngoài quy trình thanh toán giỏ hàngĐể tăng tốc quy trình thanh toán một mặt hàng, hãy cho phép khách hàng mua từng mặt hàng ngay trên trang chi tiết sản phẩm. Nếu khách hàng chọn phương thức này, hãy nhớ loại trừ mọi mặt hàng khác mà họ có trong giỏ hàng, vì trang thanh toán chỉ cho phép họ xác nhận thông tin thanh toán và vận chuyển.
Thêm Google Pay vào trang xác nhận và biên nhậnKhi bạn hiển thị thông tin thanh toán trên trang xác nhận và biên nhận qua email, hãy nhớ cho biết khách hàng đã thanh toán bằng Google Pay và đảm bảo rằng Google Pay được hiển thị nhất quán với cách các phương thức thanh toán khác được hiển thị. Tuyệt đối không hiển thị toàn bộ số tài khoản, ngày hết hạn hoặc thông tin khác về phương thức thanh toán cho người dùng. Luôn sử dụng văn bản mô tả do Google Pay API trả về để xác định phương thức thanh toán.
Dưới đây là một vài ví dụ:
- "Network •••• 1234 with Google Pay" (Mạng •••• 1234 bằng Google Pay)
- "Mạng •••• 1234 (Google Pay)"
- "Google Pay (Mạng •••• 1234)"
- "Paypal abc...d@gmail.com with Google Pay" (Paypal abc...d@gmail.com qua Google Pay)
- "Phương thức thanh toán: Google Pay"
- "Thanh toán bằng Google Pay"
Kết hợp kiến thức đã học
Ảnh chụp màn hình của một quy trình tích hợp hoàn tất sẽ có dạng như hình ảnh sau. Quy trình tích hợp này cũng bao gồm bước Chọn mặt hàng/Trước khi mua, bước Giao dịch, bước Bộ chọn Google Pay và bước Sau khi mua.
Yêu cầu phê duyệt
Sau khi tích hợp Google Pay API, bạn cần phải được phê duyệt cho tất cả những nơi bạn hiển thị hoặc tham chiếu Google Pay trong giao diện người dùng để có được quyền truy cập vào kênh phát hành công khai.
Hoàn tất Danh sách kiểm tra tích hợp để gửi yêu cầu xem xét hoạt động tích hợp ứng dụng của bạn. Bạn sẽ nhận được thông báo phê duyệt hoặc ý kiến phản hồi trong vòng 1 ngày làm việc.