Loyalty Module (Rewards & Points System)
Learn how to build a point-based reward system to increase customer retention. Enable the Loyalty module, create rewards, and track user engagement — all without code.
Reward returning users, encourage engagement, and automate customer retention — all inside your no-code app.
Build Loyalty That Lasts
The Loyalty Module helps you create a point-based reward system that keeps customers coming back. Reward engagement, track progress, and build lasting relationships with your users.
Illustration of a mobile screen showing a user earning points and unlocking rewards
1. Activating the Loyalty Module
Enable the Loyalty module to start building your reward system. Once activated, you'll have access to points settings and rewards management.
Steps
- 1Go to Modules → Loyalty (Sadakat) in the Builder sidebar
- 2Toggle the module ON
- 3Once activated, the Loyalty configuration panel appears
- 4You'll see two main sections: Points Settings and Rewards List
Screenshot showing the Loyalty module toggle and configuration panel
2. Configuring Points Settings
Set up your point rules to define how users earn points. Configure welcome bonuses, action-based points, and redemption rules.
Points Settings
Welcome Bonus
Points automatically given to new users when they register.
Points per Action
Define how many points are earned for actions like QR scans, purchases, or logins.
Redemption Rules (Coming Soon)
Define how points can be spent or reset.
Tip: Keep point values simple and easy to track — for example, 10 points per QR scan.
Screenshot highlighting the points and QR configuration inputs
3. Creating Rewards
Add and manage reward items that users can redeem with their points. Create appealing rewards with clear descriptions and images.
Steps
- 1Click "Add New Reward" button in the Rewards List section
- 2Fill in Reward Name (e.g., "Free Coffee", "Discount Voucher")
- 3Add Description with details about the reward
- 4Set Required Points (points needed to claim this reward)
- 5Upload or link to a reward image for visual appeal
- 6Use the reward list to edit, activate/deactivate, or delete existing items
Screenshot of the reward list table (name, description, points, image, edit/delete icons)
4. Displaying Rewards in the App
Show rewards to your customers using the Loyalty Rewards component. Bind it to your rewards data and choose a layout that fits your design.
Steps
- 1Add the Loyalty Rewards Component from the Design Tools panel
- 2Bind the component to the rewards data source
- 3Map fields: Title → @RewardName, Description → @Description
- 4Map Image → @Image and Required Points → @RequiredPoints
- 5Choose a grid or card layout for best visual impact
Builder canvas showing a rewards grid with sample reward cards
5. Showing User Points
Display total user points in your app to keep customers engaged. Use text components, progress bars, or dedicated widgets to show point totals.
Steps
- 1Use a Text component bound to a user field (e.g., @UserPoints)
- 2Combine with icons or progress bars to make it visual
- 3For advanced users: points data can come from a connected user table
- 4Show progress messages like "You have 120 points — only 30 more to unlock your next reward!"
Example of a points progress bar or user card with points total
6. Testing and Publishing
Preview your loyalty features before going live. Test point accumulation, reward display, and user experience in the preview mode.
Steps
- 1Use Live Preview to simulate earning points and viewing rewards
- 2Validate point accumulation and redemption logic
- 3Test the rewards display and user interaction
- 4When ready, Publish your app as a PWA
Screenshot showing loyalty features in mobile preview mode
7. Best Practices
Follow these guidelines to create an effective loyalty program that drives engagement and customer retention.
Best Practices
- Keep the number of rewards manageable (3–6 visible items)
- Always display required points clearly
- Use descriptive names and high-quality images
- Offer "Welcome Bonuses" to encourage initial engagement
- Refresh rewards periodically to maintain interest
- Pair the Loyalty module with push notifications for better engagement
Clean mobile UI showing rewards cards and a toast notification
Ready to Build Your Loyalty Program?
Start creating your reward system today. Enable the Loyalty module, add rewards, and watch customer engagement grow.
Open Builder