To make it even easier for you to get people to join your referral campaigns, Referral Factory created a pop-up feature that you can install on your website both for logged-out and logged-in environments.
This will allow visitors to your website to click on the pop-up and immediately start referring!
Table Of Contents 👇
- 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.
2. How To Install The Pop-Up For Your Logged-In 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.
For Scroll triggered pop-up, use this code and adapt it for your needs: 👇
For a Timer triggered pop-up, use this code and adapt it to your needs: 👇
If you need any help installing the pop-up on your website or logged-in environment, please reach out to our friendly customer support team here.
Read more about other promotional options that Referral Factory offers in this help guide.