The visual editor for your booking site

1. Desktop or phone preview

   Switch the preview between a 1280px desktop view and a phone frame. The refresh button next to it reloads the preview.

2. Open your live page

   Opens your public booking page in a new tab. It shows the last saved version, not your unsaved changes.

3. Restore the previous version

   Every save or template change keeps a backup of the version before it. This button swaps the saved design with that backup after you confirm; pressing it again brings the newer version back.

4. Undo and redo

   Step back and forward through your unsaved edits. Ctrl/Cmd+Z and Ctrl/Cmd+Shift+Z do the same. This history starts again after each save.

5. Save your design

   Makes your changes live on the booking site. A small dot on the button means there are unsaved changes, and your browser warns you if you try to leave before saving.

6. Live preview

   Your booking site with your unsaved changes. Click a block to edit it, use its small toolbar to move, hide, translate or open its settings, and the + bar between blocks to add a new one. Hide the side panel from the top bar for more room.

7. Theme content

   In Ready Theme mode, the texts and images of each block are listed here, grouped by block. Clicking a block in the preview highlights its group. Texts can be translated into your other languages.

8. Show, hide and order blocks

   Reorder the blocks of your theme with the arrows, hide the ones you do not need, add a new block anywhere or remove blocks you added.

9. Section list

   In Section Builder mode your page is a list of sections. Drag or use the arrows to reorder, the eye to hide, the bin to remove and Add section to insert a new one (up to 30). Click a section to edit it.

10. Section settings

    The texts, images and options of the selected section, with a translate button for your other languages. Changes show in the preview straight away.

11. Display mode

    Ready Theme keeps the theme's own design and lets you edit its content in place. Section Builder rebuilds the page block by block. Move to sections copies the current theme layout into editable sections and keeps a backup.

12. Theme picker

    Choose the theme used for your booking site. Press Save to apply it to the live site.

13. Typography settings

    Pick the body and heading fonts, text size scale, heading letter spacing, spacing density, corner radius and button style. The preview updates as you choose.

14. Ready templates

    Apply a ready-made section arrangement. It replaces your current layout after you confirm; the previous version is backed up and can be restored in one step.

15. Header options

    Make the header sticky, show or hide the logo, menu and button, set the button label and manage the menu items: reorder, hide, rename, remove or add up to 12.

16. Footer options

    Show or hide your brand, links, contact details and custom pages, and add a short footer note.

17. Chatbot widget

    Design the AI assistant bubble on your storefront: switch it on, set its title, greeting, colour, WhatsApp and Telegram links, position, size and quick links. It has its own Save button at the bottom of this panel.

18. Content tab

    Opens the text and image editor for the blocks of your ready theme.

19. Sections tab

    Opens the block list of your ready theme, where you reorder, hide or add blocks.

20. Sections tab

    Opens the list of sections used in Section Builder mode.

21. Section tab

    Opens the settings of the section you selected in the list or in the preview.

22. Theme and template tab

    Display mode, theme, typography and ready-made templates.

23. Menu tab

    Header and footer options of your booking site.

24. Chatbot tab

    The look and links of the AI assistant widget on your storefront.