Reguli de brand

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 Butoane de plată întunecate Google PayButoane de plată luminoase Google Pay
cumpăra Butoane de plată întunecate Google PayButoane de plată luminoase Google Pay
verifică Butoane de plată întunecate Google PayButoane de plată luminoase Google Pay
dona Butoane de plată întunecate Google PayButoane de plată luminoase Google Pay
comanda Butoane de plată întunecate Google PayButoane de plată luminoase Google Pay
plată Butoane de plată întunecate Google PayButoane de plată luminoase Google Pay
simplu Butoane de plată întunecate Google PayButoane de plată luminoase Google Pay
abonare Butoane de plată întunecate Google PayButoane de plată luminoase Google Pay

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 Butoane de plată întunecate Google PayButoane de plată luminoase Google Pay

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.

Exemplu de spațiu liber pentru butonul de plată Google Pay pentru Android

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.

Ilustrație cu lățimea minimă a butonului de plată Google Pay

Ce să faci și ce să nu faci

Do Nu
  • Folosește doar butoanele Google Pay furnizate de Google.
  • Folosește butoanele Google Pay pentru a iniția fluxul de plată.
  • Folosește același stil de buton pe tot site-ul tău.
  • Asigurați-vă că dimensiunea butoanelor Google Pay rămâne egală sau mai mare decât a celorlalte butoane.
  • Asigură-te că alegi o culoare pentru buton care contrastează cu fundalul.
  • Creați-vă propriile butoane Google Pay sau modificați fontul, culoarea, raza butonului sau spațiile interioare din interiorul butonului în orice fel.
  • Folosește butoanele de plată Google Pay pentru a iniția orice acțiune, alta decât fluxul de plată.
  • Comutați între variații de culoare sau versiuni cu sau fără text.
  • Faceți butonul Google Pay mai mic decât celelalte butoane.
  • Folosește o culoare pentru buton similară cu cea a fundalului. De exemplu, nu folosi butonul luminos pe un fundal deschis.

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 resursele

Marca

Folosește următorul marcaj Google Pay atunci când afișezi Google Pay ca opțiune de plată:

Marca Google Pay

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.

Exemplu de spațiu liber marcat cu Google Pay

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ă.

Folosește marca Google Pay pentru a reprezenta Google Pay ca opțiune de plată și continuă să o folosești pe tot parcursul procesului de cumpărare.

Ce să faci și ce să nu faci

Do Nu
  • Folosește doar marca Google Pay furnizată de Google.
  • Folosește marcajul Google Pay pentru a indica Google Pay ca opțiune de plată în cadrul fluxurilor de plată.
  • Creați-vă propria marcă sau modificați marca Google Pay în vreun fel.
  • Traduceți cuvântul „Plătiți”.
  • Afișați marca Google Pay într-o dimensiune diferită sau mai mică decât celelalte opțiuni de plată.

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 Pay

Scrieți întotdeauna cuvintele „Google” și „Pay”.

Potriviți stilul din interfața dvs. de utilizare

Setaț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 Pay

Scrieț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 marketing

Câ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ă cont

Crearea 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țe

Câ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 .

Aceste ecrane reprezintă un flux de cumpărare Google Pay recomandat pentru o experiență de coș de cumpărături.

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.