> For the complete documentation index, see [llms.txt](https://docs.varbase.vardot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.varbase.vardot.com/10.0.x/content-designers/about-layout-builder/block-layout.md).

# Block Management

Blocks in Layout builder

Custom Blocks are pre-built design blocks that help the user to design content faster by reusing existing blocks.

### **How to Add a Custom Block**

1. Open the desired page e.g.(Homepage).
2. Click on **Tasks \&#x20;*****Layout***.
3. Click on **Add Section \&#x20;*****Choose a layout for this section*** e.g.(1 column).
4. Click on **Add Block \&#x20;*****Create Content Block***.

<figure><img src="https://1551857219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8dBDWQAT3IcHFm6Y1A3%2Fuploads%2Fz96s7M0ynRLvLZdfm0YD%2Fimage.png?alt=media&amp;token=1a430491-abe7-4478-a7a7-ad626d8747ab" alt=""><figcaption><p>Adding Custom Block</p></figcaption></figure>

5. Select the desired block.

<figure><img src="https://1551857219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8dBDWQAT3IcHFm6Y1A3%2Fuploads%2FjCaXbAfklUbl9EuChtxF%2Fimage.png?alt=media&amp;token=5c9fc82a-d05e-4f76-8594-d4bac66599be" alt=""><figcaption><p>Adding Block</p></figcaption></figure>

### How to edit a custom block

1. Open the desired page e.g.(Homepage).
2. Click on **Tasks \&#x20;*****Layout***.
3. Navigate to the desired block.
4. Click on the **Block Configure** **icon**.
5. Click on ***Configure*** button.

<figure><img src="https://1551857219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8dBDWQAT3IcHFm6Y1A3%2Fuploads%2Fh3R1jxA5mHDuFGysfo9B%2Fimage.png?alt=media&amp;token=79fb78c7-d19f-46e5-af71-419be8a66a89" alt=""><figcaption><p>Configure Block</p></figcaption></figure>

6. Edit the block fields.
7. Click on **Update** button.
8. Click on **Save layout.**
