Skip to main content
Deep links allow you to open the loyalty panel to specific pages programmatically. This enables customers to seamlessly navigate to particular sections of the loyalty panel from links, menu items, or buttons embedded directly on your website or app pages. The following deep links are currently supported and available for general use: There are 4 different ways you can use deep links.

Query parameter

Just add a smile_deep_link query parameter to the URL of any link. e.g.
This is the recommended approach for scenarios where you want to both open a new page AND open the rewareds panel once the page has loaded.

JavaScript method

Call the SmileUI.openPanel() method from within your JavaScript code and pass a deep_link parameter as part of the options object. e.g.
JavaScript

HTML attribute

Add a data-smile-deep-link attribute to any <a> (link) element. e.g.
HTML
HTML attributes can only be used to open the loyalty panel from a page that the user already has open.

Anchor tag

This method differs slightly from the others. For this method, the deep links are prefixed with smile- and are dasherized instead of underscored. For example, the points_products deep link becomes smile-points-products.
Anchor tags can only be used to open the loyalty panel from a page that the user already has open.