Skip to main content
All CollectionsOn Site Displays
Customizing the Referrals Page & Other Referral Sections
Customizing the Referrals Page & Other Referral Sections

In this article we learn how to customize the referrals page

Updated over a week ago

Visit the Referrals Page Settings Page on your nector dashboard.

The settings available on this page are shared across all the various referral sections & pages provided by nector. For example, the referral section in the rewards widget, the referral section in the rewards page, the referral page & referral popup all share the settings on this page.

Referral Page Banner

A banner is shown on at the very top of the referrals page. In the absence of a banner, a light grey color is used as the background.

To add or change the banner shown on the rewards page, Switch to the "Banner & Title" tab on this page. And scroll to the "Banner" section. Here, you can upload the banner images for desktop (under the "Banner Image" field) and for mobile screen (under the "Mobile Banner Image" field).

Desktop Banner Dimensions: 1920 x 450px

Mobile Banner Dimensions: 575 x 480px

Hiding the banner on order status page

To hide the banner image in the referrals section shown on order status page, scroll to the "Banner" section, and check the "Hide Banner on Order Status Page" option.

Once you make any changes, scroll to the top or bottom of the page and click on the "Save" button.

Referral Popup Banner

The referral popup is shown when someone opens a referral link shared from the referral page.

A banner is shown on at the right side of this popup. In the absence of a banner, a light grey color is used as the background.

To add or change the banner shown on the rewards page, Switch to the "Banner & Title" tab on this page. And scroll to the "Banner" section. Here, you can upload the banner image under the "Popup Banner Image" field.

Banner Dimensions: 450 x 550px

Once you make any changes, scroll to the top or bottom of the page and click on the "Save" button.

Title, Description & Icon

The above image shows the title & description being used in the rewards widget and on the rewards page. The icon is shown in the rewards widget.

Changing the Title & Icon

To change the title and icon, Switch to the "Banner & Title" tab on this page. And scroll to the "Title & Icon Config" section. Here, you can make the changes.

Once you make any changes, scroll to the top or bottom of the page and click on the "Save" button.

Changing the Description

To change the description, Switch to the "Description" tab on this page. Here, you can change the description for when the customer is logged in and logged out.

Once you make any changes, scroll to the top or bottom of the page and click on the "Save" button.

Sharing the Referral Link

In the image shown in the previous section, the customer has the option to share their referral link/code on Whatsapp, twitter or email using the icons shown.

To customize the default message when the customer clicks on any of the share icons, Switch to the "Sharing" tab on this page. Here, you can change the message for each of the platform.

Once you make any changes, scroll to the top or bottom of the page and click on the "Save" button.

FAQs

To change the FAQs, refer to this article.

Did this answer your question?