How to set up referral program

How to set up the referral program

An easy instruction to set up your referral program with BON

Introduction

The referral program can be an effective way to increase customer loyalty and encourage word-of-mouth marketing. In this article, we will walk you through the steps to create a successful referral program.

Overview

Set up the Referral rewards
Enable the Referral pop-up
Customize the social sharing options
Activate the Loyalty Program status

Set up the Referral rewards

To get started with your referral program, follow these steps:

Go to BON > Point programs > Referral program > Click on the “Setup” button

Next, click on the “Edit” button to set up the Referral rewards

You can choose different types of rewards for referrers and referred friends. BON offers 5 types of referral rewards:

Points
Amount discount
Percentage discount
Free shipping discount
Free product discount

A quick heads-up for the Reward title: Ensure that your Reward Title clearly matches the reward type and value. This helps customers easily understand what they and their friends will receive when the referral is successful.

Once you’ve set up the rewards, don’t forget to click Save.

In Branding > Widget Text > Referral Program Tab -> Line 3 & Line 4:
The Reward title you set up will be dynamically reflected through the placeholders {{referral_name}} and {{referral_friend_name}} in lines 3 and 4. Make sure the titles are descriptive so your customers know exactly what to expect.

Enable the Referral Pop-up

Make your referral program more noticeable by enabling the Referral pop-up. This feature displays as a pop-up above the widget, making it easy for customers to engage with.

IMPORTANT NOTE: The referral pop-up will only appear when the customer is signed in. In BON, customers can access their unique referral link only after signing in.

To enable it, please navigate to the Referral program > “Referral pop-up” section > lick “Edit”

Here, you can customize various settings:

Status: Set to Active/Inactive to control when your Referral pop-up is on or off.
Type: Choose between “Bubble teaser” or “Notification pop-up”.
Branding: Customize the background and text color to match your store’s theme.
Icon: Use the provided icons or upload your own.
Referral text preview: If you don’t like the default title and description, feel free to create your own.
Size pop-up: Choose from Small, Medium, or Large to best fit your website’s design.
Visibility: Set how many times the pop-up appears during a single browsing session. If closed, the pop-up will reappear every 10 minutes until the set frequency limit is reached.

Allow your customers to share their referral links on social media with ease.

In the Referral program settings, select “Customize” for social sharing options

By default, referrals are sent to your homepage. However, if you want to redirect them to a different URL, simply paste the link in the “Customize redirection URL” section.

NOTE: To maximize conversions, make sure the referral link leads to a page that highlights what makes your brand special.

To enable each sharing option, ensure it’s set to “Active”. You can also customize the content customers share

IMPORTANT NOTE: Facebook doesn’t allow third-party apps like BON to customize pre-set messages before sharing the referral link like X, so customers will need to type it on their own.

Activate the Loyalty Program status

To make your referral program visible and functional for your customers, please make sure that:

Activating the BON Widget in your Shopify Theme. If you’d prefer to hide it from the storefront, please contact us, and our Dev team will customize it for you.
Referral status is activated. Kindly navigate to the Referral program status and turn it on.

NOTE: Only activate it once your referral program is fully set up to avoid any unintended participation.

IMPORTANT NOTE: The referral action will not recorded if the referral transaction occurs on the same browser, as this may be considered a violation.