Plus · · 7 min read

Embed Loyalty Content Where It Matters On Your Ecommerce Store

Embedded Loyalty Content Feature Image - Laptop screen with loyalty landing page

A loyalty program can be an important asset to your ecommerce business, and can deliver a significant return on investment. But only if customers are engaged and using it. 

For customers to actively engage with an online loyalty program, a few things have to be true:

  • The rewards are motivating. 
  • The program is easy to use. 

Ensuring your rewards are motivating involves understanding your customers’ values, choosing an appropriate rewards program type, and offering rewards that align with both of those.

Making your loyalty program easy to use is the second factor in encouraging customer engagement. Luckily, this component is quite simple to get right if you’re using the right loyalty program software or app. With Smile.io, Shopify ecommerce loyalty programs are easy to launch, manage, and optimize. 

Launching Your Loyalty Program Quickly on Smile Plus
One advantage of Smile Plus is the ability to launch an ecommerce loyalty program fast, pre-configured with best practices.

Show your loyalty program throughout your site where your customers are shopping with embedded content. With embedded storefront components like points on the product page, dedicated loyalty landing pages, and redemption at checkout, you keep your loyalty program top-of-mind. The best part? No coding required.

All of these embedded content features are available on our newest plan, Smile Plus. Shopify ecommerce merchants who sign up for our Growth or Growth Plan unlock the benefits of integrating their loyalty program throughout their websites. 

Embed loyalty program content across your store

With powerful embedded storefront components available on our Growth and Plus Plans, you can boost the visibility and engagement of your loyalty program.  

A screenshot of the Smile.io app showing embedded content options: landing page, points on product page, points on account page, redeem at checkout, show points at checkout, and points after purchase. 
Smile.io allows ecommerce stores to embed loyalty content throughout its website. 

Choose from several fully customizable embedded content options:

  • Landing pages
  • Points on the product page
  • Points on the account page
  • Redeem at checkout
  • Show points at checkout
  • Points after purchase
screenshot of an ecommerce brand product page with a red box highlighting the loyalty points above the add to cart button
Footprints embeds its loyalty program content on its product page

Footprints USA seamlessly embeds loyalty content on its product pages with messages telling customers how many points they can earn by purchasing that product.

All of these embedded content features can be added to your Shopify loyalty program in a matter of a few clicks. They are designed to be easily implemented with little effort required. 

With embedded content throughout your ecommerce site, you can expect benefits such as:     

  • Increase perceived value 
  • Increased average order value 

When you embed loyalty data onto customer account pages, you show customers they are leaving value on the table if they don’t make a repeat purchase. Nobody likes leaving money on the table.   

screenshot of an ecommerce brand product page with a red box highlighting the loyalty points above the add to cart button
Fiesta Tableware reminds members of possible points they can earn

Loyalty landing pages explain your program

With Smile.io, you can also create a dedicated SEO-friendly landing page. Using drag-and-drop app blocks, you can customize and build your loyalty explainer page in minutes. 

screenshot of ecommerce brand sobr market's loyalty program landing page
The Sobr Market built its loyalty landing page with Smile.io

The Sobr Market is a Canadian non-alcoholic brand that built its loyalty landing page through Smile.io. This page seamlessly integrates into its website with custom text and images and is easy to find with a navigation link in the main menu. 

Through the customizable blocks, The Sobr Market uses the page to:

  • Welcome customers to its program.
  • Encourage customers to either login or sign up.
  • Explain the basic conventions of the program (join, earn, redeem). 
  • Tell customers how they can earn points. 
  • Show customers what rewards they can redeem points for. 

With a dedicated page for your ecommerce loyalty program, you can simplify your customer loyalty experience. Customers don’t need to search high and low for your program in your website footer or read through lengthy FAQs. 

📧
Link to your loyalty landing page in customer communications like emails and social media campaigns to increase program engagement. 

Loyalty landing pages are important for explaining your program benefits, encouraging sign-ups, highlighting your rewards, and promoting your program. It is also SEO-friendly, allowing another avenue for potential customers to discover you in the first place. 

100 of the Best Commerce Loyalty Landing Pages (2025)
Looking to improve your rewards program promotion? Get inspired by 100 of the best commerce loyalty landing pages. Unlock the list for free!

Redeem points at checkout to increase conversions  

Embedding loyalty across your website should extend to the most important page on your website—the checkout page. This is the money maker, literally. 

With Shopify’s checkout extensibility and Online Store 2.0 App Blocks, you can enable customers to redeem points for rewards directly at checkout, and extend this beyond the purchase to order confirmation and thank-you pages.

With Smile.io and Shopify customer data seamlessly integrated, the redemption at checkout extension will adapt to the individual customers’ point balance. Customers who do not have enough points for a reward will be told how many more points they need to earn for a reward, while customers who are eligible for a reward will see a drop-down of their current reward options.  

A screenshot of 2 Shopify checkout pages from different ecommerce sites. The first shows a customer who does not have enough points to redeem a reward, and there is a message that says: You have To redeem a discount, you’ll need 50 more. The second image shows a customer who has enough points to redeem either a $10 or $20 discount. 
Embed rewards at checkout to increase redemption rates. 

These examples show the difference between a customer who is eligible to redeem and one who isn’t. The first image shows a customer who is 50 points short of the first reward. The second image shows a customer who can redeem either a $10 or $20 discount. Either way, this message lets customers know exactly where they stand with their point balances. 

5 Loyalty Program Strategies For Shopify Plus Stores
Shopify Plus stores are the perfect candidate for loyalty programs. Discover 5 loyalty program strategies to incorporate using Smile.io.

Since launching the points redemption checkout extension, thousands of Smile.io ecommerce merchants have enabled the feature. And the success of the embedded content speaks for itself. 

📈
Shopify Plus stores using the Smile.io checkout extension saw an average increase in redemptions of 15% compared to before adding it.

When customers can see the value on the table at the most critical point in the customer journey, they’re more likely to redeem their rewards. When customers simultaneously redeem and earn points, they experience the best of your program on both ends. They receive the value your program has to offer and are motivated to receive that value again by making a repeat purchase to earn more points and redeem them again. 

🛒
When compared to the traditional redemption method, stores using the Smile.io extension saw an average redemption in checkout bias of 61%.

Compared to the traditional points redemption method with Smile.io of clicking “redeem” in the launcher and copying and pasting that unique code on the checkout page, customers prefer the checkout redemption method. This is because it simplifies the process and allows them to do everything on one page. 

Redeeming points at checkout reminds customers that they can save money on that purchase, decreasing your cart abandonment rate. When customers realize they can save money there and then, they’re much more likely to complete a purchase. 

The Guide to Setting Up a Loyalty Program for Shopify Plus
Learn how the top Shopify Plus brands create a loyalty program that customers love. Learn from the top ecommerce brands in different industries.

On the other hand, when customers don’t have enough points to redeem yet, they are told how many more points they need to get there. This is a powerful incentive for customers to complete a purchase to earn enough points to redeem next time, increasing their basket size and average order value.

Either way, showing customers their point balances and redemption options on the checkout page is a win-win. 

Embed loyalty content where it counts

The most effective Shopify loyalty programs are the ones that actively motivate and engage customers. Boost your own ecommerce loyalty program’s engagement by making it more visible throughout your website. Whether it’s displaying point balances on product pages, creating an SEO-friendly loyalty landing page, or enabling point redemption at checkout. 

Remind your customers about your loyalty program on the pages they’re already looking at. 

Read next

Boost repeat sales.
Reward with Smile today.

Launch your program in minutes. Watch your sales grow.

CTA