> For the complete documentation index, see [llms.txt](https://docs.jaka.app/shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jaka.app/shopify/2-referral-program/referral-popup-text.md).

# Referral popup text

### ⚙️ Steps to Edit Referral Popup Text

1\. Open the app > click **Referrals** on the left side menu

The app allows you customize  3  referral popups

2\. Click **Customize** button of the widget you want to edit

<figure><img src="/files/2cNBiKSxfsBlCj4UF9Sq" alt=""><figcaption></figcaption></figure>

3. Click text icon on the left side menu > edit the text&#x20;

<figure><img src="/files/qz75WjbxAqbNpPledaAV" alt=""><figcaption></figcaption></figure>

&#x20;4\. Click **Save**

***

### 🧩 Popup Text Sections Explained

#### 🏷️ Card (Main Message)

This is the headline and description shown at the top of the popup.

**What you can edit:**

* **Title** – Main message (highlight the reward)
* **Subtitle** – Short explanation of how the referral works

**Best practice:**

* Keep it short and clear
* Mention both rewards (for friends and referrer)
* Use friendly, positive wording

***

#### 🔘 Button Text

This controls the call-to-action button.

**Common uses:**

* Encourage users to get their referral link
* Prompt them to start sharing

**Tips:**

* Use action words (Get, Share, Invite)
* Keep it under 20 characters
* Make it clear what happens next

***

#### ✏️ Input Field Text

This is where users enter their email to get a referral link.

You can customize:

* **Input placeholder** – What the field says before typing
* **Required message** – Shown if the field is empty
* **Invalid message** – Shown if the email format is wrong

**Why this matters:**\
Clear messages reduce confusion and improve sign-ups.

***

### &#x20;⚙️ Using Dynamic Variables

Referral popup text supports **dynamic variables**, which update automatically based on your reward settings.

Common variables:

* `{{discount_of_referral}}` → Reward for the referrer
* `{{discount_of_referral_friends}}` → Reward for friends

Using variables ensures your popup text always matches your actual rewards.

***