Singapore & Australia # 1 for Web Hosting & Domains
SG: +65 6914-7888   AU: 1300-863-436 Asset 1colo Help
Vodien Logo
  1. Home
  2. Knowledge Base
  3. Website Builder
  4. How to Manage Blocks on Website Builder

How to Manage Blocks on Website Builder

Blocks on the website builder are the elements of your website page that contains the texts, design, media, etc. Each type of BLOCK is specific to what kind of content you want to put in. Below are the things that you can do on each BLOCK: 

Access the Website Builder first before doing any of the steps below.  

Add a Website Block 

This is useful if you want to insert something on your website that is not included in the Website Builder template you chose. Follow the steps below to add a website block:  

Step 1. On the Website Builder, click BUILD on the Side Menu. Then, choose BLOCKS. 

Website Builder Build Button

Website Builder Blocks TabStep 2. Hover your cursor over to the type of BLOCK you want to add and choose a layout on the right.

Choose Website Builder Block LayoutStep 3. Drag and drop the chosen block to the part of the webpage where you want to place itWebsite Builder Add Block HereThe block will show on the part of the webpage where you put it. Modify it by following the guide on how to Customise a Website Block.  

Remove a Website Block 

Follow the steps below to remove a website block. This will remove all texts and images that are in it, from left to right.  

Step 1. On the Website Builder, go to the webpage that you want to edit.  

Step 2. Hover your cursor over to the website block that you want to remove.  

Step 3. Click the [X] button on the right-most side to Delete 

Website Builder Delete Block OptionThat part of the webpage will disappear and the next block below it will automatically replace it.  

Select and Move a Block 

The steps below will guide you on how to select and move a block within the webpage.  

Step 1. Select the website block by hovering your cursor to that part on the webpage.  

Step 2. Click the arrow cross icon on the right-most side to Move 

Website Builder Move BlockStep 3. The MOVE BLOCKS window will appear on the right. Arrange the blocks by dragging and dropping them to your desired arrangement.  

Website Builder Move Blocks PanelStep 4. The rearrangement takes effect right away. Close the MOVE BLOCKS window and publish the website to apply the changes publicly 

Close the Move Blocks WindowClone a Website Block  

Cloning a website block is helpful if you want to have the same style of website block on any other part of your website. This can be done for the same webpage or on a different one.  

Step 1. Select the website block by hovering your cursor to that part on the webpage. 

Step 2. If you want to add the duplicate on the same webpage, click the copy icon to Duplicate. This duplicates the same website block right below it. Move the block if necessary.  

Website Builder Duplicate BlockBut if you want to put the same website block on another webpage, click on the download icon to Save Block 

Website Builder Save BlockStep 3. Add the website block to the webpage where you want to put it and access it from Saved Blocks.

Website Builder Saved BlocksMake the necessary changes to the duplicate block. Learn how by reading the guide How to Customise a Website Block

(Visited 59 times, 1 visits today)
Updated on November 30, 2022

Was this article helpful?

Related Articles