Richtlinien für Schaltflächen

Diese Richtlinien sollen dir bei der Implementierung der Google Wallet API in deinen Apps oder auf deinen Websites helfen.

Schaltfläche „In Google Pay speichern“

Über die Schaltfläche In Google Pay speichern muss einer der Google Pay API for Passes-Abläufe aufgerufen werden. Dabei wird ein Bildschirm angezeigt, auf dem Nutzer Bordkarten, Veranstaltungs- oder Fahrkarten, Kundenkarten, Geschenkkarten und Angebote auf ihrem Android-Gerät speichern können. Diese Schaltfläche kann in Apps, auf Websites, in E-Mails oder in SMS von Händlern verwendet werden.

Assets

Die Schaltfläche In Google Pay speichern ist als EPS- und SVG-Datei verfügbar.

Assets herunterladen – EPS Assets herunterladen – SVG

Alle In Google Pay speichern-Schaltflächen, die auf deiner Website, in deiner App oder in E-Mails angezeigt werden, müssen unseren Markenrichtlinien entsprechen, die auf dieser Seite beschrieben werden. Dazu zählen unter anderem:

  • Größe im Vergleich zu anderen ähnlichen Schaltflächen oder Elementen der Seite
  • Kontrast zur Hintergrundfarbe des umgebenden Bereichs.
  • Mindestabstand

Die Schaltflächen In Google Pay speichern sind in den folgenden Sprachen verfügbar: Deutsch, Arabisch, Kroatisch, Dänisch, Niederländisch, Englisch, Finnisch, Französisch, Indonesisch, Italienisch, Japanisch, Koreanisch, Norwegisch (Bokmal), Polnisch, Portugiesisch, Russisch, Chinesisch (vereinfacht), Slowakisch, Spanisch, Schwedisch, Thailändisch, Tschechisch, Ukrainisch und Tschechisch.

Größe

Passe die Höhe und Breite der Schaltfläche In Google Pay speichern an dein Layout an. Wenn sich andere Schaltflächen auf der Seite befinden, muss die Schaltfläche In Google Pay speichern mindestens so groß wie diese Schaltflächen sein. Die Schaltfläche In Google Pay speichern darf nicht kleiner als andere Schaltflächen sein.

Stil

Die Schaltfläche In Google Pay speichern ist in drei Varianten verfügbar: schwarz, weiß und weiß mit schwarzer Kontur. Es werden Schaltflächen mit lokalisierten Versionen des Textes bereitgestellt. Erstelle keine Schaltflächen mit selbst übersetztem Text.

Schaltflächen zum Speichern in Google Pay in Schwarz Schaltflächen zum Speichern in Google Pay in Weiß Weiße Schaltfläche „In Google Pay speichern“ mit Umriss
Schwarz White Weiß mit Rahmen
Verwenden Sie die schwarze Schaltfläche auf weißem oder hellem Hintergrund, um für einen Kontrast zu sorgen. Verwende die schwarze Schaltfläche nicht auf dunklem Hintergrund. Verwende stattdessen die weiße Schaltfläche. Verwende die weiße Schaltfläche auf dunklem oder mehrfarbigem Hintergrund. Verwende die weiße Schaltfläche nicht auf weißem oder hellem Hintergrund. Verwende stattdessen die schwarze oder die weiße Schaltfläche mit Rahmen. Verwende die weiße Schaltfläche mit Rahmen als Alternative zur schwarzen Schaltfläche auf weißem oder hellem Hintergrund. Verwende diese Schaltfläche nicht auf dunklem oder mehrfarbigem Hintergrund. Verwende stattdessen die weiße Standardschaltfläche.

Mindestabstand

Der Mindestabstand von 8 dp muss auf allen Seiten der Schaltfläche In Google Pay speichern eingehalten werden. Achten Sie darauf, dass sich innerhalb des Mindestabstands keine Grafiken und kein Text befinden.

Schaltflächen zum Speichern in Google Pay in Schwarz, umgeben von einem Mindestabstand

Mindesthöhe

Die Schaltfläche In Google Pay speichern muss immer eine Mindesthöhe von 36 dp haben.

Schaltflächen zum Speichern in Google Pay in Weiß umgeben von einem Mindestabstand

Empfohlene und zu vermeidende Vorgehensweisen

Dos Don'ts
Richtig: Verwenden Sie nur die von Google bereitgestellten In Google Pay speichern-Schaltflächen. Falsch: Erstelle keine eigenen In Google Pay-Schaltflächen und ändere nicht die Schriftart, die Farbe, den Schaltflächenradius oder den Abstand innerhalb der Schaltfläche.
Richtig: Verwenden Sie auf der gesamten Website den gleichen Schaltflächenstil. Die Farbe der Schaltfläche kann sich anpassen, wenn sich die Farbe des Hintergrunds ändert. Falsch: Die Schaltfläche In Google Pay speichern darf nicht kleiner sein als andere Schaltflächen.
Richtig: Achte darauf, dass die Schaltfläche In Google Pay speichern immer mindestens so groß ist wie andere Schaltflächen. Falsch: Verwende für die Schaltfläche keine Farbe, die dem Hintergrund ähnelt. Verwenden Sie beispielsweise nicht die weiße Schaltfläche auf weißem Hintergrund.
Richtig: Wähle eine Farbe für die Schaltfläche, die einen Kontrast zum Hintergrund darstellt. Falsch: Die Schaltfläche darf nicht kostenlos skaliert werden.
Richtig: Behalte das Schaltflächenverhältnis bei, wenn du die Größe der Schaltfläche In Google Pay speichern anpasst.

Best Practices für die Platzierung der Schaltfläche

Wenn du die Anzahl der gespeicherten Objekte maximieren möchtest, solltest du die Schaltfläche In Google Pay speichern in deiner App, auf deiner Website oder in deiner E-Mail gut sichtbar platzieren. Du musst die folgenden Best Practices einhalten, um die Markengenehmigung von Google zu erhalten.

Kundenkarten

Wir empfehlen, die Schaltfläche In Google Pay speichern in der Nähe von Nutzererfahrungen in deiner App, auf deiner Website oder in E-Mails zu platzieren, in denen aktuelle Informationen zur Kundenbindung angezeigt werden. Es ist auch nützlich, die Schaltfläche auf Bestätigungsbildschirmen einzublenden, die angezeigt werden, nachdem sich Nutzer in Ihrer App oder auf Ihrer Website für Ihr Treuepunkteprogramm registriert haben.

Beispielseite einer Website mit der Schaltfläche „In Google Pay speichern“

Geschenkkarten

Wir empfehlen dir, die Schaltfläche In Google Pay speichern auf dem Bestätigungsbildschirm zu platzieren, der angezeigt wird, nachdem ein Nutzer eine Geschenkkarte in deiner App oder auf deiner Website gekauft hat. Es ist auch empfehlenswert, die Schaltfläche in jeder E-Mail anzuzeigen, die an den Empfänger der Geschenkkarte gesendet wird.

Angebote

Wir empfehlen, die Schaltfläche In Google Pay speichern in der Nähe von Bildschirmen oder Seiten in deiner App oder auf deiner Website zu platzieren, auf denen Nutzer auf Angebote zugreifen können. Um bessere Ergebnisse zu erzielen, wird dringend empfohlen, die Schaltfläche in jede E-Mail-Benachrichtigung zu dem Angebot aufzunehmen.

Veranstaltungs- und Fahrkarten

Die Schaltfläche In Google Pay speichern muss am Ende des Kaufvorgangs oder auf Bestätigungsbildschirmen einer App, auf Webseiten oder in E-Mails angezeigt werden. Wir empfehlen, die Schaltfläche In Google Pay speichern dort zu platzieren, wo Nutzer in deiner App oder auf deiner Website auf ihre Tickets zugreifen.

Beispiele für Webseiten auf einem Smartphone mit der Schaltfläche „In Google Pay speichern“

Bordkarten

Die Schaltfläche In Google Pay speichern muss am Ende des Kaufvorgangs oder auf Bestätigungsbildschirmen einer App, auf Webseiten oder in E-Mails angezeigt werden. Du kannst die Schaltfläche auch auf deiner Website oder in deiner App einblenden, wo Passagiere für ihren Flug einchecken oder ihre Bordkarten aufrufen, oder sie in relevante E-Mails einfügen.

Beispiele für Webseiten von Smartphones, auf denen Bordkarten mit der Schaltfläche „In Google Pay speichern“ angezeigt werden

Verwendung des Google Pay-Produktnamens im Text

Du kannst den Nutzer in einer Mitteilung darüber informieren, dass seine Bord-, Veranstaltungs-, Fahrkarten, Kundenkarte, Geschenkkarte oder das Angebot auf seinem Gerät gespeichert wurde.

Die Buchstaben „G“ und „P“ in Großbuchstaben schreiben

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

Google Pay nicht abkürzen

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

Passen Sie den Stil Ihrer UI an

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

Google Pay nicht übersetzen

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