The easier it is to refer friends, the more your customers will refer. Installing your referral program widget is a great way to get more referrals.
In this help guide, we’re going to cover how you can Install a widget on your website or in your app that works for both of your logged-in and logged-out users.
Table Of Contents 👇
- How To Install The Widget For Your Logged-Out Environment
- How To Install The Widget For Your Logged-In Environment
- How To Customize What Your Widget Looks Like
How To Install The Widget For Your Logged-Out Environment
- Select the campaign you want to use for the widget.
- Inside your campaign builder, navigate to the “Promote Your Campaign” tab.
- Then select “Install our widget on your website for logged-out users”.
- Your script is unique to your campaign. So please get it from your campaign “Promote Your Campaign” tab.
- Please make sure you copy the script for “LOGGED-OUT USERS” if you want to insert this script on your website.
- Copy the script shown in the screenshot above and paste it right before the </body> tag in your website code.
Below are two screenshots of what the widget looks like on our own website once installed.
This is what the widget looks like before you click on it.
This is what the widget looks like after you click on it.
The text "Refer Friends" can be edited. You can change it from here 👇
How To Install The Widget For Your Logged-In Environment
If your users or customers have a portal that they can log into, you can also embed the widget inside that logged-in environment. This will allow your users to skip the pages for the person referring, and allow your users to refer in one click 👏
To set up the Referral Factory widget so that it works in a logged-in environment, please follow below.
- Select the campaign you want to use for the widget.
- Inside your campaign builder, navigate to the “Promote Your Campaign” tab.
- Then select “Install our widget on your website for logged-in users”.
- Your script is unique to your campaign. So please get it from your campaign “Promote Your Campaign” tab.
- Please make sure you copy the script for “LOGGED IN USERS” if you want to insert this script on a logged-in area of your website.
- Copy the script above and paste it right before the </body> tag. You will also need to replace loggedInUserFirstName and loggedInUserEmail with the variables you use in your own system.
Below are two examples of what the widget looks like on our own website once installed.
This is what the widget looks like before you click on it.
This is what the widget looks like after you click on it. You can see that the user can easily see their referral link with social sharing options so it's really easy for them to refer friends.
If you need any help installing the widget on your website or logged-in environment, please reach out to our friendly customer support team here.
How To Customize What Your Widget Looks Like
We allow you to customize the widget to match the style of your own website. You can change the colors of the widget as well as the text on the widget.
Here are the instructions on how to do that 👇
- Select the campaign you want to use for the widget.
- Inside your campaign builder, navigate to the “Promote Your Campaign” tab and click on the “Widget”.
- On the top field, you can set the text for your widget (widget text has a 20-character limit).
- On the bottom right side, you can customize the widget's colors and see how it will look on your website. See the screenshot below to see how it works.
Please note that the widget logo will be the same as your campaign logo.
👉 Learn How To Install A Widget On Your No-Code Website | WordPress
👉 Learn How To Install A Widget On Your No-Code Website | Webflow
👉 Learn How To Install A Widget On Your No-Code Website | Squarespace