Skip to content
Browse the docs

Using Viffy

Branding

Set how each brand’s offer pages and wallet passes look, then fine-tune each offer’s pass.

Choose what to style

Open Branding. The list shows your organization default, then each of your brands. Open a brand to see its brand look and its offers.

A published brand look applies to campaigns using that brand’s offers. Brands without one use your organization default. If neither is published, they use Viffy’s default appearance.

Branding changes how an offer looks and how its offer page words it. The savings, qualifying products, purchase requirement, dates, terms, and the brand’s legal name come from the brand’s offer and can’t be changed here.

Edit a brand look

  1. Choose colors and images

    Set the brand, action, page, and text colors, then add a logo and optional hero image.
  2. Choose the background and text

    Choose Solid, Gradient, or Hero image, and edit the headline and other text fields. If shoppers know the brand by a different name than its legal name, add it in Brand name for shoppers.
  3. Check both previews

    Review the offer page and wallet pass previews. Use Preview with to see the pass for one of the brand’s offers. Fix any readability warnings and wait for the preview to show your latest changes.
  4. Publish

    Choose Publish to apply the brand look to live offer pages. Confirm the saved status before leaving the page.
Changing a brand look updates live offer pages for that brand. Existing Apple Wallet passes keep their earlier appearance; Google Wallet passes can update.

Image requirements

ImageFile typeLargest file
LogoPNG512 KB
Hero imagePNG or JPEG2 MB

Images can be up to 8,192 pixels wide or tall, with no more than 20 million pixels in total (for example, 5,000 × 4,000). If an upload fails, resize it or save it in the required format and try again.

Viffy sizes each image to fit where it appears, keeping its proportions, so shoppers load the offer page quickly.

Customize one offer’s wallet pass

A brand look styles every offer from that brand. To give one offer its own product name and photo on the wallet pass, or its own wording on the offer page, open Branding, open the brand, and choose the offer. You can also open the offer on the Offers page and choose Edit pass.

The pass keeps the brand look’s logo, colors, and brand name. To change those, choose Edit brand look. Where to use the code comes from the campaign’s retailer.

  1. Name the product

    Add a short name for the top of the pass and the product name shown above the savings. Each empty field says where its value comes from.
  2. Help shoppers find it

    In Finding the product, add one sentence about the package or where it sits in the store. It becomes the first step of How to use on the back of the pass.
  3. Reword the offer page

    In Offer page text, change the title, description, or second line shoppers read on the offer page, or hide the second line. Empty fields use the brand’s own words.
  4. Add a product photo

    Choose a photo and position it so the left side stays clear. Viffy makes the Apple Wallet and Google Wallet sizes from it.
  5. Choose the text on the photo

    Viffy draws the savings and product name on the left of the photo. Choose a text size and color, or leave the color on Automatic to use whichever reads best.
  6. Check the preview

    Review the front and back for both wallets. Shorten any text marked as cut off.
  7. Publish

    Choose Publish. Passes shoppers save after that use your settings.
ImageFile typeSize
Apple Wallet stripPNG1,125 × 432 pixels
Google Wallet imagePNG or JPEG1,032 × 336 pixels

If you already have artwork at these sizes, choose Use your own files and upload each one. The product name and photo also appear on the offer page.

Passes already in shoppers’ wallets won’t change.

Save a draft or remove a published brand look

For an unpublished brand look, choose Save as draft to keep your edits without showing them to shoppers. In the list, a saved draft shows Draft.

For a published brand look, Unpublish and save as draft removes it from live pages. A brand then uses the default appearance described above.

If you switch to another brand or offer before saving, Viffy asks whether to discard your changes.

For help with a blocked Publish button, see Branding troubleshooting.