Skip to main content

How to add a block to your website

Add, customise, reorder and hide blocks (sections) on your Amenitiz website — what you can add, where, and what to know before you start.

Updated today

Your Amenitiz website is built from blocks — also called sections. Each block is a self-contained piece of content you drop onto a page: a cover image, a text paragraph, a photo gallery, a contact form, a list of rooms, and so on.

This article explains how to open the website builder, how to add a new block to a page, how to customise it, and how to reorder, hide, duplicate or delete blocks.


What is a block?

A block is a ready-made section of your website. Amenitiz offers around 40 block types covering every common need:

  • Hero & cover — full-width cover image, pop-up welcome image.

  • Text — simple paragraphs, text with image, multi-column layouts.

  • Media — image gallery, mosaic, slider, video, embedded iframe.

  • Rooms & booking — list of rooms, single-room details, booking window.

  • Contact & maps — contact form, address map, multi-address map.

  • Social proof — testimonials, logo list, amenities, menu, pricing table.

  • Utilities — separator, custom HTML code, legal notices.


Open the website builder

  1. In the admin sidebar, go to Website > Website.

  2. Click the Customize button. The visual builder opens.

  3. Use the top navigation to choose the page you want to edit: Home, Rooms, Contact, Blog, or any additional page you have created.


Add a new block

  1. On the left sidebar, click Add an element. A panel opens with all the blocks you can add to the current page.

  2. Scroll through the list and click the block you want. The block is created immediately with default content and a default layout.

  3. The new block is added at the bottom of the page. You can drag it to any position after it is created.


Customise a block

Click any block in the preview or in the left block list to open its settings panel. Depending on the block type you can change:

  • Content — title, text, images, button label and link.

  • Layout — number of columns per row, image position (left / right / centre), animation.

  • Colours — background colour, button colour, border, separator colour.

  • Spacing — padding and margin (top and bottom) to control how much space the block takes.

  • Fonts — by default, blocks use your site-wide font settings. You can override them per block if you want a different style.

Important: Blocks are translated language by language. Editing a title or a text in English does not automatically update it in your other site languages. Remember to switch the editor language and translate each block.


Reorder, hide, duplicate and delete blocks

On the left block list, each block has a drag handle and a set of icons:

  • Reorder — drag the block up or down. Your new order is saved automatically as soon as you drop it.

  • Show / hide — click the eye icon to hide a block from your live website without deleting it. Click it again to bring the block back.

  • Duplicate element — create an exact copy of the block, including all content and settings. The newly created bloc will appear at the bottom of the list.

  • Move to page — move an existing block to another page of your website.

  • Delete element — remove the block. You will be asked "Are you sure you want to delete this element?" before it is removed for good.

Tip: Hiding a block is a safer first step than deleting it. If you are not sure you want to remove a section permanently, hide it — you can bring it back in one click.


Blocks that cannot be deleted

A few blocks are essential to how your website works and cannot be removed from a page. For these blocks, the delete button simply does not appear in the actions menu:

  • Header and footer — the top navigation bar and the footer at the bottom of every page.

  • Room list on the home page — the block that lists your rooms on the home page.

  • Rooms page — the block that lists all your rooms on the Rooms page.

  • Single room page — the main content block on each individual room page.

  • Legal notices — the automated block that contains your mandatory legal text.

  • Blog index and blog article — the core blocks that display your blog list and each article.

You can still edit the content, colours, and layout of these blocks — you just cannot remove them.


Good practices

  • Preview on desktop and mobile. Use the device toggle in the builder to check how each block looks on a phone — some layouts feel different on a narrow screen.

  • Keep pages focused. There is no hard limit on the number of blocks, but long pages slow down the editor and the live site. Use Hide rather than stacking alternative versions of the same block.

  • Translate as you go. After finishing a block in your main language, switch the editor language and translate immediately — it is easier than doing every page at the end.

  • Duplicate instead of rebuild. If you want a second block with the same style, duplicate the original and change only what is different — colours and fonts stay consistent.

  • Save by publishing. Changes to blocks are saved as you edit, but make sure your website is set to Online (toggle in Website > Website) so visitors see them.


FAQs

Is a "section" the same as a "block"?

Yes. "Section" and "block" are two names for the same thing in the website builder. The sidebar uses both terms depending on the context.


Where does a new block appear on the page?

New blocks are always created at the bottom of the page. Drag them to the position you want after they are created.


Can I use the same block on several pages?

A block belongs to a single page, so you cannot share the same block across pages. To reuse the same design, add a new block of the same type on the second page, or use Move to page / Duplicate element from the actions menu.


Why doesn't my block have a delete button?

Some blocks are required for the page to work (header, footer, room lists, blog structure, legal notices). For these, the delete button is not shown. You can still edit and style them, just not remove them.


Why doesn't a certain block appear in the picker?

A few blocks only appear when the conditions are met — for example, the multi-address map requires several rooms with addresses, and the blog preview requires a minimum number of articles. Others are only shown on specific pages (blog blocks on blog pages, room blocks on room pages, and so on).


How do I bring a hidden block back?

Click the eye icon on the block a second time. The block is shown on your live site again, with all its original content and settings intact.

Did this answer your question?