# Namespace

{% embed url="<https://youtu.be/ylYN_2JxN24>" %}

#### **How to Add a Namespace Widget Block:**

* **Access the Webhash Editor:**
  * Navigate to the **Webhash** editor and open the page where you want to add the Namespace Widget.
  * Click the **“Add Block”** button at the top-right corner of the editor.

<figure><img src="https://4161914543-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F741wExKkkJOu5fhET8Lp%2Fuploads%2Fa6fJNotuuHGycs14Zi86%2FScreenshot%202024-10-19%20at%204.14.09%E2%80%AFPM.png?alt=media&#x26;token=b15d4943-f32f-4a6d-bfe3-e00dc7971938" alt=""><figcaption></figcaption></figure>

* **Search for the Namespace Widget Block:**
  * Scroll down or type **“Namespace”** in the search bar to find the **Namespace Widget Block**.
  * Click on the block to select it.

<figure><img src="https://4161914543-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F741wExKkkJOu5fhET8Lp%2Fuploads%2FUbjNV4Ct0yNXbfRcI6Iz%2FScreenshot%202024-10-19%20at%204.15.27%E2%80%AFPM.png?alt=media&#x26;token=d9786bb1-7fcd-49ff-8e9e-434ec82a0582" alt=""><figcaption></figcaption></figure>

* **Pop-Up Configuration:**
  * A pop-up will appear, asking for a **Widget ID**.
  * You’ll need to retrieve the Widget ID from **namespace.tech**.

<figure><img src="https://4161914543-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F741wExKkkJOu5fhET8Lp%2Fuploads%2Fwyx3K0eWN5EoJMuWzmDb%2FScreenshot%202024-10-19%20at%204.16.22%E2%80%AFPM.png?alt=media&#x26;token=ae770a54-b3fe-4c73-b610-4f56df752b7f" alt=""><figcaption></figcaption></figure>

* **Retrieve Widget ID:**
  * Go to **app.namespace.tech** and connect your **wallet**.
  * Once connected, the app will display all the ENS names associated with your wallet.
  * Select the desired ENS name and the **Widget ID** will be displayed for use.

<figure><img src="https://4161914543-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F741wExKkkJOu5fhET8Lp%2Fuploads%2FGdJWfIrtUZZMa0LPfhso%2FScreenshot%202024-10-19%20at%204.18.22%E2%80%AFPM.png?alt=media&#x26;token=6b9eaf87-526b-42c0-96d4-fa3973a6c594" alt=""><figcaption></figcaption></figure>

* **Minting ENS Subdomains:**
  * To allow users to mint ENS subdomains, you must **list your ENS names** in the manager section of the app.
  * Select the ENS name you want to enable for minting, and the system will configure it accordingly.
* **Add the Widget ID to the Block:**
  * Paste the **Widget ID** into the Namespace Widget Block pop-up on Webhash.
  * Click **Submit** to finalize the addition of the block.

<figure><img src="https://4161914543-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F741wExKkkJOu5fhET8Lp%2Fuploads%2FIXbGydakDeo32RXQzvO7%2FScreenshot%202024-10-19%20at%204.19.55%E2%80%AFPM.png?alt=media&#x26;token=9d17a622-d429-44dc-ba13-4217cd0a6315" alt=""><figcaption></figcaption></figure>

* **Customization and Wallet Connect:**
  * Once the widget is added to your website, you can **customize its style** and layout.
  * Webhash handles the **Connect Wallet functionality**, so your users can connect their wallets without additional configuration.
* **Minting Process:**
  * After the widget is active, users can mint subdomains directly from your website.
* **Final Steps:**
  * Once everything is configured, click **Mint** to complete the process.
  * Keep in mind, that minting may require **Ethereum gas fees** based on network conditions.