--- title: "White Label Your Loyally.ai Portal" description: "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." url: https://help.loyally.ai/en/articles/100-white-label-your-loyallyai-portal collection: "White Label" updated: 2026-10-01 language: en --- # 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:** **Note**: White labeling is available on the **Premium Plan**. Upgrade in **Settings** > **Plan** 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. * * * ![](https://staticfiles.gleap.io/ghelparticle/BjuhqzcKxne6PDIo3t5ztRx5jsyn6tqHqyhXROqraWYBOKkw7w5BhoRwtgKnyStfdzmZWcKgjBm.png) ### 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:** **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. ![](https://staticfiles.gleap.io/ghelparticle/gfGTIZ8Ahrr6ItlYTH6CTgMAbduNH8xZuCIGUkDikyRH0yRH3Bvnd7jY9sa87FXGnSfhVrwN5OR.png) ![](https://staticfiles.gleap.io/ghelparticle/seHbBWyjV00tBDMDoRdTpwbd0v7o59qiBn5XaZ0HrPyjNHt2brSpeoTtjfR14t8riaYgX6tzcMJ.png) ![](https://staticfiles.gleap.io/ghelparticle/319rrksIRl0RCQ8sAM5xQ3DsSD0mJ9oh1ykxdZaPSBad9MhlMfGPGaiNoZD3krp50rGVoUIVoiR.png) * * * > **Info:** After connecting, we recommend using your new domain/subdomain that you’ve connected (e.g. `app.yourdomain.com`) ## 2\. Upload Brand Assets ![](https://staticfiles.gleap.io/ghelparticle/QAc1bi0O0njrkOOqLVjLiXobZeabWwFkFYkVYwsUpu6BhiHp5kLDE1hUmtflHj2ZwxxXniNrzPR.png)

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.