Wskazówki dotyczące marki

Te wytyczne pomogą Ci wdrożyć Google Pay w aplikacjach.

Przyciski płatności Google Pay

Przycisk płatności Google Pay wywołuje interfejs Google Pay API. Interfejs Google Pay API wyświetla arkusz płatności, w którym użytkownicy mogą wybrać formę płatności.

Zasoby

Google Pay udostępnia interfejs PayButton API, który pozwala dostosować motyw, kształt i zaokrąglenie rogów przycisku płatności Google Pay, tak aby pasował do grafiki interfejsu.

Gdy korzystasz z interfejsu PayButton API, uzyskujesz:

• Zgodność z marką: bezproblemowo zintegruj przycisk płatności Google Pay, który automatycznie spełnia najnowsze wytyczne dotyczące marki Google Pay, a jednocześnie oferuje opcje dostosowywania, które pozwalają dopasować go do projektu interfejsu przy minimalnym wysiłku.
• Dostosowywanie kształtu: możesz precyzyjnie dostosować zaokrąglenie rogów przycisku, aby idealnie pasował do Twojego stylu.
• Dostosowanie do lokalizacji: etykieta przycisku jest automatycznie tłumaczona na język urządzenia użytkownika, co zwiększa dostępność.
• Spersonalizowane dla użytkowników: pomóż użytkownikom odkrywać dostępne formy płatności w ich portfelu Google Pay, aby przyspieszyć proces płatności.

Jeśli ta zapewniająca wygodę metoda lub obsługiwany język Ci nie odpowiadają, skontaktuj się z nami.

Styl

Przyciski płatności Google Pay są dostępne w 2 wersjach: ciemnej i jasnej. Każda wersja występuje z tekstem „Zapłać przez” i bez niego. Dostępne są przyciski płatności ze zlokalizowanymi wersjami napisu „Zapłać przez”. Marki Google Pay nigdy się nie tłumaczy. Nie twórz przycisków z własnym zlokalizowanym tekstem.

Typ przycisku	Ciemny	Jasny
book
buy
checkout
przekazać darowiznę
zamówienie
zapłacić
plain
subskrybuj
Użyj sformułowania przycisku, które najlepiej pasuje do Twojej strony płatności.	Aby zapewnić odpowiedni kontrast, używaj ciemnych przycisków na jasnych tłach.	Z jasnych przycisków korzystaj na ciemnych lub kolorowych tłach.

Personalizacja

Gdy użytkownicy mają odpowiednią kartę na koncie Google Pay, przyciski płatności „Kup” i „Zapłać” będą wyświetlać sieć kart i ostatnie 4 cyfry numeru karty. Sieć karty będzie wyświetlana w tym samym miejscu co tekst „Zapłać przez” lub „Zapłać za pomocą”.

Typ przycisku	Ciemny	Jasny
kupić i zapłacić,
Aby włączyć personalizację, użyj przycisku typu „Kup” lub „Zapłać”.	Aby zapewnić odpowiedni kontrast, używaj ciemnych przycisków na jasnych tłach.	Z jasnych przycisków korzystaj na ciemnych lub kolorowych tłach.

Pusty obszar

Wokół przycisku płatności zawsze pozostaw pusty obszar o minimalnej szerokości 8 dp. Zadbaj o to, by nie nachodziły na niego grafika ani tekst. To ogólna wskazówka dotycząca projektowania, a nie specyfikacja interfejsu PayButton API.

Minimalna szerokość

Przycisk Google Pay nie może być węższy niż 90 dp. Wszystkie przyciski płatności „Zapłać przez Google Pay” muszą mieć minimalną szerokość 152 dp.

Zalecenia i ograniczenia

Należy

Nie

Korzystaj tylko z przycisków Google Pay dostarczonych przez Google. Używaj przycisków Google Pay, aby rozpocząć proces płatności. Korzystaj z tego samego stylu przycisków w całej witrynie. Wyświetlaj przyciski Google Pay z taką samą widocznością jak inne przyciski. Zadbaj o to, by rozmiar przycisków Google Pay był taki sam jak rozmiar pozostałych przycisków lub większy. Wybierz przycisk w kolorze, który będzie kontrastować z Twoim tłem.

Twórz własne przyciski Google Pay lub w dowolny sposób zmieniaj czcionki, kolor, promień przycisku oraz wypełnienie przycisku. Przyciski płatności Google Pay mogą służyć do innych czynności niż rozpoczęcie procesu płatności. Przełączaj między wariantami kolorystycznymi lub wersjami z tekstem i bez niego. Przycisk Google Pay może być mniejszy niż inne przyciski. Używaj koloru przycisku podobnego do tła. Nie używaj na przykład jasnych przycisków na jasnym tle.

Ważne: podczas renderowania przycisku płatności Google Pay w aplikacji wymagane jest użycie interfejsu PayButton API.

Znak Google Pay

Gdy prezentujesz Google Pay jako opcję płatności, używaj tylko znaku Google Pay dostępnego poniżej.

Zasoby

Pobierz znak Google Pay jako plik SVG:

Pobierz zasoby

Zaznacz

Gdy prezentujesz Google Pay jako opcję płatności, używaj tego znaku Google Pay:

Obok niego możesz wyświetlić napis „Google Pay”, jeśli robisz tak też w przypadku innych marek. Nie zmieniaj koloru ani szerokości obramowania znaku, ani w żaden inny sposób nie modyfikuj znaku. Korzystaj tylko ze znaku udostępnionego przez Google.

Pusty obszar

Zawsze zostawiaj pusty obszar o wielkości co najmniej połowy (0,5x) wysokości elementu Super G po każdej stronie znaku o akceptowaniu płatności Google Pay. Zadbaj o to, aby pusty obszar wokół wszystkich wyeksponowanych symboli marek był równy.

Rozmiar

Dostosuj go tak, by pasował do logo innych marek wyświetlanych podczas procesu płatności. Znak Google Pay nie może być od nich mniejszy.

Używaj znaku Google Pay do reprezentowania tej usługi jako opcji płatności i umieść ten znak na wszystkich etapach procesu zakupów.

Zalecenia i ograniczenia

Należy	Nie
Korzystaj tylko ze znaku Google Pay dostarczonego przez Google. Używaj znaku Google Pay, by wskazać, że Google Pay jest dostępną opcją płatności.	Utwórz własny znak lub w dowolny sposób zmień znak Google Pay. Przetłumacz wyraz „Pay”. Wyświetlaj znak Google Pay w rozmiarze innym lub mniejszym niż pozostałe opcje płatności.

Google Pay w tekście

Możesz wykorzystać tekst, aby wskazać, że Google Pay jest dostępną opcją płatności, i promować tę aplikację w komunikacji marketingowej.

Zapisuj „G” i „P” wielką literą

Litery „G” i „P” zawsze trzeba zapisywać wielką literą, a resztę nazwy – małymi literami. Nie zapisuj wielkimi literami całej nazwy „Google Pay”, chyba że będzie to pasować do typografii Twojego interfejsu użytkownika. Nigdy nie używaj wersji „GOOGLE PAY” w komunikacji marketingowej.

Nie skracaj nazwy Google Pay

Wyrazy „Google” i „Pay” zawsze pisz w całości.

Zachowaj spójność ze stylem interfejsu użytkownika

Nazwa „Google Pay” powinna być zapisana taką samą czcionką jak pozostały tekst w Twoim interfejsie i mieć taki sam styl typograficzny. Nie naśladuj typografii Google.

Nie tłumacz nazwy Google Pay

Zawsze zapisuj „Google Pay” po angielsku. Nie tłumacz tej nazwy na inny język.

Używaj symbolu znaku towarowego, gdy „Google Pay” pojawia się w komunikacji marketingowej po raz pierwszy

Jeśli używasz nazwy „Google Pay” w komunikacji marketingowej, umieść symbol znaku towarowego „™”, gdy nazwa tej aplikacji pojawia się po raz pierwszy (lub w najbardziej eksponowanym miejscu). Nie korzystaj z symbolu znaku towarowego, gdy wskazujesz Google Pay jako opcję płatności w swoim interfejsie.

Jeśli nie korzystasz z logo w przypadku innych opcji płatności, nazwa „Google Pay” powinna być zaprezentowana w formie tekstowej.	Nazwa „Google Pay” powinna być zapisana taką samą czcionką jak pozostały tekst w Twoim interfejsie i mieć taki sam styl typograficzny.	Zadbaj o to, by na stronach potwierdzenia i w e-mailach z potwierdzeniami zakupów wyświetlały się dane do płatności i informacja, że klient zapłacił przy użyciu Google Pay.

Sprawdzone metody dotyczące Google Pay

Zmaksymalizuj liczbę konwersji dzięki procesom i arkuszom płatności, które umożliwiają klientom szybkie i łatwe sprawdzenie danych karty oraz potwierdzenie zakupu.

Poniżej znajdziesz sprawdzone metody:

Ustaw Google Pay jako główną opcję płatności

Jeśli tylko jest taka możliwość, wyświetlaj przycisk Google Pay w widocznym miejscu. Zastanów się nad ustawieniem Google Pay jako domyślnej lub jedynej opcji płatności.

Daj klientom możliwość robienia zakupów bez konta

Zakładanie konta spowalnia proces płatności i może doprowadzić do tego, że użytkownik zrezygnuje z zakupów. Wykorzystaj Google Pay, by umożliwić szybsze płatności bez logowania. Jeśli chcesz, aby klienci zakładali konta, pozwól im zrobić to po dokonaniu zakupu.

Użyj Google Pay, aby rozpocząć proces płatności za zawartość koszyka

Przycisk Google Pay pozwala wyświetlić arkusz płatności. Na tym arkuszu klient może wybrać i zatwierdzić tylko jedną formę płatności. Zanim umożliwisz użytkownikom dokonywanie płatności przez Google Pay, pamiętaj, by najpierw zgromadzić wszystkie potrzebne informacje. Te informacje mogą obejmować:

• rozmiar, kolor i ilość produktu;
• ewentualną wiadomość dodawaną do zamówienia na prezent;
• ewentualną możliwość wykorzystania kodu promocyjnego;
• preferowana szybkość dostawy;
• miejsca docelowe w przypadku poszczególnych produktów.

Jeśli klient nie poda którejkolwiek z tych informacji, wyślij mu komunikat w czasie rzeczywistym i powiadom go, jakich danych brakuje. Dopiero gdy klient je uzupełni, przekieruj go do arkusza płatności.

Dodaj przycisk Google Pay na stronie ze szczegółami produktu, a nie tylko podczas procesu płatności

Aby przyspieszyć proces płatności za jeden produkt, pozwól klientom na dokonywanie pojedynczych zakupów bezpośrednio na stronie ze szczegółami produktów. Pamiętaj, by wykluczyć inne produkty znajdujące się w koszyku na zakupy użytkownika, jeśli wybierze on tę opcję. Arkusz płatności umożliwia tylko potwierdzenie zapłaty i informacji o dostawie.

Umieść informację o płatności za pomocą Google Pay na stronach potwierdzenia i potwierdzeniach zakupu

Zadbaj o to, by na stronach potwierdzenia i w e-mailach z potwierdzeniami zakupów wyświetlały się dane do płatności, a także informacja, że klient zapłacił przy użyciu Google Pay. Zadbaj też o to, by informacja o płatności za pomocą Google Pay była prezentowana spójnie z innymi formami płatności. Nigdy nie pokazuj użytkownikowi pełnych numerów rachunku bankowego, dat ważności kart ani innych szczegółów dotyczących formy płatności. Aby zidentyfikować formę płatności, zawsze używaj opisu zwróconego przez Google Pay API.

Oto kilka przykładów:

• „Sieć •••• 1234 w Google Pay”
• „Sieć •••• 1234 (Google Pay)”
• „Google Pay (karta •••• 1234)”
• „PayPal [e-mail] przez Google Pay”
• „Forma płatności: Google Pay”
• „Zapłacono przez Google Pay”

Połącz wszystkie elementy

Na zrzucie ekranu poniżej przedstawiamy kompletną integrację. Etapy integracji to również Wybór produktu/Przed zakupem, Transakcja, Selektor Google Pay oraz Po zakupie.

Na tych ekranach widać sugerowany przepływ procesu zakupu z użyciem Google Pay w przypadku koszyka na zakupy.

Uzyskiwanie zatwierdzenia

Aby uzyskać dostęp do wersji produkcyjnej po wdrożeniu interfejsu Google Pay API, musisz uzyskać zatwierdzenie wszystkich miejsc w Twoim interfejsie, w których wyświetlasz lub odwołujesz się do Google Pay.

Aby przesłać integrację do sprawdzenia, wypełnij naszą listę kontrolną integracji. W ciągu jednego dnia roboczego otrzymasz zatwierdzenie lub opinię.

Ważne: użycie zasobu „Przekaż darowiznę z Google Pay” wymaga dodatkowej weryfikacji organizacji non-profit przy wprowadzaniu.