> For the complete documentation index, see [llms.txt](https://docs.pulse.domains/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.pulse.domains/guides/registration-widget.md).

# Registration Widget

Easy and quick to embed PNS right on your website & earn 💸

<figure><img src="https://3277765323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FStOwhwvhAvs3L45w42Xw%2Fuploads%2FhVDiTmF6ad8OuHO3QLLj%2FReferal%20Widget.png?alt=media&amp;token=4f4857a9-c949-4695-a75a-24e5a76a9380" alt=""><figcaption></figcaption></figure>

## How to Add the PNS Registration Widget to Your Site

There are two main ways to incorporate the PNS registration widget:

### **1. Using NPM Package**

For developers using React in their dApp, you can install the [`@pnsdomain/widgets`](https://www.npmjs.com/package/@pnsdomains/widgets) package. This package provides a small, customizable React component for interacting with the PulseChain Name Service.

### **2. Embedding via HTML**

<figure><img src="https://3277765323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FStOwhwvhAvs3L45w42Xw%2Fuploads%2Fomfcor2rouxgGZrMXW1q%2FScreenshot%202024-02-13%20at%201.55.25%E2%80%AFPM.png?alt=media&amp;token=594dde8b-1aab-4b5a-8e7d-1b75feeea81e" alt=""><figcaption></figcaption></figure>

For a simpler integration, especially if you're not using React, you can embed the widget directly into your website with an HTML `iframe` tag:

{% code overflow="wrap" %}

```
<iframe src="https://widget.pulse.domains?mode=dark&shadow=yes&referrer=helloworld.pls" width="400" height="600" style="border:none;"></iframe>
```

{% endcode %}

* **Attributes:**
  * `mode`: Choose 'light' or 'dark' theme, with 'light' as the default.
  * `shadow`: Set to 'yes' to add a shadow effect, or 'no' to remove it. Default is 'yes'.
  * `referrer`: Set this to a .pls domain of your choice. The default is null. ([More on Referrals](/guides/referrals.md))

By following these instructions, you can quickly add the PNS domain registration widget to your website, allowing users to register .pls domain names directly from your platform.