Introduction

Adding your own imagery into your rewards program solidifies the strength of your brand and makes a seamless experience across your site.


Overview

Banner image

Brand icon

Launcher icon

Custom earning, spending and VIP icons

All of these images can be added and changed in your Branding or Programs sections.

βœ… This feature is only available on a Smile paid plan.


Recommended size: 1080 px x 600 px

File type: .PNG or .JPEG

πŸ“‹ Note: Image files with a transparent background are not supported.

πŸ“ Pro Tip: For the best customer experience, make sure your banner image sharply contrasts with the text that appears in this header area.

Brand icon

Recommended size: 108 px x 108 px

File type: .PNG or .JPEG

πŸ“‹ Note: Image files for icons should have a transparent background.

πŸ“ Pro Tip: If your banner image is dark, use a reversed version of your logo to make your icon stand out.

Launcher icon

Recommended size: 108 px x 108 px

File type: .PNG

πŸ“‹ Note: Image files for icons should have a transparent background.

πŸ“ Pro Tip: Adding a brand icon and your brand color to your launcher will make it easier for you to promote your rewards program on your homepage.

Earning, Spending and VIP icons

Recommended size: 108 px x 108 px

File type: .PNG

πŸ“‹ Note: Image files for icons should have a transparent background.

πŸ“ Pro Tip: Design all of your program’s icons using your brand colors to keep your program consistent with the rest of your website.


What's next?

Customize points program icons

Learn more

Display customization overview

Change rewards launcher/button look and feel

Reorder and add custom text to rewards panel program cards

Did this answer your question?