Integration Overview & Benefits
The Smile 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 can be accessed anywhere in the app. 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 point history, this page helps customers understand how to engage with your Loyalty program.
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
Shopify Account Compatibility & Recommendations
Our Smile experience supports both New Customer Accounts and Classic Accounts.
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.
Prerequisites
Before getting started, make sure you have the following:
An active Tapcart account with a published or in-development app
Access to the integration partner's dashboard or admin panel
How to connect Smile + Tapcart
Steps to Connect
In the Smile Dashboard navigate to Settings > Developer Tools > Manage API Keys.
Generate a new API key for your Mobile App and include all scopes
Copy the new key
Navigate to Tapcart’s Integrations page
Find and click ‘Connect’ on the Smile Loyalty app
Paste the new API Key in the Smile.io Enterprise API Key
field.
Fill in the rest of the fields with your preferred loyalty details.
Select Save & Enable
Setting up your Loyalty Experience
In App Studio, you will see a new option in the Screens dropdown for Loyalty. Within Loyalty there are 4 Screens to 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 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 presented as a drawer in the app that activates from the 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
Need Help?
If you have additional questions regarding Smile or loyalty, we’re happy to help. Reach out via LiveChat in your dashboard or email us at [email protected].