> For the complete documentation index, see [llms.txt](https://docs.gutenbricks.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.gutenbricks.com/features/advanced/custom-block-html-id.md).

# Custom Block HTML ID

{% hint style="info" %}
This article is about the WordPress plugin GutenBricks, which allows you to create Gutenberg blocks using the Bricks Builder page builder in a no-code approach. Visit [**GutenBricks.com**](https://gutenbricks.com) for more information.
{% endhint %}

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

In case you want to add a custom unique ID to a block to create an anchor etc, you can enable `Block HTML ID,` this will bring up a field to enter a custom ID like the one below:

<figure><img src="/files/moRbk9wGFZDNhOKSvHQJ" alt="" width="297"><figcaption><p>This will add an ID <code>#about</code> to the block </p></figcaption></figure>

This will assign the ID to **`first element`** of the block. For eg, if you wrap the block in one parent element such as a section or container, the ID will be assigned to the parent.&#x20;

<figure><img src="/files/EilGJIEkDDrg8MrHJfbn" alt=""><figcaption></figcaption></figure>

### How to:

<figure><img src="/files/w904XtttbSjf1tnr88ok" alt="" width="375"><figcaption><p>Add <code>Block HTML ID</code> inside Block Setting Fields</p></figcaption></figure>

Inside Bricks Builder,

1. Open Settings ⚙️ (on the right top corner)&#x20;
2. Open Template Settings Tab
3. Open GUTENBRICKS:BLOCK Tab
4. Under EDITING section
5. Click Block Setting Fields to select **`Block HTML ID`**

If you have questions, please join our [Facebook Group](https://www.facebook.com/groups/wiredwp) or email us at <support@gutenbricks.com>