# 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
3. Click text icon on the left side menu > edit the text
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.
***
### ⚙️ 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.
***
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.jaka.app/shopify/2-referral-program/referral-popup-text.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
