Template Design Tutorial

After you create a new template, you are prompted to start building the template design, which includes configuring its appearance and fields. Also follow these steps when editing an existing template.

This tutorial walks you through creating a template using the Template Editor.

 Note

The sample images on this page are for Google Pay templates. Please refer to each step's linked documentation for full detail for both Apple Wallet and Google Pay template options.

Select a Template

If you just created a new template and clicked the Start Building button, your screen will be open to the template editor. You can skip to the Design step.

To edit an existing template:

  1. Open your mobile wallet project and go to Templates.
  2. Click anywhere in a template's row to see its expanded view, then click Edit Design.
  3. Continue with the design steps below.

Design a Template

Edit the template's appearance and fields.

  1. Configure the general settings that apply to the entire template rather than to a single field. Available properties vary per pass type. Return to these settings at any time by clicking the paintbrush icon in the upper right corner of the pass preview. Read more about general settings.
  2. Add images. Click in the preview to select each image. A modal window will open, specifying requirements and options. Read more about images.
  3. Edit the content and placement of the pass fields. Click in the preview to select a field and its configuration pane will display on the right side of the screen. You can edit the field ID, delete the field, change the position of the field on the pass, or remove the field from the layout. Read more about pass fields.
     Important

    Google Pay Class fields are edited inline in the preview. Clicking on a class field will not expose a configuration pane. See: Template Editor Overview: Google Class Fields.

  4. Click Save at any point in the design process.

Now that you have a saved template, you are ready for the next steps:

  • Send the pass to yourself so you can preview it on a mobile device. See: Send a Test Pass.

  • Generate passes based on your template:

  • Set the sharing policy for your templates.

    By default, templates allow pass sharing across users and devices. You can change the sharing policy for templates from the Templates menu for a wallet pass project.

    1. Open your wallet project and click Templates.
    2. Select the template you want to edit. If you have only one template in the project it is already selected and expanded.
    3. Click Update for the Sharing Policy field.
    4. Choose a sharing policy and click Save.