# Referral Landing Page

This is a specific page on your website dedicated to explaining your referral program. It helps customers easily understand the benefits of the program. The URL you provided is where customers can learn more about your referral program\
\
The referral page serves as a login portal for existing customers. Upon logging in with their email address, customers receive a referral link which they can share with their friends and family via email. This referral link is provided instantly upon login. Additionally, customers have the option to share this link on social media platforms such as Facebook, WhatsApp, and Twitter.\
\
Go to Shopjar Dashboard -> Referral Program-> \
General -> Branding and Popups -> Enable the Referral Landing Page

<figure><img src="/files/Klb4OyQ2CEPPDDk1a5Zv" alt=""><figcaption><p>Enabling Referral Landing Page</p></figcaption></figure>

## Customization of referral landing page

The referral landing page provides the option to customize all fields and text. It also includes a feature that allows for the translation of English characters into the user’s native language.\
\
1\. Click the edit button near the name of the referral landing page to be edited

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

<figure><img src="/files/7QNYpW8MiIxlFUyMm0Ab" alt=""><figcaption></figcaption></figure>

The referral landing page also includes a feature that allows it to be styled according to the store's theme. By utilizing the provided CSS options, users can optimize the style and font color of the landing page.

<figure><img src="/files/NeofUEDuSb2bwgfI958V" alt=""><figcaption><p>Custom CSS </p></figcaption></figure>

## How Do You Add a Referral Landing Page to Your Store?

Follow these Steps:\
\
Go to Shopify Dashboard -> Apps -> Referral Program: Shopjar -> Referral Program Section -> General\
Branding and Popups -> Referral Landing Page -> Copy the URL or Link of the Page.

<figure><img src="/files/a9xXu1MRsY7mbAKJDxSU" alt=""><figcaption><p>Copy the Link of Referral Landing Page</p></figcaption></figure>

Next,

Click on the online store -> Navigation -> Main Menu&#x20;

<figure><img src="/files/mQhQvqb4wwb5U03vG9Rv" alt=""><figcaption><p>Main Menu</p></figcaption></figure>

Paste the referral landing page link in the section.

<figure><img src="/files/NvIoL1exiJ7v0PCXQRE2" alt=""><figcaption><p>Paste the referral landing Page URL</p></figcaption></figure>

After pasting the link in the section, the page link automatically appears.

<figure><img src="/files/RLUtWZZD6sMY4X4SUGOP" alt=""><figcaption><p>Page link appears</p></figcaption></figure>

The referral Landing page appears on the storefront&#x20;

<figure><img src="/files/j6ILSgjO8sYXHLynO25d" alt=""><figcaption><p>StoreFront</p></figcaption></figure>

The referral landing page appears on the storefront page after save it in the menu option&#x20;

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

{% hint style="success" %}
Need help in setting up the Referral program?\
Contact us at: **<contact@afflr.on.crisp.email>**\
Or, schedule a call with us at [**https://zcal.co/t/shopjar/30min**](https://zcal.co/t/shopjar/30min)
{% endhint %}


---

# 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.shopjar.co/referral-program/branding-and-popups/referral-landing-page.md?ask=<question>
```

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.