Where should a loyalty program live on your Shopify site?

Key takeaways

• A loyalty program needs visibility in five places on a Shopify site: the sitewide header, a dedicated landing page, the customer account page, the cart/checkout CTA, and the cart sign-in prompt.

• The customer account page helps with retention, because it shows tier and dollar progress toward the next reward.

• Free shipping for members is a high-converting cart CTA for replenishable-product brands.

• Most loyalty programs fail at the storefront layer, not at the platform layer.

• Klaviyo flows like birthday, point balance reminder, and tier-upgrade make the on-site program feel personal between sessions.

A loyalty program lives in five places on a well-designed Shopify site: the sitewide header, a dedicated landing page, the customer account page, the cart CTA, and the cart sign-in prompt. The platform you pick (Okendo, Smile, etc.) is important, but optimized on-site messaging is absolutely necessary to get things working.

Why on-site placement matters more than your loyalty platform

On-site placement is what turns a loyalty app into a working program. The platform handles point math, tier rules, and redemption. The storefront does the harder job: convincing a shopper to enroll, reminding members what they've earned, and surfacing the next reward at the moment of purchase. 

To see real lift, your program should be impossible to miss. Loyalty members need to see their tier from the header, their progress from the account page, and a member-only benefit at the moment they're deciding to check out.

Where should a loyalty program live on a Shopify site?

A loyalty program should appear in five locations across a Shopify site, in this order of importance:

Each placement does a job the others can't. Skip any one of them and the program loses ground at that step of the journey.

How should the sitewide header surface the loyalty program?

The sitewide header needs a single clear link to the loyalty program, visible on every page of the Shopify site. The label should describe the benefit, such as "Rewards" or "Earn free shipping." The link should sit close to the account icon so signed-in members can find their dashboard easily.

Don't bury the link in a mega menu. Don't hide it behind a "More" toggle on mobile. A loyalty program is a primary trust builder, the same way reviews and shipping policies are. 

What belongs on a loyalty program landing page?

A loyalty program landing page needs three sections: 

1. Clear pitch of how the program works

2. Benefits grid that shows what members earn

3. Sign-up CTA above the fold

The pitch should answer "what do I get and what do I have to do" in two sentences. The grid should show every earning action and every reward in plain language. The CTA should be the only primary button on the page.

For tiered programs, add a fourth section: a tier comparison that shows what each level unlocks, and keep the visual hierarchy simple. Members shouldn't have to study the page to figure out which tier they're aiming for. If the interface needs explaining, it isn't working.

How should the customer account page show tier and progress?

The customer account page should show three things: current tier, dollar amount spent toward the next tier, and the next reward the member will unlock. Display these at the top of the page, above any order history. A supplement brand we work with redesigned its account page around this hierarchy to give enrolled members a reason to return between purchases.

Avoid hover-to-reveal interactions on tier progress. Avoid disabling buttons before a member has earned a reward. Use clear progress indicators with text labels, accessible focus states, and error messages that explain what's missing. 

A grayed-out reward doesn't tell anyone why they can't claim it. A specific message ("Spend $24 more to unlock") does.

What's the highest-converting loyalty CTA in the cart?

For replenishable-product brands, we’ve seen high conversions with free shipping for members. Free shipping outperforms percentage-off offers because it removes the most visible friction in the cart: the shipping line item. A "Join free, get free shipping" CTA placed near the subtotal turns the cart into an enrollment moment without disrupting checkout flow.

For brands selling considered purchases (furniture, premium electronics), the strongest CTA is usually early access or a tier-specific discount. 

How should the cart sign-in prompt work for member acquisition?

The cart sign-in prompt should appear once the cart has items, positioned above the checkout button. Two lines is enough: a benefit statement ("Members get free shipping on this order") and a sign-in or sign-up link. Don't gate checkout behind sign-up. 

This placement often converts more new members than the landing page does. Shoppers with items in the cart have already decided to buy. The sign-up cost is low, the benefit is concrete, and the moment is right.

How should loyalty placements differ on mobile vs. desktop?

Mobile loyalty placements need to fit tighter scroll depth and smaller tap targets, but the five locations stay the same. 

• The header link moves into the slide-out menu, near the account icon. 

• The account page becomes the single most important surface, because mobile users return through the account icon more often than they do on desktop. 

• The cart sign-in prompt has to sit above the fold of the cart drawer.

Don't hide loyalty content on mobile that's visible on desktop. If tier progress matters on the desktop account page, it matters on the mobile one. 

What Klaviyo flows should reinforce the on-site program?

Four Klaviyo flows to consider for keeping loyalty programs active: 

1. Birthday reward — drives some of the highest open rates in the Klaviyo ecosystem when paired with a unique reward. 

2. Point balance reminder — works best when sent before points expire.

3. Tier-upgrade celebration — validates members' progress in a way the account page alone can't.

4. Win-back — for inactive members.

Each flow gives members a reason to return to the site, which is where the placements above take over.

Together, the flows and the on-site placements form a loop: the storefront earns the sign-up, the email keeps the relationship warm, and the next visit pays off.

How many incentives should a new loyalty program launch with?

A new loyalty program should launch with three to six incentives. Common day-one incentives include:

• Points for purchases

• Free shipping for members

• A sign-up bonus

• A birthday reward

• A referral reward

• A review reward

Save subscription-tier savings, sample-with-purchase, and tier-specific Black Friday discounts for Phase 2. Too many incentives right off the bat dilutes the message. Members can't engage with what they can't remember. 

Need help designing a loyalty strategy that works?

Fuel Made is a Shopify Plus and Klaviyo Master Elite Partner. We design loyalty experiences that live across the storefront and marketing channels. Get in touch with our team to learn more.