How To Install A Referral Program Pop-Up On Your Website or Web App

Referral Factory has a rpop-up that you can install on your website or logged-in environment to make it even easier for you people to join your referral program and refer friends.

This will allow visitors to your website to click on the pop-up and immediately start referring!

In this guide 👇

1. How To Install The Pop-Up For Your Logged-Out Environment

2. How To Install The Pop-Up For Your Logged-In Environment

3. How To Install On-Scroll Or Timer-Triggered Pop-Ups

• Select the campaign you want to use for the pop-up.
• Inside your campaign builder, navigate to the “Promote Your Campaign” tab. 

• Then select “Install our pop-up 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. 

• Copy the pop-up class name and the code that you need to put on your website. 
• Go to the source code for your website. 
• Paste your pop-up's class name into the button you want to trigger your pop-up.
• You also need to paste the script right before the </body> tag on the same page as the button. 

Below is an example of what the pop-up looks like once it's been clicked on or opened - this is for your LOGGED-OUT ENVIRONMENT. 

If your users or customers have a portal that they can log into, you can also embed the pop-up inside that logged-in environment. This will allow your users to bypass step one of the campaign builder, and allow your users to refer in one click 👏

To set up the Referral Factory pop-up so that it works in a logged-in environment, please follow the instructions below. 

• Select the campaign you want to use for the pop-up.
• Inside your campaign builder, navigate to the “Promote Your Campaign” tab.        
• Then select “Install our pop-up 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. 

• Copy the pop-up class name and the code that you need to put on your website. 
• Go to the source code for your website. 
• Paste your pop-up's class name into the button you want to trigger your pop-up.
• You also need to paste the script right before the </body> tag on the same page as the button. You will also need to replace loggedInUserFirstName and loggedInUserEmail with the variables you use in your own system.
• Your pop-up will then work in a logged-in environment 🤘 

Below is an example of what the pop-up looks like once it's been clicked on or opened - this is for your LOGGED-IN ENVIRONMENT. 

3. How To Install On-Scroll Or Timer-Triggered Pop-Ups

If you want to create pop-ups customized to your needs, such as on-scroll and timer-triggered pop-ups, then use this guide and the resources below. 

Make sure you have access to a developer (Javascript).

To Install and customize your pop-up based on scroll and timer triggers 👇

• Select the campaign you want to use for the pop-up.
• Go to the Promote Your Campaign” tab and click on the pop-up icon.
• Then select which type of user you build the pop-up for (Logged in Or Logged out)
• Copy the pop-up class name and the code that you need to put on your website. 
• Go to the source code for your website and add an invisible button on the page you want to show the pop-up. 
• Paste your pop-up's class name into the invisible button.
• You also need to paste the script right before the </body> tag on the same page as the invisible button. 
• If you’re using the code for logged-in users - don’t forget that you also need to replace loggedInUserFirstName  and loggedInUserEmail with the variables you use in your own system
• From there you can use the source code below to trigger the pop-up either on a scroll or on a timer.