All Collections
Referral Landing Page Widget
Referral Landing Page Widget

Designed for a dedicated area, separated from the full-page widget for referrals

Adam Smith avatar
Written by Adam Smith
Updated over a week ago

Introduction πŸ“–

Introducing our Referral Landing Page Widget, designed for a dedicated area and separated from the full-page widget for your referrals!


🌟 Available on Plus & Above plans

Navigation πŸ“

Select Widgets on the left hand side to open the Widget Library and select Referral πŸ‘‡

Instructions βš™οΈ

There are three separate views in the editor and each can be edited using the design panels on the left hand side. This includes customization of the panel, buttons, sections, font styles, text and icons.

Guest (shown to anyone not logged in): If you do not have an account on the store, this will generate a user within Shopify & then give them a referral code to send to their friends. If there is an existing account with the email, we will send the existing referral code, without the customer needing to log in

If you do not wish to allow registration from the widget for Guests, toggling the option in the Buttons, inputs & sections section will disable this πŸ‘‡

Customer (shown when logged in): This will show the customers referral URL straight away πŸ‘‡

Friend: If the referral widget is set to the landing page this is what is displayed when the friend clicks the link provided. This is the same as the current referral journey. For more information on the landing page and referral process, please click here πŸ‘ˆ

Note: If a guest is starting the referral, they will need to create a password to see the rewards for the referral within the widget or ensure that the emails are set to reward the user for referring a friend!


To add the widget to your Shopify, simply choose a page where you want the Referral Widget to display and add a section. Here you will find the Referral Widget App Block, then simply add it to your page like so!πŸ‘‡

Did this answer your question?