Aceste instrucțiuni te ajută să implementezi Google Pay în aplicațiile tale.
Butoane de plată Google Pay
Butonul de plată Google Pay apelează API-ul Google Pay. API-ul Google Pay afișează foaia de plată unde utilizatorii își pot selecta metoda de plată.
Active
Google Pay oferă API-ul PayButton , care vă permite să personalizați tema , forma și rotunjimea colțurilor butonului de plată Google Pay pentru a se potrivi cu designul interfeței dvs.
Când folosești API-ul PayButton, primești:
- Conformitate cu brandul: Integrați perfect un buton de plată Google Pay care respectă automat cele mai recente reguli de branding Google Pay, oferind în același timp opțiuni personalizabile pentru a se potrivi designului interfeței dvs. cu un efort minim.
- Formă personalizabilă: Ajustați fin rotunjimea colțurilor butonului pentru a se potrivi perfect cu estetica designului existent.
- Experiență localizată: Legenda butonului se traduce automat în limba dispozitivului utilizatorului, îmbunătățind accesibilitatea.
- Personalizat pentru utilizatori: Ajută utilizatorii să descopere metodele de plată disponibile în portofelul lor Google Pay pentru un proces de finalizare a comenzii mai rapid.
Dacă această metodă convenabilă sau limbile acceptate nu se potrivesc nevoilor dumneavoastră, contactați-ne .
Stil
Butoanele de plată Google Pay sunt disponibile în două variante: închise și deschise. Fiecare variantă vine cu și fără textul „Cumpără cu”. Sunt furnizate butoane de plată cu versiuni localizate ale textului „Cumpără cu”, dar marca Google Pay este întotdeauna netradusă. Nu creați butoane cu propriul text localizat.
| Tipul butonului | Întuneric | Aprinde |
| carte | ![]() | ![]() |
| cumpăra | ![]() | ![]() |
| verifică | ![]() | ![]() |
| dona | ![]() | ![]() |
| comanda | ![]() | ![]() |
| plată | ![]() | ![]() |
| simplu | ![]() | ![]() |
| abonare | ![]() | ![]() |
Folosește termenii specifici butonului care se potrivesc cel mai bine paginii tale de finalizare a comenzii. | Folosește butoane întunecate pe fundaluri deschise pentru a oferi contrast. | Folosește butoane luminoase pe fundaluri întunecate sau colorate. |
Personalizare
Când utilizatorii au un card eligibil în contul lor Google Pay, butoanele de plată „Cumpără” și „Plătește” vor afișa rețeaua cardului și ultimele patru cifre ale numărului cardului. Rețeaua cardului va fi afișată în aceeași poziție ca textul „Cumpără cu” sau „Plătește cu”.
| Tipul butonului | Întuneric | Aprinde |
| cumpărați și plătiți | ![]() | ![]() |
Folosește butonul de cumpărare sau plată pentru a activa personalizarea. | Folosește butoane întunecate pe fundaluri deschise pentru a oferi contrast. | Folosește butoane luminoase pe fundaluri întunecate sau colorate. |
Spațiu liber
Mențineți întotdeauna un spațiu liber minim de 8 dp pe toate laturile butonului de plată. Asigurați-vă că spațiul liber nu este niciodată întrerupt de grafică sau text. Acesta este un ghid general de design, nu o specificație API PayButton.

Lățime minimă
Butonul Google Pay trebuie să aibă o lățime minimă de 90 dp. Toate butoanele de plată „Cumpără cu Google Pay” trebuie să aibă o lățime minimă de 152 dp.

Ce să faci și ce să nu faci
| Do | Nu |
|---|---|
|
|
Marca Google Pay
Folosește doar marcajul Google Pay furnizat mai jos atunci când afișezi Google Pay ca opțiune de plată în fluxurile tale de plată.
Active
Descărcați marca Google Pay ca fișier SVG:
Descărcați resurseleMarca
Folosește următorul marcaj Google Pay atunci când afișezi Google Pay ca opțiune de plată:

Afișați „Google Pay” în text lângă marcă dacă faceți acest lucru pentru alte mărci. Nu modificați culoarea sau grosimea conturului mărcii și nu modificați marca în niciun fel. Folosiți doar marca furnizată de Google.
Spațiu liber
Mențineți întotdeauna cel puțin jumătate (0,5x) din înălțimea literei super G pe toate laturile marcajului de acceptare Google Pay. Asigurați-vă că spațiul liber este la același nivel cu orice alte identități de marcă pe care le afișați.

Dimensiune
Ajustați înălțimea pentru a se potrivi cu celelalte identități de marcă afișate în fluxul de plată. Nu faceți marcajul Google Pay mai mic decât celelalte identități de marcă.

Ce să faci și ce să nu faci
| Do | Nu |
|---|---|
|
|
Google Pay în text
Puteți folosi text pentru a indica Google Pay ca opțiune de plată și pentru a promova Google Pay în comunicarea dvs. de marketing.
Scrieți cu majusculă literele „G” și „P”Folosește întotdeauna un „G” majuscul și un „P” majuscul, urmate de litere mici. Nu scrie numele complet „GOOGLE PAY” cu majusculă, cu excepția cazului în care este necesar pentru a se potrivi cu stilul tipografic din interfața ta de utilizare. Nu folosește niciodată „GOOGLE PAY” cu majusculă în comunicarea ta de marketing.
Nu abreviați Google PayScrieți întotdeauna cuvintele „Google” și „Pay”.
Potriviți stilul din interfața dvs. de utilizareSetați „Google Pay” în același font și stil tipografic ca restul textului din interfața de utilizare. Nu imitați stilul tipografic al Google.
Nu traduceți Google PayScrieți întotdeauna „Google Pay” în engleză. Nu traduceți în altă limbă.
Folosește simbolul mărcii comerciale prima dată când apare „Google Pay” în comunicarea de marketingCând utilizați „Google Pay” în comunicarea dvs. de marketing, afișați simbolul mărcii comerciale, ™, prima sau cea mai vizibilă dată când apare. Nu utilizați simbolul mărcii comerciale pentru a indica Google Pay ca opțiune de plată în interfața dvs. de utilizare.
![]() | ![]() | ![]() |
Dacă nu sunt afișate siglele pentru alte opțiuni de plată, reprezentați „Google Pay” cu text. | Setați „Google Pay” în același font și stil tipografic ca restul textului din interfața de utilizare. | Când afișați informațiile de plată pe paginile de confirmare și pe chitanțele trimise prin e-mail, asigurați-vă că indicați faptul că respectivul client a plătit cu Google Pay. |
Cele mai bune practici Google Pay
Maximizați-vă conversiile cu fluxuri de finalizare a comenzii și foi de plată care permit clienților să își revizuiască rapid și ușor informațiile de plată și să își confirme achiziția.
Următoarele sunt cele mai bune practici:
Setați Google Pay ca opțiune principală de platăPe cât posibil, afișați butonul Google Pay într-un loc vizibil și luați în considerare setarea acestuia ca opțiune de plată implicită sau singura.
Permiteți clienților dvs. să facă achiziții fără contCrearea unui cont încetinește procesul de finalizare a comenzii și poate duce la coșuri abandonate. Folosește Google Pay pentru a permite o finalizare mai rapidă a comenzii ca oaspete. Dacă dorești ca clienții tăi să creeze un cont, permite-le să facă acest lucru după ce finalizează achiziția.
Folosește Google Pay pentru a iniția plata pentru finalizarea comenzii în coșButonul Google Pay afișează foaia de plată. În foaia de plată, clienții pot selecta și confirma o singură metodă de plată. Asigurați-vă că obțineți toate celelalte informații de care aveți nevoie înainte de a oferi clienților opțiunea de a selecta butonul Google Pay. Astfel de informații pot include:
- Mărimea, culoarea și cantitatea articolului
- Mesajul cadou adăugat, dacă există
- Codul promoțional, dacă există
- Viteza de livrare preferată
- Destinațiile pentru articole individuale
Dacă un client nu furnizează informațiile necesare, oferiți feedback în timp real pentru a-l informa ce a fost omis înainte de a prezenta fișa de plată.
Adăugați butonul Google Pay la paginile cu detalii despre produse, pe lângă finalizarea comenzii în coșPentru a accelera finalizarea comenzii pentru fiecare articol, permiteți clienților să facă achiziții individuale direct din paginile cu detalii despre produs. Dacă un client alege această opțiune, asigurați-vă că excludeți orice alte articole pe care le are în coșul de cumpărături, deoarece foaia de plată îi permite doar să confirme informațiile de plată și livrare.
Includeți Google Pay pe paginile de confirmare și pe chitanțeCând afișați informații de plată pe paginile de confirmare și pe chitanțele prin e-mail, asigurați-vă că indicați faptul că clientul a plătit cu Google Pay și că Google Pay este afișat în mod consecvent cu modul în care sunt afișate alte metode de plată. Nu afișați niciodată utilizatorului numere de cont complete, date de expirare sau alte detalii despre metoda de plată. Folosiți întotdeauna textul descriptiv returnat de API-ul Google Pay pentru a identifica metoda de plată.
Următoarele sunt câteva exemple:
- „Rețea •••• 1234 cu Google Pay”
- „Rețea •••• 1234 (Google Pay)”
- „Google Pay (Rețea •••• 1234)”
- „Paypal abc...d@gmail.com cu Google Pay”
- „Metodă de plată: Google Pay”
- „Plătit cu Google Pay”
Pune totul laolaltă
O captură de ecran a unei integrări finalizate arată ca în imaginea următoare. Integrarea include și etapa de selectare a articolului / pre-cumpărare , etapa de tranzacție , etapa de selectare Google Pay și etapa de post-cumpărare .

Obțineți aprobarea
După ce ați integrat API-ul Google Pay, trebuie să obțineți aprobarea pentru toate locurile în care afișați sau faceți referire la Google Pay în interfața cu utilizatorul pentru a obține acces pentru producție.
Completați lista noastră de verificare pentru integrare pentru a trimite integrarea aplicației spre examinare. Ar trebui să primiți aprobarea sau feedback în termen de o zi lucrătoare.




















