Settings
Company Account

Branding Settings

11min

Branding settings are applied globally across Loyalty App, Sign Up Forms, Reviews, and Texting. Please see detailed placements below.

Images

Image Uploads; Branding Settings
Image Uploads; Branding Settings


Logos

Small Logo: This is the default logo shown on customer-facing pages.

  • PNG or JPG, recommended size is 400 x 400px
  • GIF, animation 30 secs max. Max file size: 2MB

Full Logo: This logo is used in the top navigation when looking at the Web Wallet on a desktop device.

  • PNG or JPG, recommended size is a max height of 300px

Cover Photo

This is the default banner image show on customer-facing images, such as sign up forms, web wallet/native app, surveys, review pages, etc.

  • PNG or JPG, recommended size is 1000 x 300px
  • GIF, animation: 30 secs max
  • Max file size: 2MB

Uploading Logos

  1. To upload logo, choose 'Select Image'.
  2. When your native file picker opens, select logo and click 'open.'
  3. To remove image, select 'Remove image.'

Colors

Brand colors apply to loyalty app interface.

Document image


Change Brand Colors

  1. To change brand colors, manually enter hex code in appropriate field.
  2. Alternately, click on color swatch to open the color picker. Select appropriate color and click anywhere outside the color picker to close.

Buttons

Primary and Secondary button colors apply throughout the Loyalty App and in Sign Up Forms.

Primary Button: Applies throughout Loyalty App and in Sign Up Forms.

Secondary Button: Applies only to Loyalty App.

Document image


Change Button Colors

  1. To change button colors, manually enter hex code in appropriate field.
  2. Alternately, click on color swatch to open the color picker. Select appropriate color and click anywhere outside the color picker to close.

Form Fields

Form field settings apply to sign up forms.

Document image


Change Border Color

  1. To change button colors, manually enter hex code in appropriate field.
  2. Alternately, click on color swatch to open the color picker. Select appropriate color and click anywhere outside the color picker to close.

Border Radius

  1. Manually enter border radius. Radius unit is px.