Markenrichtlinien

Diese Richtlinien sollen Ihnen helfen, Google Pay in Ihre Apps zu implementieren.

Google Pay-Zahlungsschaltflächen

Über die Google Pay-Zahlungsschaltfläche wird die Google Pay API aufgerufen. Über die Google Pay API wird das Zahlungsformular angezeigt, in dem Nutzer ihre Zahlungsmethode auswählen können.

Assets

Google Pay bietet die PayButton API, mit der Sie das Design, die Form und die Eckenrundung der Google Pay-Zahlungsschaltfläche an Ihr UI-Design anpassen können.

Wenn Sie die PayButton API verwenden, erhalten Sie:

• Markenkonformität:Sie können ganz einfach eine Google Pay-Zahlungsschaltfläche einbinden, die automatisch den aktuellen Google Pay-Branding-Richtlinien entspricht. Außerdem haben Sie die Möglichkeit, die Schaltfläche an Ihr UI-Design anzupassen.
• Anpassbare Form:Sie können die Rundung der Ecken der Schaltfläche anpassen, damit sie sich nahtlos in Ihr bestehendes Design einfügt.
• Lokalisierte Darstellung:Die Beschriftung der Schaltfläche wird automatisch in die Sprache des Geräts des Nutzers übersetzt, was die Barrierefreiheit verbessert.
• Personalisierung für Nutzer: Nutzer können verfügbare Zahlungsmethoden in ihrem Google Pay-Wallet entdecken, um den Bezahlvorgang zu beschleunigen.

Wenn diese Methode oder die unterstützten Sprachen nicht Ihren Anforderungen entsprechen, wenden Sie sich an uns.

Stil

Google Pay-Zahlungsschaltflächen sind in zwei Varianten verfügbar: dunkel und hell. Jede Variante ist mit und ohne den Text „Kaufen mit“ verfügbar. Zahlungsschaltflächen mit lokalisierten Versionen des Texts „Mit“ werden bereitgestellt, die Marke „Google Pay“ wird jedoch immer in der Originalsprache angezeigt. Erstellen Sie keine Schaltflächen mit selbst übersetztem Text.

Schaltflächentyp	Dunkel	Hell
book
buy
Schritt im
spenden
Bestellung
pay
plain
abonnieren
Verwenden Sie die Formulierung für den Schaltflächentyp, die am besten zu Ihrer Zahlungsseite passt.	Verwende dunkle Schaltflächen auf hellem Hintergrund, um einen Kontrast zu erzeugen.	Verwende helle Schaltflächen auf dunklem oder farbigem Hintergrund.

Personalisierung

Wenn Nutzer eine berechtigte Karte in ihrem Google Pay-Konto haben, werden auf den Zahlungs-Schaltflächen „Kaufen“ und „Bezahlen“ das Kartennetzwerk und die letzten vier Ziffern der Kartennummer angezeigt. Das Kartennetzwerk wird an derselben Stelle wie der Text „Kaufen mit“ oder „Bezahlen mit“ angezeigt.

Schaltflächentyp	Dunkel	Hell
Kaufen und bezahlen
Verwenden Sie den Schaltflächentyp „Kaufen“ oder „Bezahlen“, um die Personalisierung zu aktivieren.	Verwende dunkle Schaltflächen auf hellem Hintergrund, um einen Kontrast zu erzeugen.	Verwende helle Schaltflächen auf dunklem oder farbigem Hintergrund.

Mindestabstand

Halte an allen Seiten der Zahlungsaufschaltfläche einen Mindestabstand von 8 dp ein. Achte darauf, dass sich innerhalb des Mindestabstands keine Grafiken und kein Text befinden. Dies ist eine allgemeine Designrichtlinie, keine PayButton API-Spezifikation.

Mindestbreite

Die Google Pay-Schaltfläche sollte eine Mindestbreite von 90 dp haben. Alle Zahlungsschaltflächen vom Typ „Mit Google Pay kaufen“ müssen eine Mindestbreite von 152 dp haben.

Empfohlene und zu vermeidende Vorgehensweisen

Erlaubt

Nicht erlaubt

Verwenden Sie nur die von Google bereitgestellten Google Pay-Schaltflächen. Verwenden Sie die Google Pay-Schaltflächen, um den Zahlungsvorgang zu starten. Verwende dasselbe Schaltflächendesign auf der gesamten Website. Achten Sie darauf, dass die Google Pay-Schaltflächen immer mindestens so groß wie andere Schaltflächen sind. Wähle eine Farbe für die Schaltfläche, die im Kontrast zum Hintergrund steht.

Eigene Google Pay-Schaltflächen erstellen oder die Schriftart, die Farbe, den Schaltflächenradius oder den Abstand innerhalb der Schaltfläche ändern. Verwenden Sie Google Pay-Zahlungsschaltflächen, um eine andere Aktion als den Zahlungsvorgang zu starten. Zwischen Farbvarianten oder Versionen mit oder ohne Text wechseln Die Google Pay-Schaltfläche darf nicht kleiner als die anderen Schaltflächen sein. Verwenden Sie eine Schaltflächenfarbe, die dem Hintergrund ähnelt. Verwende beispielsweise nicht die helle Schaltfläche auf einem hellen Hintergrund.

Wichtig:Die Verwendung der PayButton API ist erforderlich, wenn Sie in Ihrer Anwendung eine Google Pay-Zahlungsschaltfläche rendern.

Google Pay-Marke

Verwenden Sie nur das unten bereitgestellte Google Pay-Zeichen, wenn Sie Google Pay als Zahlungsoption in Ihren Zahlungsabläufen anzeigen.

Assets

So laden Sie das Google Pay-Logo als SVG-Datei herunter:

Assets herunterladen

Zeichen

Verwenden Sie das folgende Google Pay-Zeichen, wenn Sie Google Pay als Zahlungsoption angeben:

Wenn Sie „Google Pay“ in Textform neben dem Zeichen anzeigen, tun Sie dies auch für andere Marken. Ändern Sie nicht die Farbe oder Stärke des Umrisses der Marke und verändern Sie die Marke nicht auf andere Weise. Verwenden Sie nur die von Google bereitgestellte Marke.

Mindestabstand

Halten Sie an allen Seiten des Google Pay-Akzeptanzzeichens einen Mindestabstand von mindestens der Hälfte (0,5-mal) der Höhe des „Super G“ (Google-G) ein. Achten Sie darauf, dass der Abstand zwischen allen Markenidentitäten gleich ist.

Größe

Passen Sie die Höhe so an, dass sie den anderen Markenidentitäten in Ihrem Zahlungsvorgang entspricht. Das Google Pay-Zeichen darf nicht kleiner als die anderen Markenidentitäten sein.

Google Pay-Logo verwenden, um Google Pay als Zahlungsoption darzustellen und es im gesamten Kaufvorgang beizubehalten

Empfohlene und zu vermeidende Vorgehensweisen

Erlaubt	Nicht erlaubt
Verwenden Sie nur das von Google bereitgestellte Google Pay-Zeichen. Verwenden Sie das Google Pay-Zeichen, um Google Pay als Zahlungsoption im Zahlungsablauf anzugeben.	Sie dürfen keine eigene Marke erstellen oder die Google Pay-Marke in irgendeiner Weise ändern. Übersetze das Wort „Pay“. Das Google Pay-Zeichen darf nicht in einer anderen oder kleineren Größe als die anderen Zahlungsoptionen dargestellt werden.

Google Pay im Text

Sie dürfen Text verwenden, um Google Pay als Zahlungsoption anzugeben und Google Pay in Ihrer Marketingkommunikation zu bewerben.

Die Buchstaben „G“ und „P“ großschreiben

Verwende immer ein großes „G“ und ein großes „P“ gefolgt von Kleinbuchstaben. Schreibe den Namen „Google Pay“ nie vollständig in Großbuchstaben, es sei denn, dies entspricht dem typografischen Stil deiner Benutzeroberfläche. Verwende in deiner Marketingkommunikation niemals „GOOGLE PAY“ in Großbuchstaben.

Google Pay nicht abkürzen

Schreibe die Wörter „Google“ und „Pay“ immer aus.

Dem Stil deiner UI anpassen

Verwende für „Google Pay“ dieselbe Schriftart und denselben typografischen Stil wie für den übrigen Text in deiner UI. Ahmen Sie nicht den typografischen Stil von Google nach.

Google Pay nicht übersetzen

Schreibe „Google Pay“ immer auf Englisch. Übersetze es nicht in eine andere Sprache.

Verwenden Sie das Markensymbol bei der ersten Verwendung von „Google Pay“ in Marketingmitteilungen.

Wenn Sie „Google Pay“ in Ihrer Marketingkommunikation verwenden, müssen Sie bei der ersten oder auffälligsten Verwendung das Markensymbol ™ einfügen. Verwenden Sie das Markensymbol nicht, um Google Pay als Zahlungsoption in Ihrer Benutzeroberfläche anzugeben.

Wenn keine Logos für andere Zahlungsoptionen angezeigt werden, stellen Sie „Google Pay“ mit Text dar.	Verwende für „Google Pay“ dieselbe Schriftart und denselben typografischen Stil wie für den übrigen Text in deiner Benutzeroberfläche.	Wenn Sie Zahlungsinformationen auf Bestätigungsseiten und in E-Mail-Belegen anzeigen, geben Sie an, dass der Kunde mit Google Pay bezahlt hat.

Best Practices für Google Pay

Mit optimierten Bezahlvorgängen und Zahlungsblättern können Kunden ihre Zahlungsinformationen schnell und einfach prüfen und ihren Kauf bestätigen. So lassen sich mehr Conversions erzielen.

Hier sind einige Best Practices:

Google Pay als primäre Zahlungsoption festlegen

Zeigen Sie die Google Pay-Schaltfläche nach Möglichkeit gut sichtbar an und erwägen Sie, sie zur Standard- oder einzigen Zahlungsoption zu machen.

Kunden können auch ohne Konto kaufen

Das Erstellen eines Kontos verlangsamt den Bezahlvorgang und kann dazu führen, dass Kunden den Einkaufswagen verlassen. Mit Google Pay können Sie das Bezahlen als Gast beschleunigen. Wenn Sie möchten, dass Ihre Kunden ein Konto erstellen, ermöglichen Sie ihnen dies nach Abschluss des Kaufs.

Mit Google Pay die Zahlung für den Warenkorb einleiten

Über die Google Pay-Schaltfläche wird das Zahlungsformular aufgerufen. Auf dem Zahlungsformular können Kunden nur eine einzige Zahlungsmethode auswählen und bestätigen. Sie müssen alle anderen erforderlichen Informationen abrufen, bevor Sie Kunden die Möglichkeit geben, die Google Pay-Schaltfläche auszuwählen. Dazu gehören beispielsweise:

• Größe, Farbe und Menge des Artikels
• Die hinzugefügte Geschenknachricht (falls vorhanden)
• Der Gutscheincode (falls vorhanden)
• Die bevorzugte Versandgeschwindigkeit
• Die Ziele für einzelne Artikel

Wenn ein Kunde erforderliche Informationen nicht angibt, geben Sie ihm in Echtzeit Feedback, damit er weiß, was fehlt, bevor Sie das Zahlungsblatt aufrufen.

Google Pay-Button zusätzlich zum Warenkorb-Checkout auf Seiten mit Produktdetails einfügen

Um den Kauf einzelner Artikel zu beschleunigen, können Sie Kunden die Möglichkeit geben, direkt auf Ihren Produktdetailseiten einzelne Artikel zu kaufen. Wenn ein Kunde diese Option auswählt, müssen Sie alle anderen Artikel im Einkaufswagen ausschließen, da er im Zahlungsformular nur seine Zahlungs- und Versandinformationen bestätigen kann.

Google Pay auf Bestätigungsseiten und Belegen einfügen

Wenn Sie Zahlungsinformationen auf Bestätigungsseiten und in E-Mail-Belegen anzeigen, geben Sie an, dass der Kunde mit Google Pay bezahlt hat. Google Pay muss dabei in derselben Weise wie andere Zahlungsmethoden dargestellt werden. Zeigen Sie dem Nutzer niemals vollständige Kontonummern, Ablaufdaten oder andere Details zur Zahlungsmethode an. Verwenden Sie immer den beschreibenden Text der Google Pay API, um die Zahlungsmethode zu identifizieren.

Hier einige Beispiele:

• „Netzwerk •••• 1234 mit Google Pay“
• „Netzwerk •••• 1234 (Google Pay)“
• „Google Pay (Network •••• 1234)“
• „Paypal [e-mail] with Google Pay“
• „Zahlungsmethode: Google Pay“
• „Mit Google Pay bezahlt“

Alle Antworten zu einem Anzeigentext zusammenfügen

Ein Screenshot einer abgeschlossenen Integration sieht so aus: Die Integration umfasst auch die Schritte Artikelauswahl/Vor dem Kauf, Transaktion, Google Pay-Auswahl und Nach dem Kauf.

Diese Screenshots zeigen einen empfohlenen Google Pay-Kaufvorgang für einen Einkaufswagen.

Genehmigung einholen

Nachdem Sie die Google Pay API integriert haben, müssen Sie die Genehmigung für alle Stellen einholen, an denen Sie Google Pay in Ihrer Benutzeroberfläche anzeigen oder darauf verweisen, um Produktionszugriff zu erhalten.

Füllen Sie unsere Checkliste für die Integration aus, um Ihre App-Integration zur Überprüfung einzureichen. Sie sollten innerhalb eines Arbeitstags eine Genehmigung oder Feedback erhalten.

Wichtig:Für die Verwendung des Assets „Mit Google Pay spenden“ ist während des Onboardings eine zusätzliche Validierung der Nonprofit-Organisation erforderlich.