> 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

<figure><img src="/files/jAgzsSJqalsWxu4Z82UF" 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="/files/UJQccFtQTMaQLJyCAKLz" 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.