More detailed Wallet voucher production steps for tossing parties

foreword

My last article “How to elegantly show the application code on iPhone and Apple Watch? 》 It is written that using Wallet to swipe offline “Suishen Code”, but due to some restrictions of government departments, using offline “Suishen Code” is not available on “Electronic Sentinel”, but it can be used in most supermarkets and small businesses. As well as some government agencies, staff can use the scanner or mobile phone in their hands to verify the offline “Sui Shen Code”.

But Wallet was born to replace people’s heavy physical wallet step by step, so this article teaches you how to use Pass2U and MakePass to make it ideal.

This article is long, if you don’t have the patience to read it all, you can jump quickly according to the bookmark bar on the right.


Pass2U

Pass2U is a software service made by a company in Taiwan. Its main business is to provide membership management services for small and micro merchants, enterprises, issuing membership cards, and collecting point cards. Its services are available in countries and regions with complete Google services, and membership cards can be distributed without any need to download additional software on iOS and Android. In addition, Pass2U also provides a Wallet Credential Creation App for individual users in the App Store. The free version can use limited functions, and the professional version can be unlocked by spending HKD $15 at the Minato store. In this part, I will introduce the steps and precautions of in-app production and web-side production.

  


In-app production

Step 1: Scan and enter the barcode

Step 2: Select the barcode type

Step 3: Page Design

  1. Type of ticket
    • Boarding pass, ferry ticket, train ticket.etc
    • discount coupon
    • Event tickets (movie tickets, concert tickets, etc.)
    • Store card (membership card, etc.)
    • Universal ticket card (can be made into access control card, etc.)
  2. Fill in the information
    • Fixed text: such as title, personal name, seat number, etc.
    • Time: After filling in, the expired ticket will be automatically invalidated according to the system time
    • Location: After filling in, a ticket reminder will be pushed through Siri suggestions according to the location
  3. The choice of color is free to play according to personal aesthetics.
    Note: The Pass2U color selection system uses Adobe RGB, please select “Display in Adobe RGB” on the color measurement software

Web production

Note: You need to register a Pass2U account for the production of the web page, and log in at the “ticket issuer” on the login page.

Step 1: Click “Create New Style”

Step 2: Choose the style you want

Note: The first five cards are the same as the App design process. The stamped collection point card is suitable for merchants to issue collection point cards, and the dynamic QR card is suitable for merchants to issue stored value cards.

Step 3: Start Designing

  • Basic settings

1

  1. Style Name: The name of this ticket
  2. Ticket Description: Information on what this ticket does
  3. Signature Verification: Pass2U’s signature for this ticket, no changes required
  4. Issuer Name: The name of the issuer of this ticket
  5. Ticket group code: For the grouping of tickets, the tickets programmed into the same group will be displayed in the same group
  6. Notification Icon: The icon displayed in the notification center when the ticket is updated
  7. Share tickets from wallet: After opening, you can share tickets with others in Wallet, if you close it, you cannot share
  • content design

1 Click the small tab to the left of the preview to design specific content

The “Content Design” page is roughly the same as the App-side process, but the page is more interactive, and a preview page will be provided on the side in real time.

  • Related information

1 time and location 1 iBeacon 1 App

  1. Time/Place: The corresponding time and place to activate “Siri Suggestions”
  2. iBeacon: If the card reader and scanner used use the iBeacon protocol, after filling in the corresponding ID of the device, the ticket will be pushed by “Siri Suggestion” on the lock screen after the iPhone is approached.
  3. App: If the ticket card you made has a corresponding App, you can fill in the App ID of the App (App ID is the last number of the App Store link of the corresponding App). The App startup URL can be understood as a URL Scheme, which can quickly open a certain part in the corresponding App.

More…

Pass2U is more excellent in public service. If you are a small shop owner overseas and your business is booming, you might as well use Pass2U’s services to distribute membership cards, point cards, coupons, etc. If there is still the issuance of stored-value cards, you can choose their dynamic QR card or NFC card business.


MakePass

MakePass is a Wallet voucher making app made by Portuguese personal developer Pedro José Pereira Vieito . It can be downloaded and used on iOS, iPadOS, and macOS, and the price is HKD $78. For users who don’t want to mess around, this price is too expensive, but its better UI and the most complete certificate can be produced. selling point. Next I’ll cover a tutorial on making credentials in MakePass.
Compared with Pass2U, PassMaker has the advantage of local production, and can use “shortcuts” to quickly produce.
Note: The following tutorials are all completed on the macOS side, and some functions will be different on the iOS and iPadOS sides

 

Pass Properties: Credential properties

  1. Title: title
  2. Organization: Credential issuing organization
  3. Description: Credential description
  4. Group: The group where the certificate is located
  5. Identifier: Credential identification number

A unique identification number for a credential to avoid multiple identical credential repeated on the same device

Pass Appearance: Pass Appearance Design

  • Background Color: background color
  • Foreground Color: Text color
  • Label Color: Title color Note: MakePass uses Display P3
  • Icon Image: Icon image for notification push

It is recommended to use the corresponding App icon for pictures pushed on the lock screen and “Siri Suggestions”

  • Logo Image: Logo image of the voucher page

Logo picture at the top of the voucher

Pass Barcode: voucher barcode

It can be directly recognized and imported from photos in albums, PDFs and photos in documents, and cameras. You can also customize the barcode type and barcode content yourself.

Pass Type: Type of voucher

Like Pass2U, MakePass has five built-in vouchers, including: event tickets, boarding (car, boat) cards, general ticket cards, store (membership) cards, and coupons. The layout of each type is also the same as that of Pass2U.

Pass Images: Pictures inside the voucher

  1. Strip: Voucher banner photo
  2. Thumbnail: voucher photo
  3. Background: The background photo of the voucher Note: For different types of vouchers, the required photo size and location will be different

Pass Relevancy: Pass Relevancy settings

  • Relevant Date: Document association date

Used to trigger the push of the credentials on the lock screen with “Siri Suggestions”

  • Expiration Date: Credential expiration time

It is used for the expiration time of the certificate. After expiration, it will be automatically coded by the barcode, and “this certificate has expired” will be displayed below it.

  • Relevant Location: Credential association location

Used to trigger the push of the credentials on the lock screen with “Siri Suggestions”. After opening the option, search for a place, and after pressing the “Pin ? ” button to mark the location.

Pass Header Fields: Header & information at the top of the voucher

1 Top: MakePass ; Bottom: Wallet Pass

The text filled in the text box here will be displayed sequentially from right to left in the blue area.

Pass Front Fields: Pass Front Title & Information

1 Left: MakePass ; Right: Wallet Pass

The text corresponding to the first line of text boxes here will be displayed at the banner, and the rest of the text boxes will be displayed in order below the banner. If you don’t want to display text on the banner, you can skip the first line and fill in the text on the second line.

Pass Back Fields: Pass Back Title & Information

1 Left: MakePass ; Right: Wallet Pass

As shown in the picture, the content filled in this text box will be displayed in sequence as shown in the right picture.

Pass Associated App: App associated with the pass

Different from the Pass2U web page, the App ID can be automatically recognized after the link can be copied directly in MakePass.


Epilogue

When I wrote this article, I was thinking why many merchants didn’t use this feature. Shouldn’t its simple and native experience give customers a better experience? Its functions are even more powerful than most WeChat mini-programs. But why, like App Clips, disappeared from the view of fruit fans. Maybe there are too many users of WeChat and Alipay; maybe Apple’s publicity is not in place; or maybe our users haven’t realized the importance of software “beauty”. One day, WeChat may adapt applets to App Clips, bloated apps will cease to exist, and the user experience will be re-emphasized by major manufacturers. This change may have begun. For example, in the past two weeks, Super Gorilla has updated the NFC Pass function on its iOS App. Users can directly use their iPhone and Apple Watch to enter the gym and punch in at the access control.

Secondly, I also want to talk about the future of electronic payment in mainland China. In recent years, blockchain technologies such as cryptocurrencies and NFTs have caused waves of electronic payment. The birth of “digital renminbi” also means that my country attaches great importance to the electronic payment industry. The governor of the central bank said at last year’s Bank for International Settlements (BIS) International Conference on Supervision of Large Technology Companies that China’s mobile payment penetration rate reached 86%, but also said that my country’s mobile payment industry is also facing unfair competition caused by industry monopoly and infringement of individual users. important issues such as privacy. 1 Perhaps, a better way to improve the status quo is to start with improving infrastructure, including increasing the number of NFC installed in smartphones, replacing outdated POS machines, and urging mobile phone manufacturers to open up NFC functions (such as Apple’s Tap to Pay, Huawei’s mobile POS Functions) and other measures to make more convenient payment methods make users willing to change their payment habits, and also force the platform to pay less attention to “traffic” and pay more attention to its own business. Perhaps by then, there will be not only UnionPay cards in Wallet, but also digital RMB, Alipay and WeChat.

This article is reproduced from: https://sspai.com/post/73580
This site is for inclusion only, and the copyright belongs to the original author.

Leave a Comment