Introduction π
Introducing our Referral Landing Page Widget, designed for a dedicated area and separated from the full-page widget for your referrals!
Requirements
π 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!
Installation
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!π