> 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/offer.md).

# Offer

Configure an Offer pass template for Apple Wallet and Google Wallet. Use it for time-bound coupons and discounts.

## What are offers for?

Offers distribute promotional incentives to customers in a simple, digital format. They help brands drive traffic, boost conversions, and run time-limited campaigns directly within mobile wallets. An offer can be used to promote a discount, highlight a special event, reward specific customer segments, or support seasonal campaigns.

Whether you are a new client creating a template for the offers that will be distributed to customers, or already familiar with The Wallet Crew and updating an existing template, this article is a step-by-step tour of the Template Designer. The goal is to configure an offer template that reflects the brand identity, displays the right information to customers, and ensures a seamless experience across Apple Wallet and Google Wallet.

Use an **Offer** pass when the pass is a **coupon**. It is the best fit for one-time or time-bound discounts.

Common patterns:

* A barcode or code redeemed at POS or in checkout
* An expiration date and usage constraints
* Campaign messaging pushed during the offer lifetime

If the pass represents stored value, use [Gift card](/guides-design/design/gift-card.md) instead.

### Architecture

Apple and Google have their own offer templates.

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

<figure><img src="https://493872178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FahGC4dSSw7zLChaOXFa1%2Fdesign-offer-wallet-crew-offer-apple-architecture.png?alt=media&amp;token=99a6a2cd-ff5b-4a41-a406-93a8a185292a" alt="The Wallet Crew offer - Apple architecture"><figcaption><p>Offer template designer (Apple)</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%2FlARqnpOUrVpuHxjknJvA%2Fdesign-offer-wallet-crew-offers-google-architecture.png?alt=media&amp;token=f3f97da1-31ac-4596-9cf3-9d74cf47aef0" alt="The Wallet Crew Offers - Google architecture"><figcaption><p>Offer template designer (Google)</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/retail/offers/resources/template>" %}

### How to configure it on The Wallet Crew

The Wallet Crew provides a template designer that is used to personalize the offer 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 coupons**.

The section also **defines the distance** from a relevant latitude and longitude at which the offer 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%2FELeJKQxvikWJhHAFzely%2Fdesign-offer-wallet-crew-offers-general-apple.png?alt=media&amp;token=fac6478b-4030-42af-98d3-d233a408367b" alt="The Wallet Crew Offers - General Apple"><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 offer 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%2FKQIZpFZ5ddEZ6hwoQfP2%2Fdesign-offer-wallet-crew-offers-barcode-apple.png?alt=media&amp;token=4908a90b-545f-4cde-8d4f-9845a35c9367" alt="The Wallet Crew Offers - Barcode Apple"><figcaption><p>Check that the barcode type matches what the redemption hardware accepts.</p></figcaption></figure>

### Colors & Images

To change the background color of the offer 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 offers are **stacked on top of each other**. Only the header of the offer 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 amount left.

<figure><img src="https://493872178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FmvUZkbg5ltjZ37NlWCen%2Fdesign-offer-wallet-crew-offers-header-field-apple.png?alt=media&amp;token=b88a2dad-783c-4093-a5e8-6891db24ce4f" alt="The Wallet Crew Offers - Header field Apple"><figcaption><p>Check that the header field carries the discount, since it is all that stays visible 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 offer**, 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%2FNXbwgu70H2UsPEbxzj7s%2Fdesign-offer-wallet-crew-offers-front-fields-apple.png?alt=media&amp;token=800a5116-62f4-4e9a-a9af-36c3331c4b62" alt="The Wallet Crew Offers - Front fields Apple"><figcaption><p>Check that each front field has a static label and a dynamic value.</p></figcaption></figure>

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

### Backfields <a href="#backfields" id="backfields"></a>

This section, located on the back of the offer 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%2FjUiyCdupn0U37ZaNbvLQ%2Fdesign-offer-wallet-crew-offers-backfields-apple.png?alt=media&amp;token=2bf71fca-94cc-4947-ac5e-d2a308713cfe" alt="The Wallet Crew Offers - Backfields Apple"><figcaption><p>Check that the offer conditions and the terms and conditions link are both 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 “Redemption Channel ” and “Provider” 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 five **mandatory fields**:

* **Issuer**: the name of the brand or company that issues the offer
* **General**: the title of the offer, such as "20% off any t-shirt."
* **State:** the state of the offer (active, expired, completed, inactive)
* **Provider:** the offer provider (either the aggregator name or merchant name).
* **Redemption channel:** in store, online, both or unspecified

<figure><img src="https://493872178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2Fzrbygp6mRuB0HYqq9q9V%2Fdesign-offer-wallet-crew-offers-general-google.png?alt=media&amp;token=2e2b1c4e-b8be-42b2-a0b8-a804e44fc21f" alt="The Wallet Crew offers - General Google"><figcaption><p>Check that all five mandatory fields are completed, including Provider and Redemption channel.</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 offer 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%2FGv4jlVosoAGuU2nXcIUL%2Fdesign-offer-wallet-crew-offers-barcode-google.png?alt=media&amp;token=12c24520-ff5d-4ccf-8ff9-5aa5f16551a1" alt="The Wallet Crew Offers - Barcode Google"><figcaption><p>Check that the barcode value and its alternate text match the redemption code.</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%2FLcP6ZWoZXFXf3hHJPST9%2Fdesign-offer-wallet-crew-offers-security-google.png?alt=media&amp;token=31679721-1781-4302-9c26-0f481e3de704" alt="The Wallet Crew Offers - Security Google"><figcaption><p>Check that the sharing option selected matches the campaign rules for the offer.</p></figcaption></figure>

### Colors & Images

To change the background color of the offer, 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%2F1Wfz6sAYYusbJsorH8Nl%2Fdesign-offer-wallet-crew-offers-colors-images-google.png?alt=media&amp;token=0e000975-09c8-4848-b4a4-7fcc4b876b6d" alt="The Wallet Crew Offers - 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 offer, for example the event website link.

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

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

<figure><img src="https://493872178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FChyzfDhmhZjI6WNr5qxt%2Fdesign-offer-wallet-crew-offers-smart-tap-google.png?alt=media&amp;token=601b351b-14fd-4e35-8535-b66315b4e8e3" alt="The Wallet Crew Offers - Smart tap Google"><figcaption><p>Check the Smart tap setting and the start and end dates of the offer validity window.</p></figcaption></figure>

### Messages

This section, located on the back of the offer pass, can include 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%2FlrQBTBhBFEfaQ0hwq4JO%2Fdesign-offer-wallet-crew-offers-messages-google.png?alt=media&amp;token=f50da855-f849-4261-9bbb-236c6eacc8f3" alt="The Wallet Crew Offers - Messages Google"><figcaption><p>Check that each message has a title and body, and that no placeholder text remains.</p></figcaption></figure>

### Value added opportunities

This section adds a **small section at the bottom of the offer**. 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%2FpqNL8PguqTbFEabN6bIy%2Fdesign-offer-wallet-crew-offers-value-added-opportunities.png?alt=media&amp;token=405b6f97-6015-4a65-a40a-4b754597a56e" alt="The Wallet Crew offers - Value added opportunities"><figcaption><p>Check that the bottom section content is still current before a campaign goes live.</p></figcaption></figure>

### Other sections

On Google, there are four other sections:

* **Face Value**: The price of the offer
* **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 %}

#### FAQ

<details>

<summary><strong>When should we use “Face Value” on an offer?</strong></summary>

Use it when Google Wallet should display a monetary amount as part of the offer.

Keep it consistent with what the customer will see at checkout (currency, decimals, and wording in the offer title).

</details>

<details>

<summary><strong>Do App links require a mobile app?</strong></summary>

Yes. App links are for taking customers into an Android app (or to a page the brand controls, depending on the setup).

When there is no app, keep this section empty and use standard links in the pass instead.

</details>

<details>

<summary><strong>What happens if we set Locations?</strong></summary>

Locations can help surface the pass when customers are near a specific place, and they can support location-based interactions.

Start with a small set of store locations first. Validate the experience on real devices before rolling out to all stores.

</details>

### 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/offer.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.
