Loyalty Portal Generator

⚡ Quick Start

Analyze customer URL with AI

Paste the customer's homepage — AI extracts brand identity, colors, and generates industry-appropriate vouchers, offers, badges, and copy. You can still edit anything after.

Detecting mode…

Your API Key (optional — leave blank to use the default backend)

sk-ant-… → Anthropic direct API · sk-… → Salesforce LLM Gateway (VPN). Key stays in this browser only.

Scraper / Backend Endpoint (optional — override default):

Serves both scraping (/scrape) and the default LLM proxy (/llm). See worker/README.md to run your own.

Upload ID (Page Host — only if auto-detection fails):

Step 1 of 7

Brand & Identity

Tell us about the customer's brand — the name, industry, and logo shape every downstream default.

Brand Name *

Industry

Program Name

Shown as the portal's main heading. Leave blank for "My Loyalty Perks".

Brand Logo

📷 Drop image or click to upload

PNG, JPG, SVG — or use URL below

Step 2 of 7

Colors & Theme

Pick brand colors for the portal. Start from an industry palette, then fine-tune each token.

Quick Industry Palettes

Primary Color

Accent Color

Background Color

Dark / Text Color

Menu Bar Color

Background color for the top navigation bar in the generated portal.

Step 3 of 7

Tiers & Member Profile

Configure loyalty tiers and the demo member the preview will render with.

Loyalty Tiers

Tier 1 Name

Points

Tier 2 Name

Points

Tier 3 Name

Points

Tier Progress (%) 30%

Demo Member Profile

Name

Member #

Points

Phone

Join Date

Profile Picture (optional)

📷 Drop image or click to upload

Square images work best — or paste a URL below

Step 4 of 7

Vouchers

Include

Add reward vouchers members can redeem.

Step 5 of 7

Offers, Badges & Clubs

Configure promotions, achievement badges, and social clubs.

Offers & Promotions

Include

Badges

Include

Social Clubs

Include

Step 6 of 7

More Sections

Benefits, earn actions, profile tasks, upsell, and navigation.

My Benefits (expandable section)

Earn More Actions

Include

Complete Profile Tasks

Include

Upsell Banner

Include

Title

Subtitle

Price

Period

Tagline

CTA Button

Upsell Appearance

Background Color

Title Color

Subtitle Color

Price Color

Period Color

Background Image (optional — layered under the color gradient with a scrim)

📷 Drop image or click to upload

Navigation Links

Step 7 of 7

Preview & Export

Review your portal and download the HTML — it's fully self-contained.

The downloaded HTML file is fully self-contained — open it in any browser for a live demo.

Live Preview