HowTo: Eigenen Kundenkarten für Passbook erstellen

Im folgenden How-To beschreibt Thomas Baumgartner in Form eines Gastbeitrags, wie man beliebige Kundenkarten in Passbook einbinden kann. Online ist der Thomas unter dem Namen macbaumi eher ein Begriff und offline hört er gerne Country Musik und fährt auf seinem Motorrad durch die schönsten Pässe Mitteleuropas.

Was braucht man und was muss man wissen?

Man sollte wissen um was für einen Barcode Typ es sich handelt. In den meisten Fällen werden EAN-13 Codes eingesetzt. Da haben wir bereits das erste Probleme, da Apple diese nicht unterstützt. Also wird der Barcode als Bild eingefügt. Weitere Bilder und einen Online Barcode Generator braucht es also auch. Das Fotografieren des original Barcode der Plastikkarte kann ich nicht empfehlen. Weiter einen Online Pass Creater wie zum Beispiel PassKit inkl. Account. Mein How-To bassiert auf diesem Pass Creater.

Los geht’s

Webseite passkit.com aufrufen und rechts oben auf  Login klicken. Hier kann man sich nun registrieren oder direkt einloggen. Pass läst sich nur speichern wenn man eingeloggt ist. Zurück zum Start zu den ersten Einstellungen in Pass Settings. Store Card Typ, Vorlagenname, Firmenname und Firmenbeschreibung eintragen. Seriennummer ist nicht nötig da wir den Barcode als Bild einfügen. Optional kann eine bestimmte Zeit für Pushbenachrichtigung eingetragen werden.

Bilder erstellen

Als nächstes brauchen wir drei Bilder. Ein Icon-Image mit 114x114px für die Push Benachrichtigungen. Logo-Image mit der exakten Höhe von 100px und max. 570px Breite. Ich verwende in diesem How-To eine Breite von 250px. Und zuletzt natürlich das Stripe-Image (Barcode) mit den Massen 620x250px.
Dazu habe ich den Barcode auf der Webseite Barcode-Generator.de erstellt. Diese macht sehr schöne und qualitativ hochwertige Barcodes. Auf die Bildbearbeitung werde ich hier nicht weiter eingehen.Nur ein Tip. Denn Barcode kann man in ein neues Bild mit den entsprechenden Massen mit weissen Hintergrund einfügen und speichern. Oder wers edler mag kann den Barcode zuerst komplett freistellen und in ein Bild mit transparentem Hintergrund einfügen.

Pass erstellen

Als nächsten Schritt die Bilder einfügen und die Farben anpassen. Optional Logo Text einfügen falls das Logo-Image nicht die ganze Breite ausfüllt. Es ist mindestens ein Feld im Front Content auszufüllen. Ich nutze dazu die dritte Stelle und habe zwei Felder ausgefüllt.
Text kann optional formatiert werden.

Den original Barcode können wir ausblenden. Wie im Front Content muss auch im Back Content ein Feld ausgefüllt werden. Zum Beispiel mit der Kundendienst Telefonnummer. Im Locations Teil kann man seinen Lieblingsstore eintragen. Auch mehrer sind möglich. Find Latitude & Longitude öffnet eine Fenster mit Google Maps um den Standort zu finden. Adresse (z. B. Store Name) und Push Benachrichtigungs Text eintragen. Aber Achtung! Da das iPhone dann ständig den Standort sucht braucht diese Funktion viel Akku.

Pass Sprache auf Deutsch stellen. Es können auch weiter Sprachen mit separaten Bildern und Übersetzungen eingefügt werden. In der Distribution wird der Link Type auf Private gestellt. Weiter kann man die Anzahl der Pässe begrenzen und falls gewünscht ein Ablaufdatum eintragen. Zur Sicherheit kann man zuletzt noch ein Passwort setzen.
 

Spätestens jetzt muss man sich einloggen um den Pass speichern zu können. Save Pass. Nun kann der Pass in Passbook einfügt werden mit Hilfe des QR Code oder der angegebenen URLs. Wird der Pass später geändert, erscheint unter Distribution eine neuer Link Push Changes to All Passes. Also ganz einfach Pass anpassen, Speichern und Link klicken.

Kundenkarte in Passbook hinzufügen. Kundenkarte Front und Rückseite. Zuletzt noch ein Bild nach einer Änderung des Passes.

Viel Spass beim Ausprobieren.

Rechtliche Hinweise: Alle Logos und Warenzeichen auf dieser Seite sind Eigentum der jeweiligen Besitzer und Lizenzhalter. Ich lehne jegliche Haftung ab bezüglich Funktionsfähigkeit der erstellten Karten und es gibt  auch keine Garantie, dass die Karten in den jeweiligen Geschäften akzeptiert werden. Rechtliche ist das Ganze eine Grauzone. Ein Kundendienst mit welchem ich telefoniert habe sagt, dass aktuell nur ihre eigenen Plastik-Kundenkarten akzeptiert werden. Elektronische Kundenkarten seien noch nicht verfügbar. Das Ganze gilt übrigens auch für Apps wie Stocard die ähnlich funktionieren wie Passbook.