> For the complete documentation index, see [llms.txt](https://docs.thewalletcrew.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.thewalletcrew.io/guides-design/design/generic.md).

# Generic

Configure a Generic pass template for Apple Wallet and Google Wallet. Use it for flexible membership cards, utility passes, and custom layouts.

The Generic pass is the most flexible pass type available. It is designed for use cases that don’t naturally fit into one of the dedicated templates such as loyalty cards, gift cards, offers, or tickets. When a pass doesn’t match a predefined category but still needs to be distributed through Apple Wallet or Google Wallet, the Generic template is likely the right choice.

Use a Generic pass for a flexible layout that does not fit a dedicated template (loyalty, gift card, offer, ticket).

**Typical use cases:**

* Membership cards that are not loyalty programs
* Partner or staff badges
* Utility passes (warranty card, pickup card, service card)
* Vouchers that are not discounts (free item, perk, entitlement)

If in doubt, start from [Pass types & templates](/guides-design/design/pass-types-and-templates.md) and pick **Generic** only as a fallback.

### Architecture (Apple vs Google)

Apple and Google each provide their own Generic template structure.

{% tabs %}
{% tab title="Apple" %}

<figure><img src="https://493872178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2F5BTLODarigem75Mt3WgE%2Fdesign-generic-wallet-crew-generic-architecture-apple.png?alt=media&amp;token=13995882-d476-4d66-9cb2-54ee8572b696" alt="The Wallet Crew generic - Architecture Apple"><figcaption><p>Apple generic pass template</p></figcaption></figure>
{% endtab %}

{% tab title="Google" %}

<figure><img src="https://493872178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2F6uAlLLnOcoW4nOiJHFgH%2Fdesign-generic-wallet-crew-generic-architecture-google.png?alt=media&amp;token=0071923a-0948-41ca-be9b-ca06c6bd6276" alt="The Wallet Crew generic - Architecture Google"><figcaption><p>Google generic pass template</p></figcaption></figure>
{% endtab %}
{% endtabs %}

{% hint style="info" %}
**To go further, find all the details of the two versions:**
{% endhint %}

**Apple**

{% embed url="<https://developer.apple.com/library/archive/documentation/UserExperience/Conceptual/PassKit_PG/Creating.html>" %}

**Google**

{% embed url="<https://developers.google.com/wallet/reference/rest/v1/genericclass>" %}

### How to configure it on The Wallet Crew

The Wallet Crew provides a template designer that is used to personalize the generic passes distributed to customers. Let’s see in detail how to personalize each section.

## Apple

**Let’s take a look at the different sections of the Apple template designer.**

### General section

The general section has two mandatory fields:

* **Description**: a brief description of the pass, that will appear on the back of the card
* **Organization name**: the name of the company or brand issuing the pass

It is also possible to put a text next to the logo, **activate the sharing of the ticket** so that customers can pass it on to other people, and the **“void feature” for the pass**.

The section also **defines the distance** from a relevant latitude and longitude at which the pass is relevant, for **geofencing notifications.**

<figure><img src="https://493872178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FHZVg8ndKPQd2aEnenGTb%2Fdesign-generic-wallet-crew-generic-apple-general.png?alt=media&amp;token=564a5120-7892-470d-ba6f-fb3a21042d43" alt="The Wallet Crew Generic - Apple general"><figcaption><p>Confirm that Description and Organization name are both filled in before saving.</p></figcaption></figure>

### Barcode

Choose the **type of barcode** that is compatible with the control hardware. The barcode value corresponds to the **identifiers** that allow the pass to be identified in store. Finally, the alternate text can be used to display the barcode data in case the barcode cannot be scanned.

<figure><img src="https://493872178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FAJXV0Oj8vuG4bFArmhAL%2Fdesign-generic-wallet-crew-generic-barcode-apple.png?alt=media&amp;token=28d6070f-72b4-4ed6-ad20-b57504c3e129" alt="The Wallet Crew generic - Barcode Apple"><figcaption><p>Check that the barcode type matches what the scanning hardware accepts.</p></figcaption></figure>

### Colors & Images

To change the background color of the pass, simply **add the color code in the fields** provided for this purpose. To add an image, upload it from the device in use.

### Header Fields <a href="#header-fields" id="header-fields"></a>

This section is particularly important in the Apple version, as the generic passes are **stacked on top of each other**. Only the header of the generic pass remains visible. Therefore, it is important that this section catches the eye and encourages clicking on the card, especially by displaying the most important information such as the name of the customer.

<figure><img src="https://493872178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FP5az5Xlpk67aeFEhtUJE%2Fdesign-generic-wallet-crew-generic-header-fields-apple.png?alt=media&amp;token=50c2ad24-6a12-42f7-8c88-f76922136a4e" alt="The Wallet Crew Generic - Header fields Apple"><figcaption><p>Check that the header field carries the information that identifies the pass in a stack.</p></figcaption></figure>

### Front fields

The front fields are the fields that are used to **display information in the recto of the pass**, under the strip image. The label is the same for every user (per language), but the value can be customized to display the expiry date, for example.

<figure><img src="https://493872178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FDSupqb3TDFMpgHCUQWlv%2Fdesign-generic-wallet-crew-generic-front-fields-apple.png?alt=media&amp;token=3f4c1d87-5e22-49f0-9430-efbe3456a1bf" alt="The Wallet Crew generic - Front fields Apple"><figcaption><p>Check that each front field has a static label and a dynamic value.</p></figcaption></figure>

{% hint style="warning" %}
**To personalize the front fields, ask the tech team which dynamic value to write.**
{% endhint %}

### Backfields

This section, located on the back of the pass, includes several useful pieces of information for the customer:

* Expiry date
* Information regarding the brand
* Receipts
* The ability to add links, such as a website link

<figure><img src="https://493872178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FiPEOkOSEJ0bbTD1nlD5k%2Fdesign-generic-wallet-crew-generic-backfields-apple.png?alt=media&amp;token=1d8efa2d-4d6c-4dfd-8415-e6025cc17ec9" alt="The Wallet Crew generic - Backfields Apple"><figcaption><p>Check that the brand information and any terms and conditions link are present.</p></figcaption></figure>

### Other sections

On Apple, there are four other sections:

* **Locations**: Used for geofencing notifications.
* **Beacons**: Also used for geofencing notifications.
* **Associated store identifier**: Used to link an application published on the Apple Store
* **NFC**: A feature that allows customers to exchange digital content, and connect electronic devices with a touch.

{% hint style="warning" %}
**Please contact The Wallet Crew to activate these features**
{% endhint %}

{% hint style="danger" %}
**Once the modifications are done, remember to click “save” at the top of the template designer!**
{% endhint %}

## Google

**The Google template designer is a bit different than the Apple one.**

{% hint style="warning" %}
**A few things worth knowing before configuring the Google template:**
{% endhint %}

1. Some fields such as “General ” and “Header” are **mandatory**
2. Google preconfigures the fields based on their intended values
3. Dynamic values (e.g., {{firstName}}) should be **placed in dedicated dynamic fields**. ‘Label’ fields are intended for static text only.

**Let’s take a look at the different sections.**

### General section

The general section has four **mandatory fields**:

* **General**: the title of the pass.
* **Header:** the header of the pass
* **Sub Header :** the subheader of the pass, such as location where this pass can be used
* **State:** the state of the object.

<figure><img src="https://493872178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FfF5pvny8nHnI80s5pqDt%2Fdesign-generic-wallet-crew-generic-general-google.png?alt=media&amp;token=cfc53360-9f6f-47da-a092-17e5a456cf76" alt="The Wallet Crew generic - General Google"><figcaption><p>Check that General, Header, Sub Header and State are all completed.</p></figcaption></figure>

### Security

Configuring a template means deciding **whether the customer can share their pass or not**. Google offers three options:

* **Multiple holders**: it means that the customer can share their pass with anyone
* **One user all device**: a customer but with several devices (a watch for example)
* **One user one device**

<figure><img src="https://493872178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2Fmk4qtU8B9nRWA0pf4w3L%2Fdesign-generic-wallet-crew-generic-security-google.png?alt=media&amp;token=184f8d64-2703-4ade-9363-b8d46463e025" alt="The Wallet Crew generic - Security Google"><figcaption><p>Check that the sharing option selected matches how the pass is meant to be used.</p></figcaption></figure>

### Colors & Images

To change the background color of the pass, simply **add the color code in the fields** provided for this purpose. To add an image, upload it from the device in use.

<figure><img src="https://493872178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2F8gJjnYRuyiF7gW25psGZ%2Fdesign-generic-wallet-crew-generic-colors-images-google.png?alt=media&amp;token=a00b8d89-6169-41e6-8354-721e5a5b4275" alt="The Wallet Crew Generic - Colors and images Google"><figcaption><p>Check that the hero image and logo render correctly against the chosen background color.</p></figcaption></figure>

#### Additional links, Smart tap and Valid Time Interval <a href="#additional-links-smart-tap-and-valid-time-interval" id="additional-links-smart-tap-and-valid-time-interval"></a>

**Additional links** can be added to the customer's pass, for example the event website link.

The **Smart tap feature** must also be configured, so that customers simply **validate their pass** by tapping their device on a compatible hardware terminal.

Finally, the Valid time interval section **defines a start and an end date** for the pass.

### Value added opportunities

This section adds a **small section at the bottom of the pass**. This is used to display offers, or news.

<figure><img src="https://493872178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FPfBpjQQMTVrvZcuAHRq2%2Fdesign-generic-wallet-crew-generic-value-added-opportunities-google.png?alt=media&amp;token=e4c37774-5119-4707-b575-466799382d0a" alt="The Wallet Crew Generic - Value added opportunities Google"><figcaption><p>Check that the bottom section content is still current before the pass is distributed.</p></figcaption></figure>

### Other sections

On Google, there are three other sections:

* **App links**: Used to add a link for an application
* **Homepage**: Used to add the link of the event website
* **Locations**: Used for geofencing notifications

{% hint style="danger" %}
**Once the modifications are done, remember to click “save” at the top of the template designer!**
{% endhint %}

### Next steps

* For design guidelines, start with [Card design](/configure/advanced-configuration/wallet/template-configuration/cards-design-colors-images-and-fields.md).
* To distribute the pass, use [Add to Wallet on a website](/guides-enrolment/enrolment/on-your-website.md).


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.thewalletcrew.io/guides-design/design/generic.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
