# Referral Widget

This is a feature that showcases the unique referral URL to your existing customers after they make a purchase. It appears on the ‘Thank You’ page and encourages your customers to refer their friends to your store.\
\
A chat-like feature is available on the page where customers visit the store. Customers can log in to obtain the referral link, which also includes social sharing options, making it easy for customers to share the link with others.

Additionally, customization options are available for the referral feature. These options allow for easy customization of colors, text, and positioning of the feature. The position can be adjusted from top to bottom or left to right.\
\
Here are the steps to enable the referral widget\
\
Go to Shopjar Dashboard -> Referral Program -> General -> Branding and Popups -> Enable the referral widget

<figure><img src="/files/zCqg3YgJFlKEr9szWsz5" alt=""><figcaption><p>Enable Referral Widget</p></figcaption></figure>

## Customization of Referral widget

<figure><img src="/files/v2EyRlcexeCNv5ZJLAnJ" alt=""><figcaption><p>Customization of referral widget</p></figcaption></figure>

The referral widget offers customization options. These options allow for changes to color, font, and text style using the custom CSS feature.

<figure><img src="/files/N01a79rb4Vh883Hwogbf" alt=""><figcaption><p>Referral Widget in StoreFront</p></figcaption></figure>


---

# 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-widget.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.