> ## Documentation Index
> Fetch the complete documentation index at: https://docs.partnero.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Embeddable and pop-up forms for refer-a-friend programs

With Partnero refer-a-friend programs, you can enable your visitors to invite friends with a quick two-step form. Choose an embeddable version, a pop-up form, or use both for added flexibility. In this article, we'll review how to enable and customize the forms, rewards, and the process.

***

### How it works

Here's a quick outline of how the process works:

**Step 1**: The visitor is prompted to enter their email address to refer friends and earn a reward. <img src="https://mintcdn.com/partnero/OHZjbiS4lFuaFFhM/images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/33434484.webp?fit=max&auto=format&n=OHZjbiS4lFuaFFhM&q=85&s=007e6484c1273df08248c21492abed72" alt="" width="972" height="778" data-path="images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/33434484.webp" />

**Step 2**: The visitor is prompted to enter their friend's information. <img src="https://mintcdn.com/partnero/OHZjbiS4lFuaFFhM/images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/8a758c86.webp?fit=max&auto=format&n=OHZjbiS4lFuaFFhM&q=85&s=0b185f69452b65dd614028ee62189fd9" alt="" width="964" height="788" data-path="images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/8a758c86.webp" />

**Step 3:** The thank-you page is displayed. The referred friend receives an invite. If the form is set up to offer instant reward delivery, the reward emails will be sent according to the specified settings.

<img src="https://mintcdn.com/partnero/OHZjbiS4lFuaFFhM/images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/3c2926f9.webp?fit=max&auto=format&n=OHZjbiS4lFuaFFhM&q=85&s=afdf374c08d78c7ed5a0c120f6efceca" alt="" width="966" height="786" data-path="images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/3c2926f9.webp" />

***

### Enable the forms

To customize and enable forms, open your refer-a-friend program and click on **Forms** in the left-hand side menu: <img src="https://mintcdn.com/partnero/OHZjbiS4lFuaFFhM/images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/b4ffd831.webp?fit=max&auto=format&n=OHZjbiS4lFuaFFhM&q=85&s=323d4313c1a908288be694d61b01fd1b" alt="" width="2870" height="1564" data-path="images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/b4ffd831.webp" />

Alternatively, you can navigate to **Referral portal** and switch to the **Forms** tab.

To insert an **embeddable** form:

1. Enable the embeddable form using the toggle.
2. Copy the provided code snippet and insert it anywhere on your website where you'd like the form to appear: <img src="https://mintcdn.com/partnero/OHZjbiS4lFuaFFhM/images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/86f862f8.webp?fit=max&auto=format&n=OHZjbiS4lFuaFFhM&q=85&s=3e2e504a48db0e197815499971465e1d" alt="" width="2874" height="1558" data-path="images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/86f862f8.webp" />
3. Click **Update** to save changes.

To insert a **pop-up** form:

1. Enable the pop-up form using the toggle: <img src="https://mintcdn.com/partnero/OHZjbiS4lFuaFFhM/images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/3ede9ce3.webp?fit=max&auto=format&n=OHZjbiS4lFuaFFhM&q=85&s=555f2e978be28570bfc83cf92c1a16dc" alt="" width="2868" height="1558" data-path="images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/3ede9ce3.webp" />

2. An additional pop-up settings section will appear. Customize the visibility settings: <img src="https://mintcdn.com/partnero/OHZjbiS4lFuaFFhM/images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/fe6c1c39.webp?fit=max&auto=format&n=OHZjbiS4lFuaFFhM&q=85&s=641987cade3fbce7abce4f5aa610c611" alt="" width="2876" height="1556" data-path="images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/fe6c1c39.webp" />
   \*\*Trigger and frequency settings
   \*\*

   * Wait X seconds before showing the pop-up: the pop-up will appear on your website after a visitor spends the indicated number of seconds.

   * Show when the visitor scrolls to X%: the pop-up will appear after the visitor scrolls the indicated percentage of a page.

   * Show before closing the page: the popup will appear if a visitor moves their mouse towards the closing of the page (tab).

   \*\*Visibility settings
   \*\*
   Select where your registration pop-up will appear. Click **Edit** to expand:  <img src="https://mintcdn.com/partnero/OHZjbiS4lFuaFFhM/images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/4e888fc8.webp?fit=max&auto=format&n=OHZjbiS4lFuaFFhM&q=85&s=8291a54ca711165b0ca39f7b5a31c4d3" alt="" width="2050" height="1036" data-path="images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/4e888fc8.webp" />   - All pages: the pop-up will appear on all pages of your website.

   * Hide on specific pages: the pop-up will appear on all pages of your website except the pages listed here.
   * Show on specific pages: the pop-up will only appear on the pages indicated here.
   * Hide on desktop devices: the pop-up will not appear when viewing your website on desktop.
   * Hide on mobile devices: the pop-up will not appear when viewing your website on mobile.
   * Hide on tablet devices: the pop-up will not appear when viewing your website on tablets.

3. Click **Save** to apply changes.

***

### Reward delivery

Reward delivery enables you to configure what happens when a customer completes the form. <img src="https://mintcdn.com/partnero/OHZjbiS4lFuaFFhM/images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/58c52e01.webp?fit=max&auto=format&n=OHZjbiS4lFuaFFhM&q=85&s=4b5d6587cfe7cd63bb609e1c3d20e1ce" alt="" width="2876" height="1562" data-path="images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/58c52e01.webp" />

* **Follow program settings** - general program reward settings will be followed.
* **Instant delivery** - rewards can be issued immediately after completing the form.

If you enable **Instant delivery**, additional settings will be presented to configure the rewards: <img src="https://mintcdn.com/partnero/OHZjbiS4lFuaFFhM/images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/15bfe170.webp?fit=max&auto=format&n=OHZjbiS4lFuaFFhM&q=85&s=b9d732a16aa40f6733033cd3de9bcd92" alt="" width="2872" height="1564" data-path="images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/15bfe170.webp" />

Once the refer-a-friend form is completed, the referred friend will receive an invitation to join the program and will get their reward immediately after signing up. At the same time, the customer who made the referral will also receive their reward right after the friend signs up.

Rewards can be customized for referring and referred customers individually. The following options are available for both:

* **None** - no reward will be issued.
* **Generic coupon** - add an existing generic coupon or promotion code that will be sent to the customer.<img src="https://mintcdn.com/partnero/OHZjbiS4lFuaFFhM/images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/5543636b.webp?fit=max&auto=format&n=OHZjbiS4lFuaFFhM&q=85&s=0deb7b4b92717ab0df0ecc6bf0ae43ab" alt="" width="2872" height="1552" data-path="images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/5543636b.webp" />
* **Dynamic coupon** - create new or select from existing dynamic coupons to use as a reward. [Read more about dynamic coupons here](/knowledge-base/referral-programs/dynamic-coupons-for-refer-a-friend-programs).<img src="https://mintcdn.com/partnero/OHZjbiS4lFuaFFhM/images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/1776ac3f.webp?fit=max&auto=format&n=OHZjbiS4lFuaFFhM&q=85&s=c28b37d1c5dee190be554b5437e55e6d" alt="" width="2874" height="1548" data-path="images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/1776ac3f.webp" />
* Click **Save** to apply changes.

***

### Design & appearance

Here you can customize how your form will look:

* select branding options
* choose colors and gradients
* define corner styles, text, and input.

<img src="https://mintcdn.com/partnero/OHZjbiS4lFuaFFhM/images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/87950b07.webp?fit=max&auto=format&n=OHZjbiS4lFuaFFhM&q=85&s=c75cf69f2cecac8f6bcfb852b250a641" alt="" width="2868" height="1558" data-path="images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/87950b07.webp" />

Remember to click **Save** to apply changes.

***

### Content

Here you can edit the copy for each step of the process.

**Step 1: Customer <img src="https://mintcdn.com/partnero/OHZjbiS4lFuaFFhM/images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/204dca90.webp?fit=max&auto=format&n=OHZjbiS4lFuaFFhM&q=85&s=8d95a69197a787f61d276ca2a4f4d417" alt="" width="2872" height="1564" data-path="images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/204dca90.webp" />**

* Edit form title, subtitle, and description.
* Add additional form fields
* Change CTA text
* Collect marketing permissions

**Step 2: Friend <img src="https://mintcdn.com/partnero/OHZjbiS4lFuaFFhM/images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/c9e3412b.webp?fit=max&auto=format&n=OHZjbiS4lFuaFFhM&q=85&s=82630b16ce7d44692929afa5314bdde5" alt="" width="2864" height="1548" data-path="images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/c9e3412b.webp" />**

Edit the copy for the friend invitation step.

**Step 3: Thank you page <img src="https://mintcdn.com/partnero/OHZjbiS4lFuaFFhM/images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/309035f1.webp?fit=max&auto=format&n=OHZjbiS4lFuaFFhM&q=85&s=f73c57d72175c4638419f5002b0b95a5" alt="" width="2872" height="1560" data-path="images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/309035f1.webp" />**

Edit the copy of the Thank you page.
Under the **Referring customer reward text**, you can add the text that will be shown to the referring customer.

Click **Save** to apply changes.

***

### Emails

<img src="https://mintcdn.com/partnero/OHZjbiS4lFuaFFhM/images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/9e31e8fc.webp?fit=max&auto=format&n=OHZjbiS4lFuaFFhM&q=85&s=14a531022032d36829cab5d0be6c4a41" alt="" width="2868" height="1560" data-path="images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/9e31e8fc.webp" />

Lastly, you can edit the emails that will be used to invite and send rewards:

* **Referring customer reward notification** - sent when the referring customer receives a reward.

* **Referred customer reward notification** - sent when the referred customer is rewarded.

* **Friend invitation** - sent when someone shares their referral link via an embeddable signup form or a pop-up.

Click the **gear icon** to edit the email subject and access the option to **Edit Content**. <img src="https://mintcdn.com/partnero/OHZjbiS4lFuaFFhM/images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/1fc700f6.webp?fit=max&auto=format&n=OHZjbiS4lFuaFFhM&q=85&s=0463ecbef05db8497bf9314b556b56f8" alt="" width="2870" height="1552" data-path="images/articles/embeddable-and-popup-forms-for-refer-a-friend-programs/1fc700f6.webp" />

Don't forget to click **Save** after you make any changes!


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.