Smile deep links let you open specific views of your loyalty panel directly from a URL. You can add them to your website, navigation menus, or marketing emails to take customers straight to the section of your panel you want them to see — all without refreshing the page.
Using deep links
You can add a deep link to the end of any URL to automatically direct customers to a specific area of your panel.
For example, to open your panel’s home view, use the following deep link:
www.example.com/#smile-home
Tips for setup:
Make sure there’s a
#before the deep link name.To avoid the page refreshing on every click, remove the trailing slash from the URL.
Panel locations
Use any of the following links to open specific sections of your reward panel:
#smile-homeDisplays the customer's status in your points, referrals, and/or VIP program, depending on which programs you’re currently running.
#smile-points-activity-rulesDisplays a list of ways that the customer can earn points.
#smile-points-productsDisplays a list of items that the customer can redeem their points for.
#smile-referral-program-detailsDisplays information about the referral program, including the customer's referral URL.
ℹ️ Note: The referral details will only be displayed if the customer is logged into their account. If they're not logged in, this deep link will behave the same way as #smile-home. We recommend adding this deep link to your account page so customers are always logged in when they access it.
Opening a deep link from any button
Buttons are a great way to make your loyalty program more interactive. You can add a deep link to the href of any button on your site to open your panel without refreshing the page.
This provides customers with an uninterrupted browsing experience while keeping your panel easily accessible. Deep links function just like any other URL, so you can also add them to menus or navigation bars.
Example:
Click <a href="#smile-referral-program-details">here</a> to get your referral link
💡 Important: For buttons, make sure that you’re using just the deep link and not the entire URL.
Using deep links in emails
When adding deep links to emails, use the query parameter method. This approach replaces dashes with underscores in the link format.
For example:
#smile-points-products → ?smile_deep_link=points_products
Examples:
https://store.example.com/?smile_deep_link=homehttps://store.example.com/?smile_deep_link=points_activity_ruleshttps://store.example.com/?smile_deep_link=points_productshttps://store.example.com/?smile_deep_link=referral_program_details