Skip to main content

Documentation Index

Fetch the complete documentation index at: https://help.smile.io/llms.txt

Use this file to discover all available pages before exploring further.

A consistent look and feel builds trust and recognition with your customers. Smile makes it simple to customize your loyalty program’s design — from colors and shapes, to wallpapers, banners, and launcher placement — so your program reflects your brand identity.
Important: Display changes can take up to 15 minutes to appear on your site. If you don’t see updates right away, wait a few minutes and refresh your browser cache before checking again.

​
Theme

Your Smile theme defines the main visual elements of your loyalty program. To make updates, go to Settings ’ Branding ’ Theme. You can update:
  • Brand colors — Choose your primary and secondary colors. Use the color picker or enter an HTML color code to match your exact palette.
  • Shapes — Adjust the corners, cards, buttons, and inputs to create either a soft or sharp aesthetic.
  • Wallpaper — Add a patterned background behind your banner image and program cards to reflect your brand’s personality.
  • Banner image and brand icon — Your banner image appears at the top of the panel, while your brand icon displays in the top-left corner.
    • Banner image: 1080 × 600 px
    • Brand icon: 108 × 108 px
  • Launcher placement and visibility — Adjust where your program launcher appears on your site, and choose whether it’s visible on mobile and/or desktop.

​
Launcher

The launcher is your customer’s entry point to the program — displayed as a button on your site. To update your launcher, go to On-site content ’ Launcher ’ Customize. You can:

​
Panel

The panel is where customers explore your loyalty program — viewing their points, rewards, and ways to earn more. You can update its layout and content to match your brand tone and structure. To make changes, go to On-site content ’ Panel ’ Customize. The panel is organized into different sections (such as Points, Referrals, and VIP), each with its own content. You can:
  • Edit your loyalty program name in the Header card.
  • Edit titles and descriptions for program cards within each section of the panel.
  • Reorder program cards within the panel.
  • Edit the Account creation button, title, and description
  • Note: At this time, it’s not possible to edit the order that earning rules appear in the panel.
Tip: You can edit content separately for Visitors and Members to create a personalized experience for each group.

​
Summary

With Smile’s flexible branding options, you can design a loyalty program that feels like a natural extension of your brand. From theme colors to panel layout and launcher placement, every detail can be tailored to create a cohesive, on-brand customer experience.