Our Sitebuilder is easy and powerful editor, that you can use to edit your website virtually limitlessly. In this tutorial, we will go through the layout and menus of the Sitebuilder. This will get you started!

If you're new to using a website builder, you can take a look at this guide. The quick start guide will help you get started using the Website Builder!

First, go to the Home Page Editor editing screen, which will open a screen like the one below for your chosen page base:

• Settings menu is a drop-down menu where you can find the editing of pages and page structure of your site, edit text styles, add a favicon, edit settings and use the tool in full-screen mode. You can also change the language and log out.

• Previewing opens your site to view it as it will appear to the public. Your site is not yet published, but the preview will show you how your site will look.

• The Publish button publishes your pages so they are discoverable on your domain.

• The arrow button next to the Publish button allows you to publish, save your unfinished page, backup your site or restore your page from an existing backup. Remember to save your work from time to time!

• Navigation between different pages on your website, and the same menu for editing pages as in the "Settings" menu presented earlier.

• In the New/Reset menu, you can change the selected page template to another "Change page template", reset all your changes and return the page base to its initial state with "Reset" and import the site using the import tool "Import".

• The Undo and Redo buttons allow you to undo the change you have made or redo the change.

If you made a mistake or can't go far enough to undo the changes you've made, you can restore the last saved changes by changing the page you're editing via navigation. And select "Do not save".

If you have made changes and want to save them when you move on to edit another page, click "Save".
You can also undo the move to another page, so you don't lose any unsaved changes on that page.

In the lower menu bar you will find a grouping (Layout, Text, Image, Gallery, Media, Map...) of the different elements you can place on your page. In this guide, we will only go through the "Layout" related to the order and placement of the elements on the page.

The Layout menu allows you to select different blocks to place on your page. Blocks determine where and how you can place elements.
To add a new element, first click on an element to make it active on your page.

Next, open the Layout menu and select the appropriate block.
You can also add several blocks, nested or side by side, to create a layout of elements that suits your purpose. You can use the pre-created blocks in the sidebar as templates!

Next, select a new block that will appear inside the block you selected earlier, and drag it to the appropriate location on your page.

Note that when dragging elements, the tool's snapping feature will indicate with a blue bar where the element will move to. You can place elements around other elements according to the block layout.

You can now choose an element of your liking, for example an image, and place the element into this newly created block.

In the menu on the right-hand side, the top section is Page structure.
You can see the order of the elements at a glance. The structure is hierarchical, meaning that it is possible to add sub-blocks and elements within a block.
The active element is highlighted in the Page Structure menu.