The Pop-Up Invite Friend Widget

ReferralMagic is an easy-to-setup and flexible referral tracking platform built for all kinds of online businesses. While it gives you unlimited integration possibilities with the full-featured API, it also comes with ready-to-use invite friend widgets.

One of these ready-to-use invite friend widgets is the "Pop-Up Invite Friend Widget".

After logging to your ReferralMagic account, go to your referral campaign dashboard and click "Widget Setup" on the right side:

On the "Widget Setup" page, you will see step by step installation instructions. The first step is adding the "tracking pixel" to the page you will be adding the invite friend widget:

The next step is to insert the widget javascript code to the place you want to display the invite friend popup widget:

As you can see above, you can customize all components of the pop-up widget. But first, what you need to do is to replace __USERS_NAME__ and __USERS_EMAIL_ADDRESS__ marks with the logged-in user name and email address. For privacy reasons, you may pass the encrypted user ID instead of the email address of your user to the "email" parameter.

As the last step, you may consider customizing the options of the widget:

image If you want to display an image banner on the popup, enter the full absolute URL of the image starting with http:// or https://.
when Set when to trigger the pop-up. Available triggers:
now => display the pop-up right away
wait => display the pop-up after x seconds (see "waitSeconds" option)
pageLoaded => display the pop-up once the page is loaded
clicked => display the pop-up once a click event occurred (see "clickSelected")
exit => display the pop-up on exit intent
clickSelector set to "null" or the element ID or class to trigger with "clicked" event.
waitSeconds set to "null" or to number of seconds you would like to display the pop-up after x seconds.
border_color The hex code of the pop-up border-color
border_radius The pop-up border-radius in pixels
link_color The hex code of the link color
text_color_overlink_link_color The hex code of the link hover color
text_color The hex code of the pop-up texts
text_size The font-size of text in pixels
show_alias Enable or disable "Referral Code Alias". Available options: true or false
text_intro The intro phrase
text_your_email The email phrase
text_not_you The "not you" phrase
text_use_your_link The "use your link" phrase
text_use_your_code The "use your code" phrase

Still need help? Contact Us Contact Us