The drag-and-drop builder for your website

1. Choose a template

   Browse ready-made templates by category, preview one and press Use to fill your design, colours and sections with it. Start blank closes the gallery and keeps an empty design.

2. Site name

   The name of your website. It is shown in the header when there is no logo and used as the page title when no SEO title is set. It is saved with the design.

3. Template gallery

   Opens the template gallery at any time. Using a template replaces the current design, colours, menu, SEO details and pages in the editor; nothing is stored until you save or publish.

4. Draft or published

   Shows whether your site is live. Unsaved appears next to it while you have changes that are not saved yet.

5. Desktop or phone preview

   Switch the preview between the desktop width and a phone frame.

6. Undo, redo and refresh

   Undo and redo step through changes to the sections of the current page (Ctrl/Cmd+Z and Ctrl/Cmd+Shift+Z also work). The refresh button sends your draft to the preview again.

7. View live

   Opens your published website in a new tab.

8. Unpublish the site

   Takes your site offline so visitors no longer see it. Your draft stays in the editor, so you can publish again at any time.

9. Save draft

   Saves your changes as a draft without changing what visitors see.

10. Publish your site

    Saves your changes and makes this version live for visitors. Publish again whenever you want later edits to go live.

11. Live preview

    Click a section to select it, edit headings and texts right in the preview, click an image to change it, drag sections to reorder them and use the + bar to add a new section at that spot.

12. Site pages

    Your site can have several pages. Switch between them, add a page, rename the current one (its address follows the name) or delete it; the last remaining page cannot be deleted.

13. Page sections

    The sections of the current page. Add inserts a new section type; drag rows to reorder them, click one to edit it and use the bin to remove it.

14. Theme panel

    Tagline, body and heading fonts, corner radius, light or dark mode, spacing density, surface texture, hero pattern, preset palettes and your primary and highlight colours.

15. Menu and footer panel

    Logos for light and dark mode, header and footer styles, menu links, social media, footer text and the contact details used in the footer, contact section, WhatsApp button and Google search data.

16. SEO and meta panel

    The page title, description and share image used by search engines and social networks, with a preview of how your site may appear in search results.

17. Chatbot panel

    Design the AI chat bubble on your public site: switch it on, set its title, greeting, colour, WhatsApp and Telegram links, position, size and quick links. It has its own Save button.

18. Section settings

    Edit the selected section: heading, layout, background, surface pattern, button, texts, images and items. Delete section removes it from the page.

19. Editor tabs

    Switch the side panel between Structure, Theme, Menu, SEO and Chatbot. A Section tab appears once you select a section.

20. The drag-and-drop builder for your website

    This is where you design your public website: add and rearrange sections, pick a template, colours and fonts, and edit text and images directly on a live preview. Start from one of the ready-made templates or build your own from scratch. Changes are only a draft until you save, and they reach visitors only when you press Publish.