Can you change the order of the sections on a page?

Easily rearrange the layout of your hotel website

Key points • The order of sections can be modified according to permissions and site structure • The Editor sometimes allows for the reorganization of simple blocks • Global or complex sections require the Designer • A good hierarchy improves customer experience and conversion

Changing the order of sections on a page can improve the storytelling, readability, and performance of your hotel website. Better organizing content can highlight a Book Now button, a special offer, or a specific image. However, the ability to move sections depends on how the site was built.

Here’s how to understand what you can do from the Editor, and when you need to use the Designer.

Change the order of sections from the Editor (if allowed)

On some sites, the Editor allows you to reorganize simple content blocks, including: • Dynamic list items • Offer or room cards • Repeatable blocks within the same Collection • Text or image content in CMS format

In this case :

1. Open your published website.
2. Click on Login to access the Editor.
3. Locate the CMS area (offers, rooms, news, etc.).
4. Change the order using the available order fields or sorting rules.
5. Publish the changes.

💡 For CMS content, the order often depends on the sorting method (by date, manual order, or price). A simple change to the "order" field can reverse the presentation.

This cannot be modified from the Editor

Most of a page's structural sections are locked in the Designer, including: • Main sections (Hero, Offers, Rooms, Restaurant) • Layout blocks • Carousels • Areas containing animations or interactions • Global sections integrated via symbols or components

For these elements, the Editor does not allow you to move the sections, only to modify their content.

Change the order of the sections via the Designer (if necessary)

If you really want to move entire sections: • Move the “Offers” block above the “Rooms” block • Place a call-to-action banner higher up • Reorganize the overall page structure

You will need to intervene in the Designer. This operation consists of:

1. Open the Designer.
2. Select the relevant sections.
3. Drag and drop the blocks into the new desired order.
4. Check the impact on mobile and tablet devices.
5. Publish the website.

💡 A Designer intervention ensures that responsiveness, margins and animations remain consistent after the modification.

Be aware of the consequences on the mobile experience

When moving sections: • Always test the new layout on mobile • Verify that the order makes sense for vertical reading • Check the appearance of animations • Ensure that CTAs are not placed too low

A poor hierarchy can reduce the visibility of your major assets (rooms, restaurant, spa).

Best practices for the hotel industry

To optimize your conversions: • Place essential elements at the top: title, hero, Book Now call to action • Maintain a clear order: Rooms → Services → Restaurant → Reviews → Contact • Avoid having too many different sections too close together • Keep consistency across all important pages

Conclusion

Yes, it's possible to change the order of a page's sections, but this depends on your access level and the site's structure. The Editor allows you to modify some dynamic content, while reorganizing major sections requires intervention in the Designer. By maintaining a clear, mobile-first hierarchy, you ensure a smooth and efficient experience for your visitors.