Loading...

Knowledge Base

How To Manage Blocks on Website Builder

Blocks in the website builder are the elements of your website page that contains the text, 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:

  1. On the Website Builder, click BUILD on the Side Menu. Then, choose BLOCKS.
    Screenshot of VD Website Builder Build Button

    Screenshot of VD Website Builder Blocks Button
  2. Hover your cursor over to the type of BLOCK you want to add and choose a layout on the right.
    Screenshot of VD Website Builder Choose Blocks Layout
  3. Drag and drop the chosen block to the part of the webpage where you want to place it.
    Screenshot of VD Website Builder Add Blocks Here

    The 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.

  1. On the Website Builder, go to the webpage that you want to edit.
  2. Hover your cursor over to the website block that you want to remove.
  3. Click the [X] button on the right-most side to Delete.
    Screenshot of VD Website Builder Delete Block

    That 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.

  1. Select the website block by hovering your cursor to that part on the webpage.
  2. Click the arrow-cross icon on the right-most side to Move.
    Screenshot of VD Website Builder Move Block Option
     
  3. The MOVE BLOCKS window will appear on the right. Arrange the blocks by dragging and dropping them to your desired arrangement.
    Screenshot of VD Website Builder Move Blocks Window
     
  4. The rearrangement takes effect right away. Close the MOVE BLOCKS window and publish the website to apply the changes publicly.
    Screenshot of VD Website Builder Close Move Blocks Window

 

Clone 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.

  1. Select the website block by hovering your cursor over that part of the webpage.
  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.
    Screenshot of VD Website Builder Duplicate Blocks Button

    But if you want to put the same website block on another webpage, click on the download icon to Save Block.
    Screenshot of VD Website Builder Save Blocks Option
     
  3. Add the website block to the webpage where you want it and access it from Saved Blocks.
    Screenshot of VD Website Builder Saved Blocks Button

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

Did you find this article helpful?

 
* Your feedback is too short

Loading...