# Custom Blocks

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/SFIUXX9WsuBTCYJ9oGP9/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)