# Embeddable Widgets

ReferralHero Widgets are pre-built, ready-made components designed to be quickly integrated into your page. These widgets allow you to effortlessly display signup forms, sharing screens, and more, helping you to seamlessly incorporate your referral program into your site.

We currently offer five embeddable widgets:

<table data-view="cards"><thead><tr><th align="center"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td align="center"><strong>ReferralHero Advocate Dashboard</strong></td><td><a href="/pages/awxm2iZ8uGAuahwo1wRy">/pages/awxm2iZ8uGAuahwo1wRy</a></td></tr><tr><td align="center"><strong>ReferralHero Referral Signup Widget</strong></td><td><a href="/pages/NyAJzzuBL7YlIPRIGUo9">/pages/NyAJzzuBL7YlIPRIGUo9</a></td></tr><tr><td align="center"><strong>ReferralHero Referral Welcome Banner</strong></td><td><a href="/pages/RgYfpvByXD5G2mh446iI">/pages/RgYfpvByXD5G2mh446iI</a></td></tr><tr><td align="center"><strong>ReferralHero Sharing Widget</strong></td><td><a href="/pages/cdOj4g29zhznQ3GFhvyo">/pages/cdOj4g29zhznQ3GFhvyo</a></td></tr><tr><td align="center"><strong>ReferralHero Floating Button</strong></td><td><a href="/pages/Ygd6R7YKOtjHcipBvfIb">/pages/Ygd6R7YKOtjHcipBvfIb</a></td></tr></tbody></table>

You can deploy one or more of these widgets on your website or web app, providing an easy way for users to sign up for your referral program, obtain their referral links, and monitor their status.

{% hint style="info" %}
**Important Consideration:** If your website undergoes a major design overhaul where themes, template files, or content (including `<head>` tags) are replaced, you may need to reinstall the Tracking Code.
{% endhint %}

{% hint style="danger" %}
**Note:** The ReferralHero Dashboard, Signup Widget, Floating Widget, or the JavaScript API method `RH_MFxxxxxxxxxx.form.submit()` should only be used once on a single webpage. Avoid adding them multiple times on the same page to prevent conflicts.
{% 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://berylsystems.gitbook.io/referral-hero-documentation/integrations/embeddable-widgets.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.
