> 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/9.1.x/content-designers/about-layout-builder/block-layout.md).

# Custom Blocks

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\\*****Layout***.

![Homepage-Layout](https://content.gitbook.com/content/RPp0n1Zud7iJeGbDEjdP/blobs/UYIKgfXOe1f6rq6HwSGu/Homepage-Layout.png)

3\. Click on **Add Section\\*****Choose a layout for this section*** e.g.(Bootstrap 1 Col).

![Edit layout for Homepage- Choose a Layout for this Section](https://content.gitbook.com/content/RPp0n1Zud7iJeGbDEjdP/blobs/FxatFf6N5sh6GPcsLakf/Edit%20layout%20for%20Homepage%20_%20Add%20Section.png)

4\. Click on **Add Block\\*****Create Custom Block***.

![Edit layout for Homepage - Add Block - Create Custom Block](https://content.gitbook.com/content/RPp0n1Zud7iJeGbDEjdP/blobs/ktgLRGmYHVyMBdHOhfP9/Edit%20layout%20for%20Homepage%20_%20Add%20Block%20-%20Create%20Custom%20Block.png)

5\. Select the desired block.

![Add a New Custom Block](https://content.gitbook.com/content/RPp0n1Zud7iJeGbDEjdP/blobs/91qnIxAKCShfw90stGxP/Edit%20layout%20for%20Homepage%20_%20Add%20a%20New%20Custom%20Block.png)