# Offer

## What are offers for?

Offers are designed to distribute promotional incentives to your customers in a simple, digital format. They help you 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’re a new client looking to create a template for the offer you’ll distribute to your customers, or a Wallet Crew expert wanting to update an existing template, this article will guide you step by step through our Template Designer. The goal is to configure an offer template that reflects your brand identity, displays the right information to your 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](https://docs.thewalletcrew.io/design/gift-card) instead.

### Architecture

Apple and Google have their own offer templates.

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

<figure><img src="https://3566051324-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWLc8AHXW4tdrAXUBfrYF%2Fuploads%2FbabwemofwcfEfFesYRCk%2FCapture%20d%E2%80%99e%CC%81cran%202026-02-20%20a%CC%80%2009.37.47.png?alt=media&#x26;token=18728b54-86ac-4180-8483-432ef982336f" alt="The Wallet Crew offer - Apple architecture"><figcaption><p>Offer template designer (Apple)</p></figcaption></figure>
{% endtab %}

{% tab title="Google" %}

<figure><img src="https://3566051324-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWLc8AHXW4tdrAXUBfrYF%2Fuploads%2Fb151ZO8rkljKpyjhjqmm%2FCapture%20d%E2%80%99e%CC%81cran%202026-02-20%20a%CC%80%2009.37.56.png?alt=media&#x26;token=0dae64b2-dfa7-401e-8e28-b58a663c9478" alt="The Wallet Crew Offers - Google architecture"><figcaption><p>Offer template designer (Google)</p></figcaption></figure>
{% endtab %}
{% endtabs %}

{% hint style="info" %}
**If you want 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

With The Wallet Crew, you have access to a template designer that allows you to personalize the offer passes you will distribute to your clients. 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

On the general section, you have two mandatory field that you must fill :

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

You also have the possibility of putting a text next to your logo, **activate the sharing of the ticket** if you want your customers to be able to share it or not with other people, and the **“void feature” for the coupons**.

You can also **define the distance** from a relevant latitude and longitude that the offer pass is relevant, for **geofencing notifications.**

<figure><img src="https://3566051324-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWLc8AHXW4tdrAXUBfrYF%2Fuploads%2FhtjPBpibPqGRJoAhpQ6T%2FCapture%20d%E2%80%99e%CC%81cran%202026-02-20%20a%CC%80%2010.05.45.png?alt=media&#x26;token=d1fbbae9-1545-4654-81bb-4b85e1a2f398" alt="The Wallet Crew Offers - General Apple"><figcaption></figcaption></figure>

### Barcode

Choose the **type of barcode** that is compatible with your control hardware. The barcode value corresponds to the **identifiers** that will allow you to identify the offer 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://3566051324-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWLc8AHXW4tdrAXUBfrYF%2Fuploads%2FAy17GM0P9UcToKtsHFCT%2FCapture%20d%E2%80%99e%CC%81cran%202026-02-20%20a%CC%80%2010.08.22.png?alt=media&#x26;token=9be51b3a-8bf8-4e45-8832-147835163c06" alt="The Wallet Crew Offers - Barcode Apple"><figcaption></figcaption></figure>

### Colors & Images

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

### 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://3566051324-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWLc8AHXW4tdrAXUBfrYF%2Fuploads%2F2NrI5fZ9dgpYMVPPLJ8q%2FCapture%20d%E2%80%99e%CC%81cran%202026-02-20%20a%CC%80%2010.12.07.png?alt=media&#x26;token=3d14193d-24ba-44af-8ab9-c30569a36a5f" alt="The Wallet Crew Offers - Header field Apple"><figcaption></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 you will choose is the same for every user (per language), but you can customize the value to display the expiry date for example.

<figure><img src="https://3566051324-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWLc8AHXW4tdrAXUBfrYF%2Fuploads%2FPfiYF37bDFQ9odMrCPZw%2FCapture%20d%E2%80%99e%CC%81cran%202026-02-20%20a%CC%80%2010.14.14.png?alt=media&#x26;token=accec5a3-74fa-416c-9769-718e0161f8b9" alt="The Wallet Crew Offers - Front fields Apple"><figcaption></figcaption></figure>

{% hint style="warning" icon="wand-magic-sparkles" %}
**To personalize the front fields please refer to your tech team to find which dynamic value you have 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://3566051324-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWLc8AHXW4tdrAXUBfrYF%2Fuploads%2FmCDflDxMzdQdijaK16Dj%2FCapture%20d%E2%80%99e%CC%81cran%202026-02-20%20a%CC%80%2010.17.56.png?alt=media&#x26;token=dce9dc2a-ad98-43c1-a94f-47b73966e4cf" alt="The Wallet Crew Offers - Backfields Apple"><figcaption></figcaption></figure>

### Other sections

On Apple, you also have four other sections :

* **Locations** : Used for geofencing notifications.
* **Beacons** : Also used for geofencing notifications.
* **Associated store identifier** : You can link your application if it's located on Apple Store
* **NFC** : A feature that allows customers to exchange digital content, and connect electronic devices with a touch.

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

{% hint style="danger" %}
**Once you’ve done some modifications, don’t forget to click on “save” on the top of your screen!**
{% endhint %}

## Google

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

{% hint style="warning" %}
**Here are a few things you need to know before configuring your 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

On the general section, you have three **mandatory fields** that you must fill :

* **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 your ticket (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://3566051324-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWLc8AHXW4tdrAXUBfrYF%2Fuploads%2FCfDpQegi6KVq4zx2tMQc%2FCapture%20d%E2%80%99e%CC%81cran%202026-02-20%20a%CC%80%2010.31.42.png?alt=media&#x26;token=4c1f2e82-8c10-4f92-bbee-9d06f23603ee" alt="The Wallet Crew offers - General Google"><figcaption></figcaption></figure>

### Barcode

Choose the **type of barcode** that is compatible with your control hardware. The barcode value corresponds to the **identifiers** that will allow you to identify the offer 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://3566051324-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWLc8AHXW4tdrAXUBfrYF%2Fuploads%2FQbRzDXFXPYodalIl65wb%2FCapture%20d%E2%80%99e%CC%81cran%202026-02-20%20a%CC%80%2010.36.34.png?alt=media&#x26;token=3863a2b0-fee1-4533-9df2-5d867f1d9a55" alt="The Wallet Crew Offers - Barcode Google"><figcaption></figcaption></figure>

### Security

When you configure a template, you need to decide **whether the customer can share their pass or not**. Regarding Google you have three option:

* **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://3566051324-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWLc8AHXW4tdrAXUBfrYF%2Fuploads%2FWSOh2FJ2rzIGIi5XkZZ7%2FCapture%20d%E2%80%99e%CC%81cran%202026-02-20%20a%CC%80%2010.45.17.png?alt=media&#x26;token=89cb88b9-60ac-4ffd-8aa4-c45d8389887d" alt="The Wallet Crew Offers - Security Google"><figcaption></figcaption></figure>

### Colors & Images

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

<figure><img src="https://3566051324-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWLc8AHXW4tdrAXUBfrYF%2Fuploads%2FrWlz4W4n3APhHfn1L5X9%2FCapture%20d%E2%80%99e%CC%81cran%202026-02-20%20a%CC%80%2010.54.57.png?alt=media&#x26;token=c90088bb-a408-40c8-92a5-27de98808410" alt="The Wallet Crew Offers - Colors and images Google"><figcaption></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>

You can decide to add **additional links** to the customer's offer, for exemple the event website link!

Furthermore, you can also configure the **Smart tap feature** that allows your customer to simply **validate their offer** by taping their device on your compatible hardware terminal.

Finally, the Valid time interval section allows you to **define a start and an end date** to your offer!

<figure><img src="https://3566051324-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWLc8AHXW4tdrAXUBfrYF%2Fuploads%2Fo7V6Nfa6DRejSomFS8Y2%2FCapture%20d%E2%80%99e%CC%81cran%202026-02-20%20a%CC%80%2010.57.13.png?alt=media&#x26;token=8c2ad316-183b-40e4-816c-06455722cc15" alt="The Wallet Crew Offers - Smart tap Google"><figcaption></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://3566051324-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWLc8AHXW4tdrAXUBfrYF%2Fuploads%2FnYeUiJw1kTt95svvfC2w%2FCapture%20d%E2%80%99e%CC%81cran%202026-02-20%20a%CC%80%2010.59.13.png?alt=media&#x26;token=0d17a45e-f388-4d7e-8f13-2a5557b00b60" alt="The Wallet Crew Offers - Messages Google"><figcaption></figcaption></figure>

### Value added opportunities

This section allows you to add a **small section at the bottom of the offer**. This is used to display offers, or news.

<figure><img src="https://3566051324-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWLc8AHXW4tdrAXUBfrYF%2Fuploads%2FGMyo020HWJT92b60B6P7%2FCapture%20d%E2%80%99e%CC%81cran%202026-02-20%20a%CC%80%2011.00.47.png?alt=media&#x26;token=d6b9cd58-cf45-4888-908f-d8f44707ccfb" alt="The Wallet Crew offers - Value added opportunities"><figcaption></figcaption></figure>

### Other sections

On Google, you also have 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 you’ve done some modifications, don’t forget to click on “save” on the top of your screen!**
{% endhint %}

#### FAQ

<details>

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

Use it when you want Google Wallet to display a monetary amount as part of the offer.

Keep it consistent with what your 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 your Android app (or to a page you control, depending on your setup).

If you don’t have an 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](https://docs.thewalletcrew.io/design/broken-reference).
* To distribute the pass, use [Distribution (SDK)](https://docs.thewalletcrew.io/design/broken-reference).
