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
Open the desired page e.g.(Homepage).
Click on Tasks\Layout.
![](https://docs.varbase.vardot.com/~gitbook/image?url=https%3A%2F%2F1741922406-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fu42G9phGWi3WksRxVOC1%252Fuploads%252FjYdbgoFpsLouM8I2xXhS%252FHomepage-Layout.png%3Falt%3Dmedia%26token%3Da914cd6b-4422-4726-bd2f-58793bb56911&width=768&dpr=4&quality=100&sign=5747dc9d&sv=1)
3. Click on Add Section\Choose a layout for this section e.g.(Bootstrap 1 Col).
![](https://docs.varbase.vardot.com/~gitbook/image?url=https%3A%2F%2F1741922406-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fu42G9phGWi3WksRxVOC1%252Fuploads%252FlFuFd4cREr8EocHRiv9W%252FEdit%2520layout%2520for%2520Homepage%2520_%2520Add%2520Section.png%3Falt%3Dmedia%26token%3Dc012c593-60cb-4e7b-bb11-34d81cb4d868&width=768&dpr=4&quality=100&sign=3e37f43d&sv=1)
4. Click on Add Block\Create Custom Block.
![](https://docs.varbase.vardot.com/~gitbook/image?url=https%3A%2F%2F1741922406-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fu42G9phGWi3WksRxVOC1%252Fuploads%252FWPnQDfIOp7E1QgKUoLho%252FEdit%2520layout%2520for%2520Homepage%2520_%2520Add%2520Block%2520-%2520Create%2520Custom%2520Block.png%3Falt%3Dmedia%26token%3D1061f961-5e2d-43de-a1fc-93c984e003c0&width=768&dpr=4&quality=100&sign=c9297b8a&sv=1)
5. Select the desired block.
![](https://docs.varbase.vardot.com/~gitbook/image?url=https%3A%2F%2F1741922406-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fu42G9phGWi3WksRxVOC1%252Fuploads%252FeUcE9PraUBGO2aj0Lpuy%252FEdit%2520layout%2520for%2520Homepage%2520_%2520Add%2520a%2520New%2520Custom%2520Block.png%3Falt%3Dmedia%26token%3Dc2190e07-2c60-4555-aad6-d5b9c3f2bdc8&width=768&dpr=4&quality=100&sign=c1163b41&sv=1)
Last updated