company logo

Help center

Go to Loyally.ai
Login
HomepageRoadmapFeature RequestBlogCreate an accountGet in touch
All collectionsSettingsWhite LabelWhite Label Your Loyally.ai Portal

White Label Your Loyally.ai Portal

Step-by-step instructions to set up a custom domain, upload your logos and favicons, choose your brand colors, and configure meta tags—so your customers always see your branding in the Loyally.ai experience.


info icon
Note: White labeling is available on the Premium Plan. Upgrade in Settings > Billing to unlock these features.

Why White Labeling Matters

Your loyalty program is an extension of your brand. When customers see your colors, logos, and domain, it:

  • Boosts Trust — Familiar branding reassures customers they’re in the right place.

  • Increases Engagement — A seamless experience keeps focus on your offers, not ours.

  • Drives Conversions — Consistent visuals reduce friction, helping users complete actions faster.


  • What you’ll do: Link your own domain; upload logos, favicons, and hero images; pick your color palette; set meta tags; and tweak on‐card text.

  • Why it matters: Keeps customers in your brand environment, builds trust, and removes distractions.


Quick Guide

Settings > White Label

  1. Link Domain

  2. Upload Logos & Favicons

  3. Add Login/Signup Images

  4. Pick Colors & Save

  5. Configure Meta Tags

  6. (Optional) Customize Card Text & Scanner App


1. Connect Your Custom Domain

You can use any domain you own—or create a subdomain (e.g. app.yourdomain.com)—to get a fully white-labeled portal.

  1. In your Loyally.ai dashboard, go to Settings > White Label.

  2. Under Connect Domain, enter the domain or subdomain you’d like to use.

  3. In your domain registrar’s control panel (e.g. Cloudflare, Namecheap, GoDaddy, etc.):

    • Navigate to the DNS or zone settings for that domain.

    • Create a CNAME record:

      • Name/Host: your chosen domain or subdomain (e.g. app if you’re using app.yourdomain.com)

      • Value/Target: ns.digitalwallet.cards

      • If you use Cloudflare, set the DNS record to DNS only (disable the proxy orange cloud) to ensure proper SSL provisioning.

  4. Click Continue in Loyally.ai.

  5. Wait up to 24 hours for DNS propagation and SSL provisioning. Then click Update status. The status will update from “Pending” to “Active.”

info icon
Tip: Many customers choose an app. subdomain (e.g., app.yourdomain.com) because it’s intuitive—but you’re free to connect any domain or subdomain you prefer.

info icon
After connecting, we recommend using your new domain/subdomain that you’ve connected (e.g. app.yourdomain.com)

2. Upload Brand Assets

Asset Type

Tip

Recommended Dimensions

Notes

Logo (light variant)

Light-mode Logo (PNG ≤ 3 MB)

Horizontal logo, file size less than 3mb

The recommended proportions are 16/3 at least 210x44px.

Transparent background recommended

Dark-mode Logo (PNG ≤ 3 MB)

Dashboard Branding > Logo (Dark Variant)

For dark-theme users

Favicon (PNG)

Dashboard Branding > Favicon (PNG)

32 × 32 px or 64 × 64 px

Favicon (SVG)

Dashboard Branding > Favicon (SVG)

Scales crisply on all devices

Sign-In Screen Image

Dashboard Branding > Sign-In Screen Image

≥ 1200 × 600 px; appears on login page

Sign-Up Screen Image

Dashboard Branding > Sign-Up Screen Image

≥ 1200 × 600 px; appears on registration page


3. Pick Your Palette & Configure Meta Tags

Interface Colors

  1. Scroll to Interface Colors.

  2. Use the pickers to set header, menu, button, and hover colors.

  3. Click Save Colors.

    • Tip: Verify contrast ratios (≥ 4.5:1) so text remains legible.

Meta Tags

  1. In Meta Tags, fill in:

    • Page Title (browser tab)

    • Social Media Title & Description (link previews)

    • Upload a Social Media Image (1200 × 630 px recommended)

  2. Click Save.

    • Why it matters: Ensures your brand appears correctly when customers share links or find you via search engines.


4. (Optional) Customize Card Text & Scanner App

Card Text

  1. Under Text on Cards, enter the message beneath the barcode (e.g., “Powered by [YourBrand]“ or “Earn 1 point per $1 spent”, etc.).

  2. Toggle Front-of-Card Text and Back-of-Card Text on/off.

  3. Click Save.

Scanner App Branding

(Only if you use our mobile Scanner App.)

  1. Click Scanner Branding.

  2. Upload your App Icon (512 × 512 px) and Header Logo.

  3. Choose header background, text, and button colors.

  4. Preview in the dashboard, then click Install or copy the distribution link.

Did this answer your question?
😞
😐
😁