Skip to main content

Friend offer popup for Shopify

Patrick avatar
Written by Patrick
Updated this week

The friend offer popup is a Shopify app embed that appears on your homepage when a referred friend is redirected to your store via the advocate's referral link.

Important: If you wish to enable the friend offer popup, you must disable the Friend Offer Page on your campaign's Widgets page.

Friend offer page vs. popup

The friend offer page and friend offer popup serve the same purpose, which is to provide the discount code to the referred friend. The friend offer popup is a more seamless and improved option compared to the friend offer page.

If you wish to bring the referred friend directly to your Shopify store after clicking on a referral link, the friend offer popup is the recommended widget.


Using the friend offer popup

Step 1: Turn on the friend offer popup

To activate the friend offer popup:

  1. From your Shopify admin, go to the App embeds page.

  2. Toggle on Friend Offer Popup.

  3. Customize the popup. You can do the following:

    • Upload a background image. The recommended image height is 87.5 pixels or a 4:1 aspect ratio.

    • Show or hide the divider line

    • Show or hide the copy icon

    • Show or hide the filled background behind the close icon

  4. Click Save.

The popup follows your store's theme, such as the color, typography, and button settings.

Note: The friend offer popup heading "Here's [offer description]" is derived from the Reward description set for the friend offer. To edit this, go to the Referral Candy app > Campaigns > Select your campaign > Friend offer > Discount value.

Step 2: Disable the friend offer page

The friend offer popup replaces the default friend offer page for your store. To avoid the two widgets from conflicting, you must disable the friend offer page to use the popup widget:

  1. From your Shopify admin, go to Campaigns > Select your campaign. In the Promote campaign section, click Widgets.

  2. Scroll down to find the Friend offer page section.

  3. Click Turn off to disable. Wait for the changes to save.


Friend offer popup (Shopify) FAQ

Why can't I see the friend offer popup?

To prevent advocates or affiliates from redeeming their own friend offer discount codes, the friend offer popup won't appear if the referral link is accessed from the same IP address used to register for the campaign. This is a fraud prevention measure designed to block self-referrals.

If you're a Shopify merchant testing the popup, make sure to use a different device and browser connected to a separate network with a different public IP. This will allow you to see the friend offer popup when clicking on a referral link for your store.

Why is the friend offer popup empty when someone opens the referral link?

The Shopify friend offer popup may appear for customers, but the popup block is empty. Here are the reasons why the popup may appear blank on your pages:

  • Your campaign is paused or stopped. Set the campaign status to Live.

  • Make sure that the friend offer popup is toggled on and the friend offer page is turned off in your campaign's Widgets settings.

  • Custom themes may interfere with the Shopify friend offer popup. Check your theme's code for any issues that may affect the widget.

Note: ReferralCandy doesn't provide troubleshooting support for custom themes and codes. It's recommended to use Online Store 2.0 themes to ensure compatibility with ReferralCandy widgets in Shopify.


πŸ’¬ Need help? Click the chat widget on the right to start a conversation. Learn more


Did this answer your question?