> 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.0.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://1741922406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu42G9phGWi3WksRxVOC1%2Fuploads%2FjYdbgoFpsLouM8I2xXhS%2FHomepage-Layout.png?alt=media\&token=a914cd6b-4422-4726-bd2f-58793bb56911)

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://1741922406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu42G9phGWi3WksRxVOC1%2Fuploads%2FlovyboBKggvRyYMkktQw%2FEdit%20layout%20for%20Homepage%20_%20Add%20Section.png?alt=media\&token=a8e38ff4-0332-4a54-a7ee-59513d56f91f)

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

![Edit layout for Homepage - Add Block - Create Custom Block](https://1741922406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu42G9phGWi3WksRxVOC1%2Fuploads%2FWPnQDfIOp7E1QgKUoLho%2FEdit%20layout%20for%20Homepage%20_%20Add%20Block%20-%20Create%20Custom%20Block.png?alt=media\&token=1061f961-5e2d-43de-a1fc-93c984e003c0)

5\. Select the desired block.

![Add a New Custom Block](https://1741922406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu42G9phGWi3WksRxVOC1%2Fuploads%2FeUcE9PraUBGO2aj0Lpuy%2FEdit%20layout%20for%20Homepage%20_%20Add%20a%20New%20Custom%20Block.png?alt=media\&token=c2190e07-2c60-4555-aad6-d5b9c3f2bdc8)