Articles on: On Site Displays

Customizing the Referrals Page & Other Referral Sections

Visit the Referrals Page under On-Site Displays inside Referrals Program




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.

Banner






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.






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.

Updated on: 28/03/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!