Skip to content

🎁 BFCM is live! Save up to 30% on EComposer and unlock a free Feature Pack. Explore deals

🎁 The4 BFCM: 15% off Athora & Vetro + free homepage setup & 6 months of EComposer Standard free. See the deal

4.93,472 reviews on the Shopify App Store Install free New to Shopify?Open your store

BLOY Loyalty Rewards

BLOY Loyalty Rewards is designed to display customer loyalty information such as points, rewards, and membership status directly on your storefront, helping you enhance customer engagement and encourage repeat purchases. The integration in EComposer allows you to easily add this widget to any page built with EComposer, making it more convenient to use BLOY features across your custom-designed pages without additional coding.

BLOY Loyalty Rewards — Overview (Screenshot 1)
BLOY Loyalty Rewards — Overview (Screenshot 2)

1. How to install the BLOY Loyalty Rewards extension

Step 1: To use this extension, please install the Bloy Loyalty app from your Shopify store first.

BLOY Loyalty Rewards — 1. How to install the BLOY Loyalty Rewards extension (Screenshot 1)


Step 2: From your EComposer dashboard, go to CRO Extensions from the left sidebar menu.

BLOY Loyalty Rewards — 1. How to install the BLOY Loyalty Rewards extension (Screenshot 2)

Step 3: Search for the BLOY Loyalty Rewards extension.

BLOY Loyalty Rewards — 1. How to install the BLOY Loyalty Rewards extension (Screenshot 3)


Step 4: Click Details and install the extension on your store.

BLOY Loyalty Rewards — 1. How to install the BLOY Loyalty Rewards extension (Screenshot 4)

2. Add the Extension to your page & Customize it

Notice: The extensions only work on the live page

Step 1: Go to the Shopify admin, open the Bloy Loyalty app, and configure the Rewards first. In this case, you should set Ways to earn and Ways to redeem.

BLOY Loyalty Rewards — 2. Add the Extension to your page & Customize it (Screenshot 1)
BLOY Loyalty Rewards — 2. Add the Extension to your page & Customize it (Screenshot 2)
Ways to earn rewards
BLOY Loyalty Rewards — 2. Add the Extension to your page & Customize it (Screenshot 3)
Ways to redeem rewards

Step 2: Back to the EComposer editor and drag and drop the extension into the desired spot. Open the Extensions tab from the left sidebar, then find the BLOY Loyalty Rewards extension from the installed extensions list and drag it into your desired position on the page. After adding it successfully, you can start customizing the extension settings.

For full app setting options, you need to set them from BLOY Loyalty Rewards

Step 3:  For more settings, you can access the EComposer’s template from the Theme’s editor and edit the BLOY widget block.

To access the EComposer’s template from the Theme’s editor, you need to go to Products -> ecom-template-slug.

BLOY Loyalty Rewards — 2. Add the Extension to your page & Customize it (Screenshot 4)

From the EComposer’s editor, click on the Publish button in the top right corner; the popup will be shown so you can see the Template Slug.

BLOY Loyalty Rewards — 2. Add the Extension to your page & Customize it (Screenshot 5)

The template slug on this page is add-to-cart, so in the theme, you need to find the template that has the name: ecom-add-to-cart.

BLOY Loyalty Rewards — 2. Add the Extension to your page & Customize it (Screenshot 6)

Inside the Theme page, find the BLOY block and configure the settings that you want.

BLOY Loyalty Rewards — 2. Add the Extension to your page & Customize it (Screenshot 7)

To earn points, your customer first needs to sign up/sign in to your store, then follow the rewards instructions from the BLOY app here:

  • Click on the Reward button in the bottom right corner:
BLOY Loyalty Rewards — 2. Add the Extension to your page & Customize it (Screenshot 8)
  • Click Earn points to find out all the ways to earn points.
BLOY Loyalty Rewards — 2. Add the Extension to your page & Customize it (Screenshot 9)
  • You will see all the ways to earn points here, as well as the one that is done successfully.
BLOY Loyalty Rewards — 2. Add the Extension to your page & Customize it (Screenshot 10)
  • You can also see the point total that you’ve earned.
BLOY Loyalty Rewards — 2. Add the Extension to your page & Customize it (Screenshot 11)
  • To show the point on the EComposer page, you need to choose the Your Balance option in the BLOY Loyalty Rewards extension settings inside EComposer:
BLOY Loyalty Rewards — 2. Add the Extension to your page & Customize it (Screenshot 12)
  • The result will be shown on the live site:
BLOY Loyalty Rewards — 2. Add the Extension to your page & Customize it (Screenshot 13)

Note: If the extension does not show the result on the live site, you should try to add the app block of BLOY to the Product Default Template in your theme to test. If it doesn’t show as well, you need to contact BLOY Loyalty Rewards support team for further help.

Last updated

Was this page helpful?