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
Choose colors and images
Set the brand, action, page, and text colors, then add a logo and optional hero image.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.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.Publish
Choose Publish to apply the brand look to live offer pages. Confirm the saved status before leaving the page.
Image requirements
| Image | File type | Largest file |
|---|---|---|
| Logo | PNG | 512 KB |
| Hero image | PNG or JPEG | 2 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.
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.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.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.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.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.Check the preview
Review the front and back for both wallets. Shorten any text marked as cut off.Publish
Choose Publish. Passes shoppers save after that use your settings.
| Image | File type | Size |
|---|---|---|
| Apple Wallet strip | PNG | 1,125 × 432 pixels |
| Google Wallet image | PNG or JPEG | 1,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.
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.