Mit dem Brevo Wallet-Pass-Editor kannst du markenspezifische, personalisierte Wallet-Pässe für Apple Wallet und Google Wallet erstellen – ganz ohne Programmierkenntnisse. Passe das Layout, die Bilder und die Farben an deine Corporate Identity an, füge Personalisierungsvariablen ein, um den Inhalt an jede:n einzelne:n Kund:in anzupassen, und nutze Geofencing, um standortbasierte Benachrichtigungen zu versenden.

Erste Schritte 

Bevor du einen Pass entwirfst, musst du Folgendes tun:

• Füge deine Apple- und Google-Zertifikate zu Brevo hinzu.➡️ Weitere Informationen findest du in unseren entsprechenden Artikeln: Erstellen, Hinzufügen und Verlängern des Apple-Zertifikats für Brevo Wallet und Erstellen und Hinzufügen des Google-Zertifikats für Brevo Wallet.
• Erstelle einen Wallet-Pass

Verstehen der Struktur eines Wallet-Passes 

Bevor du deinen Wallet-Pass gestaltest, solltest du wissen, wie er aufgebaut ist. Apple Wallet und Google Wallet haben jeweils ihr eigenes Layout und ihre eigene Feldstruktur und müssen separat konfiguriert werden. 

Klick auf die Registerkarten unten, um die Struktur der einzelnen Passarten und ihrer Bereiche zu erkunden:

Apple Wallet-Pass Google Wallet-Pass

↪️ Rückseite anzeigen

Wallet-Pässe haben eine Vorderseite und eine Rückseite. Auf der Vorderseite sind dein Branding und die wichtigsten Informationen auf einen Blick zu sehen. 
Klick auf die folgenden Untermenüs, um weitere Informationen über die einzelnen Bereiche auf der Vorderseite des Apple Wallet-Passes zu erhalten:

🔴 Header

Der Bereich Header befindet sich ganz oben auf dem Pass und ist immer sichtbar, auch wenn der Pass nicht geöffnet ist. Es enthält in der Regel den Namen und das Logo deines Unternehmens oder deiner Marke.

1. Pass-Logo
   Kleines Bild in der oberen linken Ecke des Passes, in der Regel dein Markenlogo.
2. Logo-Text
   Kurze Bezeichnung, die neben deinem Logo angezeigt wird, in der Regel dein Markenname.
3. Felder
   Füge bis zu zwei Felder in der oberen rechten Ecke des Ausweises hinzu, zum Beispiel den Vor- und Nachnamen des/der Kund:in. Verwende das Symbol { } Variable hinzufügen, um eine Personalisierungsvariable einzufügen, die sich an alle deine Kund:innen anpasst.

🟠 Primär

Der primäre Bereich bestimmt den mittleren Streifen auf der Vorderseite des Passes und ist der optisch auffälligste Bereich. Er enthält in der Regel ein Bildbanner. Nutze ihn, um wichtige Informationen auf einen Blick hervorzuheben, wie zum Beispiel eine Stufe der Treue, einen Rabattbetrag oder den Namen eines Ereignisses.

1. Hintergrundstreifen
   Bannerbild in der Mitte des Ausweises.
2. Felder
   Füge ein Feld hinzu, um wichtige Informationen wie den Namen des Treueprogramms oder die Stufe der Mitgliedschaft über dem Bannerbild anzuzeigen. Verwende das Symbol { } Variable hinzufügen, um eine Personalisierungsvariable einzufügen, die sich an alle deine Kund:innen anpasst.

🟡 Sekundär

Im sekundären Bereich werden unterhalb des primären Bereichs zusätzliche Felder angezeigt. Füge bis zu vier Felder hinzu, um weitere Details wie den Programmnamen, das Ablaufdatum oder die Mitgliedschaftsstufe anzuzeigen. Verwende das Symbol Add variable { }, um eine Personalisierungsvariable einzufügen, die sich an alle deine Kund:innen anpasst. Du kannst außerdem die Textausrichtung für jedes Feld festlegen: links, zentriert oder rechts.

🟢 Barcode

Im Bereich Barcode kannst du den scanbaren Code auf dem Pass konfigurieren, der an einer Kasse oder zu Beginn eines Ereignisses verwendet werden kann. Es kann sich um einen QR-Code oder einen normalen Barcode handeln, und sein Wert kann für jeden Kontakt individuell angepasst werden.

So konfigurierst du einen Barcode: 

1. Schalte die Option Show barcode (Barcode anzeigen) ein.
2. Wähle das Format des Barcodes aus, beispielsweise Code128 oder QR-Code.
3. Wähle die Kodierung des Barcodes aus, beispielsweise ISO88591.
4. Gib den Barcode-Wert ein, der kodiert werden soll – in der Regel eine eindeutige ID des Kontakts. Verwende das Symbol Add variable { }, um eine Personalisierungsvariable einzufügen, die sich an alle deine Kund:innen anpasst. 
   
5. Gib im Feld Alternativtext einen für Menschen lesbaren Text ein, der unterhalb des Barcodes angezeigt wird, beispielsweise die Kontakt-ID. Verwende das Symbol Add variable { }, um eine Personalisierungsvariable einzufügen, die sich an alle deine Kund:innen anpasst. 

Wallet-Pässe haben eine Vorderseite und eine Rückseite. Auf der Rückseite findest du zusätzliche Details, die dein Kunde durch Tippen auf das Informationssymbol auf seinem Gerät lesen kann. 
Erweitere das folgende Untermenü, um mehr über den Abschnitt auf der Rückseite des Apple Wallet-Passes zu erfahren:

🟣 Textinformationen

Der Bereich Textinformationen legt fest, welche Inhalte auf der Rückseite des Passes angezeigt werden, wenn ein Kontakt ihn in seiner Wallet antippt. Es kann für Anleitungen, Allgemeine Geschäftsbedingungen, Kontaktdaten, Einlösungshinweise, Kontodaten oder sonstige Informationen verwendet werden, die deine Kund:innen möglicherweise benötigen.

1. Pass-Name
   Der Name, der oben angezeigt wird. Verwende das Symbol { } Variable hinzufügen, um eine Personalisierungsvariable einzufügen, die sich an alle deine Kund:innen anpasst.
2. Felder
   Füge bis zu 10 Felder für Details wie AGB, Kontaktdaten oder Einlöseanweisungen hinzu. Verwende das Symbol { } Variable hinzufügen, um eine Personalisierungsvariable einzufügen, die sich an alle deine Kund:innen anpasst.

↪️ Rückseite anzeigen

Wallet-Pässe haben eine Vorderseite und eine Rückseite. Auf der Vorderseite sind dein Branding und die wichtigsten Informationen auf einen Blick zu sehen. 
Erweitere die folgenden Untermenüs, um mehr über die einzelnen Abschnitte auf der Vorderseite des Google Wallet-Pass zu erfahren:

🔴 Header

Der Bereich Header befindet sich ganz oben auf dem Pass und ist immer sichtbar, auch wenn der Pass nicht geöffnet ist. Es enthält in der Regel den Namen und das Logo deines Unternehmens oder deiner Marke.

1. Logo
   Kleines Bild in der oberen linken Ecke des Passes, in der Regel dein Markenlogo.
2. Pass-Titel
   Kurzes Label, das neben deinem Logo angezeigt wird, typischerweise dein Markenname.
3. Text im Subheader
   Ein optionaler Untertitel, der unterhalb des Pass-Titels angezeigt wird.
4. Text im Header
   Die Hauptüberschrift, die an hervorgehobener Stelle auf dem Ausweis erscheint, beispielsweise der Name des Treueprogramms. 

🟡 Textkörper

Im Bereich Textkörper kannst du Zeilen mit Informationen auf der Vorderseite des Passes hinzufügen. Er enthält in der Regel den Namen des/der Kund:in und wichtige Felder wie das Guthaben, die Stufe der Mitgliedschaft oder Informationen zu Ereignissen. Du kannst bis zu drei Zeilen hinzufügen, und jede Zeile kann ein oder mehrere Felder enthalten.  

🟢 Barcode

Im Bereich Barcode kannst du den scanbaren Code auf dem Pass konfigurieren, der an einer Kasse oder zu Beginn eines Ereignisses verwendet werden kann. Es kann sich um einen QR-Code oder einen normalen Barcode handeln, und sein Wert kann für jeden Kontakt individuell angepasst werden.

So konfigurierst du einen Barcode: 

1. Schalte die Option Show barcode (Barcode anzeigen) ein.
2. Wähle das Format des Barcodes aus, beispielsweise Code128 oder QR-Code.
3. Gib den Barcode-Wert ein, der kodiert werden soll – in der Regel eine eindeutige ID des Kontakts. Verwende das Symbol Add variable { }, um eine Personalisierungsvariable einzufügen, die sich an alle deine Kund:innen anpasst. 
   
4. Gib im Feld Alternativtext einen für Menschen lesbaren Text ein, der unterhalb des Barcodes angezeigt wird, beispielsweise die Kontakt-ID. Verwende das Symbol Add variable { }, um eine Personalisierungsvariable einzufügen, die sich an alle deine Kund:innen anpasst. 

🟠 Bild

Im Bereich Bild kannst du ein Hero-Bild hochladen, das am unteren Rand des Passes angezeigt wird, um deine Markenidentität zu stärken, eine Werbeaktion hervorzuheben oder stufenspezifisches Bildmaterial anzuzeigen. Es kann ein Banner oder ein Hero-Bild sein, das am unteren Rand der Karte angezeigt wird.

Klicke auf Bild ändern, um ein Bild aus deiner Content-Bibliothek zu verwenden, oder klicke auf das Löschsymbol, um es zu entfernen. 

Wallet-Pässe haben eine Vorderseite und eine Rückseite. Auf der Rückseite findest du zusätzliche Details, die dein Kunde durch Tippen auf das Informationssymbol auf seinem Gerät lesen kann. 
Erweitere die folgenden Untermenüs, um weitere Informationen zu den einzelnen Bereichen auf der Rückseite des Google Wallet-Passes zu erhalten:

🟣 Zusätzlicher Inhalt

Der Bereich Zusätzlicher Inhalt bestimmt den Inhalt, der auf der Rückseite des Passes zu sehen ist, wenn ein Kontakt ihn in seiner Wallet antippt. Es kann für Anleitungen, Allgemeine Geschäftsbedingungen, Kontaktdaten, Einlösungshinweise, Kontodaten oder sonstige Informationen verwendet werden, die deine Kund:innen möglicherweise benötigen.

🔵 Link

Im Bereich Links kannst du anklickbare Links auf der Rückseite des Passes hinzufügen. Diese Funktion kannst du nutzen, um Links hinzuzufügen, die auf deine Website, deinen Online-Shop, den Kundensupport oder eine beliebige andere URL verweisen. Füge jedem Link eine Beschriftung hinzu, damit die Kund:innen wissen, wohin sie gelangen. Es stehen drei Arten von Links zur Verfügung:

1. E-Mail
   Gib eine Beschreibung ein und füge einen Link hinzu, der das von deinen Kund:innen bevorzugte Postfach mit einem Fenster zum Verfassen von E-Mails an eine bestimmte Adresse öffnet.
2. Phone
   Gib eine Beschreibung ein und füge einen Link hinzu, der einen Anruf startet.
3. URL
   Füge einen Link zu einer Webseite hinzu. Gib eine Beschreibung und die Ziel-URI ein.

Schritt 1: Lege den Stil deines Wallet-Passes fest

Auf der Registerkarte Style (Stil) kannst du die Farben für den Text und den Hintergrund deines Wallet-Passes festlegen.  Klick auf das Farbsymbol neben dem Element, auf das du eine bestimmte Farbe anwenden möchtest. Du kannst entweder eine Farbe auswählen, den Farbcode eingeben oder deine Markenfarbe verwenden.

Schritt 2: Richte deinen Wallet-Pass ein und personalisiere ihn

Auf der Registerkarte Content (Inhalt) legst du den Text, die Bilder und die Daten fest, die auf deinem Wallet-Pass angezeigt werden sollen. Verwende ihn, um Folgendes zu tun:

• Füge Felder hinzu und verschiebe sie, um die auf deinem Pass angezeigten Informationen einzufügen und neu anzuordnen.
• Füge einen Barcode hinzu, um auf dem Pass alles Kontakte einen eindeutigen, scanbaren Code anzuzeigen.
• Füge Personalisierungsvariablen ein, um individuelle Informationen wie den Namen eines/einer Kund:in oder seine/ihre Treuepunkte anzuzeigen.

Felder in deinem Pass hinzufügen und verschieben

So fügst du ein Feld in dein Wallet-Design ein und verschiebst es: 

1. Öffne im Wallet-Editor den Bereich, in dem du ein Feld hinzufügen oder verschieben möchtest.
2. Klicke auf + Add field (+ Feld hinzufügen), um ein neues Feld einzufügen, und gib die Bezeichnung und den Wert ein. 
3. Klicke auf Save (Speichern). 
4. Klicke auf das Zieh-Symbol neben dem Feldnamen, halte die Maustaste gedrückt und ziehe das Feld an die gewünschte Stelle.
    

Einen Barcode zu deinem Pass hinzufügen

Du kannst deinem Wallet-Design einen Barcode hinzufügen, sodass die Karte jedes Kontakts einen scanbaren Code enthält. Das ist nützlich für Treueprogramme, den Zugang zu Ereignissen oder jeden anderen Anlass, bei dem pro Kontakt eine eindeutige Kennung benötigt wird.

So fügst du einen Barcode in dein Wallet-Design ein:

1. Öffne im Wallet-Editor den Barcode-Bereich deines Apple Wallet- oder Google Wallet-Designs.
2. Aktiviere die Option Show barcode (Barcode anzeigen).
3. Wähle ein Format für den Barcode aus. Die folgenden Formate sind sowohl für Apple Wallet als auch für Google Wallet verfügbar:
   • QR-Code, ein quadratischer Matrixcode, der von Smartphone-Kameras weitgehend unterstützt wird.
   • Code 128, ein linearer (1D) Barcode, der häufig für alphanumerische Daten wie Bestell- oder Mitgliedsnummern verwendet wird.
   • Aztec, ein kompakter quadratischer Code, der sich gut für den Druck mit niedriger Auflösung eignet.
   • PDF417, ein gestapelter linearer Barcode, der größere Datenmengen speichern kann und häufig für Transport- oder Ausweisdokumente verwendet wird.
4. Wenn die Wallet für Apple Wallet bestimmt ist, wähle eine Kodierung aus, um festzulegen, wie die Barcode-Daten kodiert werden sollen:
   • ISO 8859-1, die Standard-Zeichenkodierung für Westeuropa.
   • ISO88591 Short, eine kompakte Variante von ISO-8859-1.
   • UTF8 unterstützt einen größeren Zeichensatz, darunter auch Zeichen mit Akzenten und nicht-lateinische Schriften.
5. Gib den Barcodewert ein. Das sind die im Barcode verschlüsselten Daten, also die Informationen, die ein Scanner ausliest. Du kannst einen festen Wert eingeben oder eine Personalisierungsvariable einfügen (beispielsweise eine für jeden Kontakt eindeutige Nummer der Treue-Karte).
6. (Optional) Gib einen alternativen Text ein. Das ist der für Menschen lesbare Text, der unter dem Barcode angezeigt wird. Du kannst einen festen Wert eingeben oder eine Personalisierungsvariable einfügen.

Personalisierungsvariablen in deinen Pass einfügen

Du kannst die Wallet-Karte jedes Kontakts individuell gestalten, indem du Kontakt-Attribute oder Treue-Variablen direkt in dein Wallet-Design einfügst. Damit kannst du auf jeder erstellten Karte individuelle Informationen anzeigen, wie zum Beispiel den Namen eines Kontakts oder Treuepunkte.

So fügst du eine Personalisierungsvariable in dein Wallet-Design ein:

1. Öffne im Wallet-Editor einen Bereich und füge ein Feld hinzu oder wähle eines aus, in das du eine Variable einfügen möchtest.
2. Klick auf das Symbol { } Variable einfügen.
3. Wähle die Variablenkategorie aus:
   • Kontakt-Attribute, um Informationen auf Kontaktebene einzufügen, wie zum Beispiel Vorname, Nachname oder E-Mail-Adresse.
   • Treue, um treuebezogene Daten wie das Guthaben oder die Stufe einzufügen.
4. Wähle die entsprechende Variable aus, die du einfügen möchtest. Sie wird an der Cursorposition im Textblock eingefügt.

Deine Personalisierungsvariable wurde nun eingefügt. Wenn deine Kontakte ihre Wallet-Karte öffnen, sehen sie ihre persönlichen Daten – in diesem Fall ihren Vornamen. 

(Optional) Schritt 3: Übersetze deinen Pass

Wenn du möchtest, dass dein Pass deine Kontakte in ihrer bevorzugten Sprache erreicht, kannst du direkt im Pass-Editor mehrere Sprachversionen einrichten. Jeder Kontakt erhält automatisch die Version, die dem in seinen Kontakt-Attributen hinterlegten Sprachcode entspricht:

➡️ Weitere Informationen dazu, wie du deinen Wallet-Pass übersetzen kannst, findest du in unserem speziellen Artikel Übersetzen deiner Wallet-Pässe in mehrere Sprachen.

(Optional) Schritt 4: Richte Geofencing-Benachrichtigungen ein

Mit Geofence kannst du Kund:innen am richtigen Ort und zur richtigen Zeit ansprechen, indem du ihnen Benachrichtigungen sendest, sobald sie sich einem deiner Shops nähern.

Füge deinem Brevo-Konto Shops hinzu und richte standortbezogene Benachrichtigungen ein. Wähle aus, welcher Standort den Trigger für die Benachrichtigung auslöst, passe die Nachricht, die Kunden in der Nähe erhalten, an und nutze das Symbol { } Variable hinzufügen, um sie für alle Kund:innen individuell anzupassen.

➡️ Weitere Informationen zur Einrichtung standortbasierter Benachrichtigungen findest du in unserem entsprechenden Artikel Versenden von Geofencing-Benachrichtigungen an Wallet-Pass-Inhaber:innen.

Schritt 5: Speichere und teile deinen Pass

Da dein Pass nun sowohl für Apple Wallet als auch für Google Wallet gestaltet ist, klick auf Save & quit (Speichern & Beenden), um dein Design zu speichern. Dein Pass steht unter Marketing > Wallet zur Verfügung.

Sobald dein Pass fertig ist, teile den Installationslink mit deinen Kund:innen. Wenn sie auf den Link tippen, werden sie aufgefordert, den Pass zu ihrer Apple Wallet- oder Google Wallet-App hinzuzufügen.

Du kannst den Link über jeden beliebigen Kanal teilen, beispielsweise:

• E-Mail- oder SMS-Kampagnen
  Füge den Link in eine Brevo-Kampagne ein, um deine Kontakte direkt zu erreichen.
• Deine Website
  Füge auf einer passenden Website, zum Beispiel auf der Bestellbestätigung oder der Seite deines Treueprogramms, eine Schaltfläche oder einen Link mit der Aufschrift „Zur Wallet hinzufügen“ ein.
• Deine Mobile- oder Web-App
  Binde den Link an einer passenden Stelle in deiner Customer Journey ein.
• Druckerzeugnisse oder Anzeigen im Shop
  Wandle den Link in einen QR-Code um, den die Kunden direkt vor Ort scannen können.

➡️ Weitere Informationen zum Teilen deines Wallet-Passes findest du in unserem Artikel Steigern der Akquise von Wallet-Karten über verschiedene Kontaktpunkte.

⏭️ Nächste Schritte

• Erstellen einer Wallet-Kampagne
• Einrichtung einer Automatisierung, um Wallet-Kontakte zu benachrichtigen und/oder sie in einen anderen Pass zu verschieben
• Versenden von Geofencing-Benachrichtigungen an Wallet-Pass-Inhaber:innen

🤔 Sie haben eine Frage?

Wenden Sie sich bei Fragen an unser Support-Team: Erstellen Sie einfach ein Ticket über Ihr Konto. Wenn Sie noch kein Konto haben, können Sie uns hier kontaktieren.

Wenn Sie Unterstützung bei einem Projekt mit Brevo suchen, können wir Sie mit der richtigen zertifizierten Brevo-Partneragentur verbinden.