Integration Overview & Benefits
The Smile Loyalty and Tapcart integration creates an App-First Loyalty experience with push messaging that drives customer engagement. Shoppers can easily view points and tiers, redeem rewards, and earn perks for app-specific actions like downloads and push opt-ins. Your app becomes more than a sales channel—it’s a direct line to your best customers, where every session is a chance to engage, reward, and retain.
Loyalty Center
Our dedicated Loyalty screen is nested under the Account page. This new page is meant to be the HQ for Loyalty and built to drive customer engagement. Through displaying available points and current tier to displaying the various ways to earn for your brand in particular – this page helps customers understand how to engage with your Loyalty program, improves customer loyalty and ultimately drives customer lifetime value.
Loyalty Tier Overview
Show available points & tier progress
Loyalty Rewards Summary
Show number of available rewards – upon being clicked on, this block opens the Rewards Drop Down where users can add a reward to their order
View History
Users can view a log of previously earned points and redeemed rewards
Fixed Rewards & Product Redemption
Our new integration allows for streamlined point redemption throughout the shopping journey. Through the Redemption Drop Down, users are easily able to see what products or perks are available to be redeemed using the points they’ve accrued. Users can also see how many points they’d need to redeem other products to encourage additional spending or engagement with the brand.
App-Focused Rewards
Incentivizing customers to convert to the app has never been easier with our new Loyalty integration. Brands can now easily reward customers for downloading the app or for opting into push notifications. Reward customers for joining your highest LTV channel and even encourage new customers to make their first purchase in the app.
Shopify Account Compatibility & Recommendations
Our Smile Loyalty experience supports both New Customer Accounts and Classic Accounts. To ensure customers can take advantage of your brand’s Loyalty program from the jump we recommend selecting ‘All Customers’ from within Smile’s Program Participants Loyalty settings (Smile Dashboard > Settings > Program participants).
Note: Using App Studio, brands are encouraged to bring Loyalty to life through brand-aligned imagery, colors, text and themes.
In addition, each Loyalty block has set manifest options, however, brands may go into source code to customize even further. Explore other ways to personalize your brand’s Loyalty experience using Tapcart’s Loyalty Variables & Loyalty App Actions.
How to connect Smile Loyalty + Tapcart
The integration is available to all Tapcart customers who also have Smile Loyalty. In the steps below, we will walk through all the required fields you will enter when connecting this integration.
Steps
Navigate to Tapcart’s Integrations page
Find and click ‘Connect’ on the Smile Loyalty app
Tap the ‘Settings’ tab
Copy and paste your Smile ‘API Key’ in the Tapcart Dashboard on the Smile Loyalty integration page
You can find your Smile API key by going to the Smile Dashboard > Settings > Developer Tools > Manage API Keys.
Generate a new API key for your Mobile App and ensure you include the following scopes:
Select ‘Save & Enable’
Setting up your Loyalty Experience
In App Studio, you will see a new screen option in the Screens dropdown for Loyalty. Within Loyalty there are 4 Screens you can configure:
Loyalty Center - This is your main Loyalty Page that the customer will see when they access My Rewards/ Loyalty from the Account screen. To Navigate to this screen from any other blocks or your navigation tabs you just need to set the screen destination to “Loyalty”
Loyalty Redemption - This screen is actually presented as a drawer in the app that activates from the Loyalty Rewards drawer when a user selects a reward to redeem. The Redemption drawer contains a block that will take users through the flow of actually redeeming a reward. This is where we display the reward details, number of points the reward costs, and a CTA to redeem that reward and apply it to the cart.
Loyalty Rewards - This screen is also presented as a drawer in the app that activates from the Loyalty Rewards Summary block. The block within the drawer shows the user a list of available rewards in the app and allows them to see which ones they can redeem from that list
Loyalty History - This screen is also presented as a drawer in the app that activates from the Screen Links “View History” link. The block within this drawer shows the user a ledger of all of their past earnings and transactions in their loyalty account.
In order to Launch your new loyalty experience, you must publish all 4 of these screens as you would any other App Studio Screen.
Make sure you have a way to get to your new Loyalty Center by ensuring there is a Link to Loyalty from the Account Hub, an Image Block from the Home Page, a Navigation tab in your bottom navigation menu, or an icon with the Loyalty destination set on your header!
The final block you will want to add to your Loyalty App experience is the Loyalty Rewards Summary block within the Cart Screen. This block allows users to add their loyalty rewards directly from the cart without having to exit the purchase flow!
Note: All Loyalty blocks are eligible to be added to your Account page as additional surface area
Supported Redemption Types
Fixed amount cash discount
Note: The “Increments of points: type is not supported
Percentage off discount (e.g.10% off)
Free Products
Free Shipping