Skip to main content

How to add and customise a block on your website pages

Learn how to add and customise blocks like photos, text, and maps to web pages using the website editor.

Lauren Allard avatar
Written by Lauren Allard
Updated over a month ago

Overview

This article provides detailed instructions on how to add new blocks to your website pages using the website editor. Adding blocks such as photos, text, maps, logos, and testimonials can enhance the look and functionality of your site. You will need this guide when you want to update your website content or add new elements to existing pages.

Step-by-step instructions

Add a block to the page

  1. Access the website builder

    • Navigate to the sidebar and click "Website" in your administrator area.

    • In the submenu that appears, click "Website" again.

    • Click the "Customise" button located at the top right corner of your screen.

  2. Select a page to edit

    • By default, you will land on the home page.

    • Click the "Pages" button in the horizontal bar at the top.

    • A sidebar will appear showing all your site's pages.

    • Click the name of the page to which you want to add a block; it will load in the editor.

  3. Add the block to the page

    • In the sidebar containing the page blocks, click "Add an element".

    • A new sidebar will open with a list of available items.

    • Click on the desired block element to add it to the base of the page.

    • Adjust the order of the page blocks as needed.

Customise the block

  • The new block will appear in the left menu; click it to open customisation options.

  • Modify settings, model, content, and other features according to your needs.

Be sure to click Save after any changes.

How to add a button to a block

  • Select the block that refers to the changes (it will be highlighted in red on the right side to distinguish the block from the rest): ​

  • Make sure that in the section Button you have checked "Add a button"

  • You will now be able to customise your button and link it to an internal or external page ​ ​

  • Press Save to update the changes on your website.

Please note, that the button option is not available for all the blocks.

How to move a block

  • Click on the "Pages" button, located at the top of your screen in the horizontal bar. A sidebar will open giving you access to all the pages of your site.

  • Click on the name of the page containing the block and it will be loaded into the editor.

  • In the sidebar click and hold the block you want to move and move it up or down to the desired location.

As soon as you have moved it, the new location is automatically saved.

Hide or delete a block

  • In the sidebar containing the blocks on the page, click on the eye symbol to the right of the block name you want to hide, it will then disappear.

  • To delete a block, click on the bin symbol to the right of the name of the block you want to delete, a second validation will be required to avoid any misuse.

Note

Some blocks are only available on specific pages. For example, the availability planning block is limited to the rooms pages.

Did this answer your question?