📖
Pulse Domains
  • 👋Introduction
  • đŸŸĸRegistration FAQ
  • 📒Terminology
  • Guides
    • đŸĒ„Domain Registration
    • đŸ§â€â™€ī¸Updating Your Profile
    • đŸĨˇPreserving Your Privacy
    • đŸ‘ĨCreating Subdomains
    • đŸ›Šī¸Domain Transfer
    • 🤝DNS Domain Setup
    • 🍭Brand Guidelines
    • 💸Referrals
    • 📜Whitelist & Claims
    • 🌟Registration Widget
    • đŸĒ…CCIP & PNS
    • đŸĒ…Name Renewal
  • Deep Dives
    • đŸŦName Wrapper
      • đŸ”ĨFuses
      • âŗExpiry
      • ✅Approved Operators
    • 👨‍🔧Managing a Name
    • 🔤Homoglyphs
  • pls.fyi Profile
    • ✨Your Web3 Profile
  • PLS.TO dWeb
    • đŸĒInterPlanetary FileSystem (IPFS)
    • 🌐Your Decentralized Website
    • đŸ’ģIPFS & PLS.TO Guide
  • Partner Sites
    • 📈PulseCoinList.com
    • 💱PulseSwap.io: The Aggregator of Aggregators
      • 📈 Integration for Developers and Projects
  • Dapp Developer Guide
    • đŸ› ī¸Getting Started
      • PNS Enabling your DApp
      • PNS Libraries
      • Working with PNS
      • Resolving Names
      • Managing Names
      • Registering & Renewing Names
      • PNS Front-End Design Guidelines
      • PNS as NFT
      • PNS Data guide
    • 🐛Bug Bounty Program & Audit
  • âš™ī¸Contract Api Reference
    • 📜Deployed Contracts
    • Name Processing
    • Registry
    • ReverseRegistrar
    • TestRegistrar
    • PublicResolver
    • .pls Permanent Registrar
      • Registrar
      • Controller
    • DNS Registrar
    • Name Wrapper
      • Expiry
      • Fuses
      • Wrapped States
    • Subgraph
      • Entities
      • Queries
  • 📙Contract Developer Guide
    • Resolving Names On-chain
    • Writing a Resolver
    • Writing a Registrar
  • đŸĻ¸â€â™‚ī¸Community
    • Community Dev Resources
  • Links
    • đŸ•šī¸PNS App
    • đŸĻTwitter
    • âœˆī¸Telegram
    • 💡PNS Name Ideas (Community Site)
Powered by GitBook
On this page
  • How to Add the PNS Registration Widget to Your Site
  • 1. Using NPM Package
  • 2. Embedding via HTML

Was this helpful?

  1. Guides

Registration Widget

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

PreviousWhitelist & ClaimsNextCCIP & PNS

Last updated 3 months ago

Was this helpful?

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

2. Embedding via HTML

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:

<iframe src="https://widget.pulse.domains?mode=dark&shadow=yes&referrer=helloworld.pls" width="400" height="600" style="border:none;"></iframe>
  • 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'.

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.

For developers using React in their dApp, you can install the package. This package provides a small, customizable React component for interacting with the PulseChain Name Service.

referrer: Set this to a .pls domain of your choice. The default is null. ()

🌟
@pnsdomain/widgets
More on Referrals