How to Place Blocks Side by Side Using DuoBuild in the Zibster Website Builder
The Zibster Website Builder includes a powerful feature called DuoBuild, which allows you to place supported blocks side by side on a page. This layout option is perfect for creating modern, visually balanced designs by combining content like text, images, buttons, or forms in a horizontal layout rather than stacking everything vertically.
Supported Blocks for DuoBuild
You can use the DuoBuild feature with the following block types:
- Text Editor Block
- Text + Image Block
- Image Block
- List Item Block
- Banner Block
- Video Block
- Form Block
- Buttons Block
- HTML Block
STEP ONE
Log Into Your Zibster Account
From your dashboard, click on WEBSITE in the left-hand menu.
STEP TWO
Open the Page You Want to Edit
Click on the name of the page where you want to use DuoBuild.
STEP THREE
Use DuoBuild to Place Blocks Side by Side
-
Locate the block you want to move.
-
Click and hold the block.
-
Drag it next to another DuoBuild-supported block (not above or below).
-
When the blocks snap into position side by side, release your mouse.
You can also drag a new block from the available options directly next to an existing one to create a DuoBuild layout.
Once aligned, the blocks will appear side by side on your live website, sharing the same row on the page.
Example of DuoBuild Layout
Here’s what a DuoBuild layout might look like:
