For a better reading experience, please click here. Thank you!

Enabling Loloyal Widget Through Inline links Using Deep links

Allow your customer to access any section of your widget through any interactive element on your website, or email.

Loloyal Deep Links support you hide or change the button, or add new interactive elements to make it easy for them to reach any part of the widget.

Any link, like text, images, menu items, or buttons, can open the widget. You can also use these links in automated emails or text messages. For example, if a customer clicks a button that says "check your points now!" in an email, it will take them to your website to view their points in the widget.

What are the available deep links Loloyal is providing?

#loloyal-home
#loloyal-waystoearn
#loloyal-waystoredeem
#loloyal-referral
#loloyal-vip

The examples below demonstrate how to use deep links across different elements:

#loloyal-home

Displays the customer's status for points, referrals, and VIP programs.

#loloyal-waystoearn

Displays a list of ways that the customer can earn points.

#loloyal-waystoredeem

Displays a list of items that the customer can redeem their points for.

#loloyal-referral

Displays information about the referral program, including the customer's referral URL.

#loloyal-vip

Displays the VIP tab where customers can view their VIP rewards after they have achieved them.

Using Loloyal Deep Links

For example:

If you wish to access the home view of your Panel, you can utilize the following deep link: www.example.com/#loloyal-home

Example of opening the Loloyal homepage after clicking on an element in the website:
Step 1: Find the element you want to trigger the Loloyal home page by clicking on it.
Step 2: Copy the Loloyal Deep link. Like below: www.example.com/#loloyal-home
Step 3: Copy this link to the corresponding element.

Tips: There are 2 important things to remember when using a Loloyal Deep Link:

1. Make sure there is a ‘#’ before the deep link’s name.
2. To prevent page refreshing on every click, remove trailing slashes from URLs.

Like www.example.com/#loloyal-home. For example, it can be like this #loloyal-home.

Tips: You can easily link these to buttons and text on your website or include them in emails. This will direct your customers straight to a page on your site where your Panel is ready to use!

Accessing a Loloyal Deep Link through any button

You can effortlessly integrate Loloyal Deep Links into any button's HREF. Customers can explore your site uninterrupted and still access the panel quickly.

Deep links can also open the Loloyal loyalty widget to specific areas. They can be added to Navigation, Menu items, and buttons. Using these links boosts customer engagement and new sign-ups.

How to add a navigation link?

Go to Shopify Admin >> Online Store >> Navigation
Click "Main Menu”

3. Click "Add Menu Item" and add "Name" (e.g. Rewards)

4. Choose the Destination. Copy and paste it into "Link" and click "Add"

A link will appear on your store navigation, the customers can click and open the loyalty widget.

Here is how you can find the settings in Loloyal App.

Step 1- Find the Brand Style Section.

Step 2-Click for Growth Tools in the menu.

Step 3- And choose Loloyal Link in the options.

Congratulations! A button will now appear in your store's navigation. Customers can click it to open the loyalty widget. These Loyal Deep Links work just like regular URLs, so you can add them to your menu or navigation bar just like any other page link.

Using Deep-Links in Email Marketing tools.

Consider using the email button to redirect to the home view of your Panel as an example.

Step 1: Find the button in your email
Step 2: Copy the Loloyal Deeplink link. Like below:
www.example.com/#loloyal-home
Step 3: Copy this link to the corresponding button Link to URL

🎁Done! Now your customers can click this button to access the home view of your Panel.