How do I copy a block from one page to another on my hotel website?

Duplicate or reuse a block without rebuilding everything

Key points • Direct copy-paste is only possible via the Designer • The Editor allows modification but rarely duplication of blocks • Symbols and Components facilitate reuse across multiple pages • Testing responsiveness after duplication is essential

Copying a block from one page to another is very useful for saving time: offer banner, contact section, description block, image with title, CTA… On a hotel website, this helps maintain visual consistency and avoids manually recreating each element. The ability to copy depends on your access and the site's structure.

Here's how to do it effectively.

Copying a block via the Designer (recommended method)

The Designer is the only interface where you can copy and paste entire sections.

Procedure :

1. Open the Designer.
2. Go to the page containing the block you want to copy.
3. In the Navigator, select the desired section, block, or div.
4. Press Cmd/Ctrl + C to copy.
5. Open the page where you want to paste the block.
6. Select the desired location in the Navigator.
7. Press Cmd/Ctrl + V to paste.
8. Adjust margins, padding, images, or text as needed.
9. Publish.

💡 The Navigator is your best ally: it helps avoid copying an incomplete sub-element and ensures clean duplication.

Use a Symbol or Component to reuse a block

If you want to use a block in multiple places while maintaining the same layout and styles, the best solution is to transform it into a Symbol or Component.

Advantages: • Reusable on all pages • Global update (change once, changes everywhere) • Ideal for banners, CTAs, information blocks, secondary headers

Method :

1. Open the Designer.
2. Select the block to transform.
3. Click on Create Component / Create Symbol.
4. Give it a clear name (e.g., Winter Offer Block).
5. Insert it on another page using the Add → Components option.

💡 Perfect for hotels with recurring seasonal content.

Copying a block into a CMS Collection

If the block belongs to a Collection (e.g., rooms, offers, events), standard copy-pasting is not necessary. In this case: • Duplicate the CMS item in the Editor • Or create a new item based on the existing one

Procedure from the Editor:

1. Access the Editor via Login.
2. Open the relevant collection.
3. Click on Duplicate item or recreate an item.
4. Edit the content.
5. Publish.

💡 This type of duplication allows the layout to be automatically preserved.

Copy simple text, image or content (Editor)

If you do not want to copy the structure but only the content of the block:

1. Access the Editor.
2. Select the text or image.
3. Copy the content (text or image).
4. Paste it onto another page within an existing block.

This does not copy the layout, only the content.

Points to consider when duplicating

After copying a block, check: • That the mobile and tablet responsiveness is maintained • That the margins do not create empty space • That the image used is appropriate for this context • That interactions/animations still function correctly • That internal links point to the correct pages

💡 A copied block remains styled with the same classes: be careful that these styles do not disrupt the new page.

What not to do

To avoid errors: • Never copy a block with a global class that you plan to modify. • Do not paste a block into a section with an incompatible layout. • Do not duplicate an animated block without checking the interactions. • Do not use copy-paste from the Editor for the structure (not supported).

Conclusion

Yes, you can copy a block from one page to another, but it depends on the tool you're using. The Designer allows for a complete and clean duplication, while the Editor only copies the content. To reuse a block across multiple pages, convert it to a Symbol or Component. Always testing the mobile version after duplication ensures a smooth and seamless experience for your visitors.