How to create a Referral Program Page with BLoop app?

Follow these steps to set up a powerful referral program page on your Shopify store at ease and see sales soaring.

First, download our app to explore it!

Introduction

At Bloop Rewards & Referrals admin panel, you can access 3 main parts: Dashboard, Referral Programs and Branding

1. Dashboard allows you to quickly get an overview of your referral program performance. The figures include:

  • Total Referrers

  • Referral Revenue

  • Successful Referrals

2. Referral Programs section enables you to set up your bespoke referral program and manage the information of referrers and referees accordingly.

3. Branding allows you to customize how your referral program show up on your storefront.

Step-by-step Instruction

Step 1: SELECTING app flow

  1. Go to Dashboard, make sure the app's status is ON

  1. Go to Referral Program > Choose Settings and choose app flow

Step 2: Set up REFERRAL RULES

  1. Create or Edit rule

  1. Choose the Reward Types.

  2. Write down the wanted Discount Amount.

  3. Set up Purchase type.

  4. Select Products or Collections that the discount can be applied to.

  5. Select Minimum Requirements and write down the wanted Minimum level (if any).

  6. Setup coupon expiration date at Active Dates (if any).

Step 3: Branding (This will be applied for both referral page & popup)

* Leverage a ready-to-use template

  1. Choose a template from Ready-to-use Templates.

  2. Click Save and Apply

  3. Go to your Shopify Admin > Expand Online Store Section > Click Navigation > Click Menus > Choose Footer Menu/ Main Menu > Add file “referral-program”.

4. Click Save Menu > Go to your storefront to check the result.

* Create a new Storefront Template

  1. Rename the template.

  2. Turn on sharing channels

  3. Edit the referral popup/page

3.1. General Tab

  • Input the name of referral program

  • Paste image URL in the box under Image.

3.2. Display tab

You can show both the referral page & referral popup on your Shopify store or choose to show one of them.

3.3. Style tab

The referral popup’s content will be the same as the referral page. You can change the color of its background and text.

3.4. Content tab

Go to Content tab & edit the content as you want.

  1. Change the post-purchase widget content

Click on Edit button to change the content of post purchase widget

Step 4: Use Branding optimization (Optional)

After creating a referral program template, expand Branding, click on Settings. Under Branding optimization, choose the primary font & color you want.

  • The font will be applied on the referral page/ popup, emails & referee coupon popup.

  • Color will be applied on Header & button of referral page/ popup, coupon code on referee popup.

Expand Branding, click on Social Sharing

Twitter Message

  1. Edit/ Customize the default text of Twitter Message, Card Title, and Card Description (if wanted).

  2. Paste Image URL in the box under Your Image URL.

  3. Review changes on the visual display on the right.

  4. Click Save Changes.

Facebook Message

  1. Edit/ Customize the default text of Facebook Title (if wanted)

  2. Select Custom Image/ Default Image.

  3. If you select Custom Image, paste the Image URL in the box.

  4. Review changes on the visual display on the right.

  5. Click Save Changes.

Whatsapp Message

  1. Edit/ Customize the default text of Whatsapp Message (if wanted)

  2. Review changes on the visual display on the right.

  3. Click Save Changes.

Step 6: Set up Referral Email

Go to Email Notification:

Referee – Referral Sharing Email

  1. Edit/ Customize the sample text (if wanted).

  2. Paste Image URL in the box under Banner Image.

  3. Review changes on the visual display on the right.

  4. Click Save Changes.

Referrer – Successful Referral Notification Email

  1. Edit/ Customize the sample text (if wanted).

  2. Paste Image URL in the box under Banner Image.

  3. Review changes on the visual display on the right.

  4. Click Save Changes.

Referral invitation: Sent to Referrers

Go to Referrer List > Click Invite referrer > Upload the contacts you want to invite > Click button Send. Please note that when you click this button, the email you created in the 1st step will be auto-sent, so make sure to set up the email carefully first.

Step 7: Show Referral Program on Shopify site

See our demo store >> (Password: 1)

* Make sure that you:

  • Applied theme to Storefront Display in Branding: complete “referral-program” file.

  • Switch On in General Configuration: “referral-program”. Page can be shown in your Shopify Admin Store.

  • Go to your Shopify Admin store > Click Menu/ Footer Menu/ Header > Add file “referral-program”: display the referral program on your Shopify ecommerce website.

It can be activated only if you complete all the aforementioned steps.

Step 8: Manage how the referrers are performing to deliver the best marketing strategy

Visit Referral List and see who is interacting with your brand.

In case you have questions or requests, please contact us for free support via email at support-sbc@bsscommerce.com or chat with us on 24/7 Whatsapp (+84)987602961.

PreviousHow to install BLoop app into your store?NextHow to create a Loyalty Program with Bloop app?

Last updated