How to connect Smile.io to Customer Hub

How to connect Smile.io to Customer Hub

Estimated 3 minute read

Updated Mar 13, 2026, 12:00 AM EST

Table of contents

Before you begin
Connect Smile.io and Customer Hub
Customize display for non-loyalty members and unauthenticated visitors
Next steps
Additional resources

Learn how to connect Smile.io to Customer Hub to incorporate customer loyalty data directly into your onsite Customer Hub interface.

Connecting Smile.io with Customer Hub allows you to:

Showcase customer loyalty and rewards data directly within the Customer Hub interface.
Encourage engagement and participation in your loyalty program.
Tailor the onsite Customer Hub experience according to each customer’s loyalty status.
Allow customers to redeem loyalty points and rewards directly through the Customer Hub.

The Smile.io extension supports standard Shopify storefronts and Shopify Headless. It is not supported for WooCommerce. For Customer Hub setup on WooCommerce, see Getting started with Customer Hub for WooCommerce.

Before you begin

Before connecting, set up Customer Hub and install Smile.io on your Shopify storefront. You need a plan that includes Customer Hub’s paid features or an active Customer Hub trial.

This article provides step by step instructions for integrating Smile.io and Customer Hub. For more information about how data syncs between the 2 platforms and how customers can interact with loyalty data in Customer Hub, see our Smile.io and Customer Hub integration reference.

Connect Smile.io and Customer Hub

You can enable Smile.io to display data in Customer Hub in a few steps:

If you have the Customer Hub feature live in Klaviyo, saving this change publishes it to your site. If Customer Hub is hidden, set Customer Hub live when you’re ready for customers to use it.

In Klaviyo’s main, left-hand navigation, select Website > Customer Hub.
Click Extensions.

Under Loyalty, select Smile.io from the provider dropdown.

Click Save.

Once enabled, Klaviyo begins dynamically displaying visitors’ loyalty and rewards data from Smile.io in Customer Hub. This enables customers to quickly and easily view and redeem their rewards. Learn more about what data syncs from Smile.io to Customer Hub and how it displays to customers.

Customize display for non-loyalty members and unauthenticated visitors

Klaviyo cannot surface loyalty data for site visitors who haven’t logged in to an account or joined your loyalty program yet; however, these types of shoppers can still engage with Customer Hub.

Visitors who aren’t logged in are prompted to sign in. Visitors Klaviyo hasn’t recognized see your configured login heading, while recognized visitors may see a personalized greeting. You can customize the login heading to highlight your loyalty program’s benefits:

Open Customer Hub > Design and click Edit your Hub.
Set the preview to Open, select For you from the dropdown above the Hub preview, and set the login-status toggle to Logged out.
In the right-hand panel, under Fixed layout, select Heading within Login block.
Edit the Heading to highlight your loyalty program’s benefits, then click Save.

Next steps

The loyalty summary shows active points balance, the next or best reward, and a loyalty tier when available. Customers can open the summary to view their Rewards page, including redeemable rewards, available coupons, Ways to earn, and a referral link when your referral program is active. To include Smile.io data in your own content blocks, you can use personalization tags in a content block to display additional profile data from Smile.io, such as Smile VIP Tier Name or Smile Referral URL, for a more personalized experience.

Smile.io and Klaviyo need to be integrated to sync additional properties from Smile to Klaviyo profiles and use them in content blocks. Learn how to integrate Smile.io and Klaviyo.

Additional resources

Smile.io and Customer Hub integration reference

Learn how data syncs between Smile.io and Customer Hub and how customers can interact with your loyalty program directly through the Customer Hub interface. - How to create content blocks for Customer Hub

Learn how to create content blocks for your Customer Hub. Content blocks are highly customizable and personalizable blocks that have access to Klaviyo profile data which allow you to display integrations (e.g. loyalty point balance), personalized offers, and more. - How to style your Customer Hub

Learn about design options for styling your Customer Hub drawer, and how you can design it to match your brand. Because the Customer Hub interface is ingrained in the customer experience, it’s best practice to style it to appear as an extension of your website.

Was this article helpful?

YesNo

Use this form only for article feedback. Learn how to contact support.