Are you looking for software to help you turn your website visitors into referrals?

Get your referral program up and running, and embed it into your website, in just a few hours 👉 Try our referral software for free for 15 days to start getting website referrals today!

If you already have a Referral Factory account, then keep reading to learn how to install a referral program widget on your website 👇

A referral program widget allows you to embed your referral program pages directly into your website, web app, or logged-in environment as a small component that floats in the right-hand corner of the screen. This widget serves as a convenient way for your visitors or users to access and participate in your referral program without leaving your website or app. It provides a seamless user experience and encourages more people to refer your business to their friends and contacts.

To make it easy for you to get more website referrals, Referral Factory's widget function works by taking your referral program pages and essentially repackaging them as embeddable widgets. We provide you with a ready-to-use script that can be inserted into your website or web app.

Here is an example of how you can get more website referrals using the Referral Factory widget.

A standard "logged out" referral program widget where any visitor to your website will be able to see Step 1 for the Person Referring where they can sign up to get their unique referral link and start referring their friends.

→ Navigate to the Promote section inside the campaign builder.

→ Click Promote your campaign on your website or blog

→ Make sure to select the tab titled Website Widget.

→ Copy the ready-to-use widget script. Please note that this script is case-sensitive.

→ Optionally, adjust the widget button text, colours and icon.

→ If your website is managed by a web developer, provide them with this exact script and ask them to insert the script on the relevant pages of your website right before the </body> tag in your website code.

→ If your website is built on a no-code builder like WordPress, Webflow, or Squarespace, you may be able to use a plugin to insert the script yourself. Learn more.

→ Navigate to the Promote section inside the campaign builder.

→ Click Promote your campaign on your website or blog.

→ Make sure to select the tab titled Website Widget.

→ Copy the ready-to-use widget script. Please note that this script is case-sensitive.

→ Optionally, adjust the widget button text, colours and icon.

→ If your website is managed by a web developer, provide them with this exact script and ask them to:

→ Change the variables {first name of logged in user} and {email of logged in user} to the same variables that are used to provide your logged-in user's data.

→ Insert the script on the relevant pages of your web app or logged-in environment right before the </body> tag in your website code.

→ If your website is built on a no-code builder like WordPress, Webflow, or Squarespace, you may be able to use a plugin to insert the script yourself. Learn more.

→ You can adjust the text that shows on the widget button. By default, the text is set to "Refer Friends".

→ You can adjust the colours of the widget.

→ You can upload a different icon for the widget.

→ If you would like to change the position of the widget on your website, you will need to make your own CSS edits to the ready-to-use script provided by Referral Factory. Learn more.

If you would like to change the position of the widget on your website, you will need to make your own CSS edits to the ready-to-use script provided by Referral Factory.

By default, Referral Factory's easy-to-install widget hovers in the bottom, right-hand corner of your website or web app. If you would like to change the position of the widget, for example, to hover on the left-hand side of your webpage or web app, you will need to edit the styling built into the ready-to-use script yourself.

You could also make use of Referral Factory's referral program pop-up rather than the widget as this option gives you the freedom to configure your own button or trigger.

→ Copy the widget script from Referral Factory.

→ Log in to your Squarespace account.

→ Choose the webpage where you want to install the widget and click edit.

→ Click add block and select Code.

→ Paste the widget script in this block.

→ Save your changes.

→ Copy the widget script from Referral Factory.

→ Log into your WordPress dashboard and navigate to “Plugins”.

→ Select “Add New Plugin”. Search for, install and activate the plugin “Headers and Footers Scripts”.

→ Go to the "Settings" section on WordPress and select "Insert Headers and Footers".

→ Copy and paste the widget script in the Footer section.

→ Copy the widget script from Referral Factory.

→ Log in to your Webflow account and go to your project.

→ Select the Embed element located under Components in the Elements Panel.

→ Place the Embed Code element wherever you want in your website.

→ Once you click on it, the code editor will pop.

→ Paste the widget script in the custom code window.

→ Click Save & Close.