How to use BON Loyalty Rewards Referrals with PageFly

About BON Loyalty Rewards ReferralsClick to copy

BON Loyalty Rewards Referrals app turns one-time buyers into repeat customers with rewards & referrals program.

Before using this element, you have to install the BON Loyalty Rewards Referrals app to your store, configure all options in the app, and then return to PageFly to use the element(s) for the corresponding product(s) you want.

Install BON Loyalty Rewards Referrals

Install PageFly

Access BON Loyalty Rewards ReferralsClick to copy

Step 1: Go to Add third party elements in the left toolbar > Click on the Edit your 3rd party elements button.

Step 2: In Integrations popup page, you can search “BON Loyalty Rewards Referrals” on the search bar.

BON Loyalty Rewards Referrals

Step 3: Click on BON Loyalty Rewards Referral element in the dropdown menu.

Step 4: Choose the variant you want then drag and drop it to the editor page.BON Loyalty Rewards Referrals

The element comes with 6 variants which are:

  • Loyalty header
  • Points earning
  • Points redeem
  • VIP tier
  • Referral program
  • Hyperlink loyalty program

ConfigurationClick to copy

PageFly ConfigurationClick to copy

General SettingsClick to copy

Loyalty header

After adding the Points earning to the Editor, on the right sidebar, you’ll see the General tab.

BON Loyalty Rewards Referrals

The Loyalty header element displays the rewards program on your page.

Note: ​​​​

For the full widget configuration, please go to the settings area of the BON Loyalty Rewards Referrals application.

The Loyalty header element can be used on all page types and once a page.

Points earning

After adding the Points earning to the Editor, on the right sidebar, you’ll see the General tab.

BON Loyalty Rewards Referrals

The Points earning element displays the points program on your page.

Note: ​​​​

For the full widget configuration, please go to the settings area of the BON Loyalty Rewards Referrals application.

The Points earning element can be used on all page types and once a page.

Points redeem

After adding the Points redeem to the Editor, on the right sidebar, you’ll see the General tab.

BON Loyalty Rewards Referrals

The Points redeem element displays the redeem points on your page.

Note: ​​​​

For the full widget configuration, please go to the settings area of the BON Loyalty Rewards Referrals application.

The Points redeem element can be used on all page types and once a page.

VIP tier

After adding the VIP tier to the Editor, on the right sidebar, you’ll see the General tab.

BON Loyalty Rewards Referrals

The VIP tier element displays the VIP loyalty program on your page.

Note: ​​​​

For the full widget configuration, please go to the settings area of the BON Loyalty Rewards Referrals application.

The VIP tier element can be used on all page types and once a page.

Referral program

After adding the Referral program to the Editor, on the right sidebar, you’ll see the General tab.

BON Loyalty Rewards Referrals

The Referral program element displays the rewards program on your page.

Note: ​​​​

For the full widget configuration, please go to the settings area of the BON Loyalty Rewards Referrals application.

The Referral program element can be used on all page types and once a page.

Hyperlink loyalty program

After adding the Hyperlink loyalty program to the Editor, on the right sidebar, you’ll see the General tab.

BON Loyalty Rewards Referrals

The Hyperlink loyalty program element displays the rewards program on your page.

Note: ​​​​

For the full widget configuration, please go to the settings area of the BON Loyalty Rewards Referrals application.

The Hyperlink loyalty program element can be used on all page types and once a page.

You can get further information about Attributes, Visibility, and Animation parameters.

Styling SettingsClick to copy

You can customize the styling of the BON Loyalty Rewards Referral elements in the Styling tab.

BON Loyalty Rewards Referral

You can get further information about Styling settings.

BON Loyalty Rewards Referrals ConfigurationClick to copy

After configuring PageFly settings, you will need to continue with the Element settings further as below.

Step 1: Go to your Shopify Admin > Apps > Choose BON Loyalty.

Step 2: On the Dashboard, head to the Points programs section > Choose the points program you want to set up.

BON Loyalty Rewards Referral

Step 3: Click on Setup to customize all the options for your point program.

Key TakeawaysClick to copy

BON Loyalty Rewards Referrals app helps you create a loyalty program for your store. You can seamlessly display the rewards programs on your pages without any coding skills within PageFly.

Frequently Asked QuestionsClick to copy

OverviewClick to copy

What is the pricing of the BON Loyalty Rewards Referrals?Free plan and paid plan start from $25/month
Does the BON Loyalty Rewards Referrals offer a yearly plan?Yes
Can I use the BON Loyalty Rewards Referrals on PageFly Editor?Yes

What are the benefits of using BON Loyalty?Click to copy

There are many benefits to using BON Loyalty, including

  • Increase customer engagement: BON Loyalty can help you increase customer engagement by rewarding your customers for their interactions with your store.
  • Improve customer retention: BON Loyalty can help you improve customer retention by giving your customers a reason to come back and shop with you again.

What is BON Loyalty’s customer support like?Click to copy

BON Loyalty offers basic and priority customer support via email and chat. They also have a comprehensive knowledge base that can help you with any questions you have.

Navigate this category

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us