# 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://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%2FlFuFd4cREr8EocHRiv9W%2FEdit%20layout%20for%20Homepage%20_%20Add%20Section.png?alt=media\&token=c012c593-60cb-4e7b-bb11-34d81cb4d868)

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)