Please note:
This extension is part of the Referral Program features. You can learn more about the full program here.
The Friend pop-up Extension is a required asset to complete the referral flow. You must add at least two assets to your store, so be sure to include the Thank You Extension, the Theme App Extension, or both.
The Theme App extension lets you display the referral widget on any page in your store, directly through the Shopify editor, while keeping it fully aligned with your theme’s design. This is useful if you want to promote referrals on a homepage, collection page, or custom page.
To set up and customize the Theme App extension, navigate to Assets → Store Credit, next to the Theme App extension, click Set Up.
After you click Set up, a setup window opens with the following steps:
Click Set up on Shopify to open the Shopify theme editor. This is where you can manage and customize how app widgets appear on your storefront.
In the Shopify editor, click Add block or Add section under the page where you want the referral widget to appear.
Click on Apps → Select Referrals widget. This will add the referral widget to the page you selected.
After adding the widget, a customization panel opens on the right, where you can adjust the widget’s content and style.
Preview design
Here you can see the three states of the referral widget:
Logging in: Customers see a Get your link button.
Shared link: Displays the unique referral link for the customer to copy and share.
Logged out: Appears when the customer is not logged in, showing a button to log in to their account.
Style (applies to all states)
Background color: Change the widget’s background to match your brand.
Content color: Customize the text and icon colors.
Content alignment: Align text and buttons left, center, or right.
Button width: Control the width of the widget buttons.
Content - Customize the text shown in the widget
Caption: A short line of text above the title (applies to all states).
Title: The main heading in the widget (applies to all states).
Subtitle: Additional text below the title (applies to all states).
Button text: Text displayed on the logged-in state.
Log in button text: Text shown on the button when the customer is logged out.
Save your changes.
Note: All visual styling and placement of the Theme App extension are handled directly in Shopify’s editor, allowing it to stay consistent with your store’s theme.
Related articles:
Have more questions or any product feedback?
Feel free to contact us at info@rise.ai or in the chat box.