How to Rearrange Blocks on a Page in the Zibster Website Builder
Each section of your Zibster page is built using blocks — such as text, images, videos, buttons, and more. You can easily rearrange these blocks to customize the layout of your page using two methods: drag and drop or the Move tool.
Important:
Drag and drop is only supported when using a computer. This feature does not work on mobile phones or tablets.
STEP ONE
Log Into Your Zibster Account and Open the Website Builder
- Log in to your Zibster account.
- Click WEBSITE from the left-hand menu.
STEP TWO
Select the Page You Want to Edit
- Click on the page that contains the blocks you’d like to rearrange.
TO USE THE MOVE TOOL
STEP THREE
Open Move Options
- Click the pencil icon in the top-right corner of the block you want to move.
- In the menu that appears, select MOVE.
STEP FOUR
Choose Your Block’s New Location
- A panel will open on the right with move options.
- Choose the destination page (the current page is selected by default).
- Select whether you want to place the block at the Top or Bottom of that page.
STEP FIVE
Move the Block
- Click MOVE BLOCK to confirm.
Your block will be moved to the selected location.
TO USE DRAG AND DROP
STEP THREE
Click and Drag the Block
- Click and hold the block you want to move.
- Drag it to the new spot on the page.
- Teal lines will appear as guides showing where the block can be placed.
STEP FOUR
Drop the Block
- Release your mouse button to place the block in its new position.
HELPFUL TIP: Use Collapse to Simplify Rearranging
If you're working on a long page with many blocks, use the collapse feature to simplify the process:
- Click the collapse icon at the top-left of any block to close it individually.
- Click Collapse All at the bottom of the block list to close all blocks at once.
This makes it easier to see the layout and move blocks more efficiently.
