×
PageFly × BON Loyalty
A loyalty page that sells the program, not just lists the points
BON handles customer retention. PageFly designs the experience. Seamlessly embed 10 dynamic loyalty blocks into your custom hero, proof, and product sections.
Points and tiers
Referrals
Streak rewards · new
No developer. Free plan on both apps to start. BFCM: $1 for the first month on each app, codes in Pricing below.
Trusted by brands that run BON Loyalty
Sennheiser
Obagi Medical
ENGWE
Royce'
Sublue
Succubus
Teckwrap
Stand Oil
The Lash Shop
threetimes
Source: Store Leads, app data read on 6 Oct 2026
ページフライ
4.9
5,800+ reviews on the Shopify App Store
BON Loyalty
5.0
1,950+ reviews on the Shopify App Store
Built for Shopify
Don't just explain your loyalty program - sell it.
A single-block app page gives shoppers no reason to join today. No hero banner, no product context, no visual impact - causing visitors to drop off early. Give your highest-LTV channel the design layout it actually deserves.
BON runs the program. PageFly designs the page.
Each app owns its part. Nothing is set up twice.
BON
the program
Points and rewards
VIP tiers
Referrals with anti-cheat
Redeem and discounts
Order booster
POS
メールマーケティング
Program analytics
+
ページフライ
the page
Layout and sections
Hero, story and product blocks
BON's 10 blocks as drag-and-drop elements
A/B testing and analytics
Publish at /pages/rewards
BON blocks available in PageFly
01
Loyalty header
02
Loyalty profile
03
Points earning
04
Points redeem
05
VIP tier
06
紹介プログラム
07
仕組み
08
よくあるご質問
09
Order booster
10
Hyperlink loyalty program (product page only)
Profile shows for signed-in customers. How it works shows for guests. That is BON's logic.
How to build a rewards page with BON and PageFly
Two columns. Do the left first. Already running BON? Start at step 4.
In BON (the program)
do this first
1
Install BON. Set your earning rules, tiers and referral reward. Turn on program status.
2
Turn on the loyalty page to display the sections you want: profile, tier, referral, Order booster.
3
Create a test customer and sign in, so you can see the signed-in state.
Pick the sections you want to show.
In PageFly (the page)
4
Create a page. Add your hero, story and product blocks.
5
Open Catalog → Loyalty & Rewards → BON. Drag in Header, Profile, Earning, Tier, Referral, FAQs.
6
Publish at /pages/rewards. Link it from BON's widget and your menu.
PageFly catalog: BON, 10 blocks.
Storefront, guest
Storefront, signed in
Good to know
One block, one place
Add each BON block once per page. Two copies of the same block break the page.
Signed in or guest
Profile and points show only to signed-in customers. Put Profile right under Header, then test both states before you send traffic.
製品ページ
The Hyperlink loyalty program block works on product pages only. Use it to send shoppers to your rewards page.
Pricing honesty
Free plan on both apps to start. BFCM 2026: each app is $1 for the first month with the codes below (first 100 stores, ends 30 Nov).
Start
ページフライ
Free plan. 1 slot, 10 AI credits a month, no credit card.
BON
Free plan. Up to 150 orders a month.
This setup needs
ページフライ
BON blocks on every plan. New to PageFly? Builder plan $1 for the first month with code BONBUILDER1 (Pricing → Builder → Apply coupon). New PageFly stores only, first 100, ends 30 Nov 2026. Already on PageFly? Chat with us in the app for a deal that fits your store.
BON
Integration with PageFly from plan Basic ($29/mo, 500 orders). New to BON or on BON Free? Basic $1 for the first month with code PFBFCM26, entered on BON's Pricing page. Monthly plan only, one per store, first 100, ends 30 Nov 2026 23:59 UTC.
Prices read on the Shopify App Store, 6 Oct 2026
Ready to build the rewards page?
Install both. Drop in the blocks. Publish.
