The Website Builder allows users to create appealing websites without programming knowledge. The main features include navigation between the builder and tools, adding headers and footers, creating subpages, and customizing sections and elements. Designs and fonts define the layout, while images can be integrated and edited for galleries and backgrounds. The builder offers predefined content types and allows creating a harmonious design with colors and fonts. Image editing is done directly in the editor.
With the Website Builder, you can quickly design beautiful web presences without programming skills or operating a complex website CMS. This page is intended to help you get started and briefly explain the most important basic functions.
How do I log in?
Please refer to the following article:
Website Builder: METAhost - Create a Website
"Quick Start": Overview of Main Features
In the main navigation, you can switch between the builder and other tools (statistics, blogs, general site settings). The following explanations refer to the site editor/builder.
A Website Builder page basically consists of a front page (Home) and subpages, each with a header and footer. Each page is divided into individual horizontal sections. Each section can then contain additional individual elements.
Structure Example
The following briefly introduces the 6 main components when creating the website:
1. Header and Footer
2. Subpages
3. Sections
4. Elements
5. Designs and Fonts
6. Images
1. Header and Footer
The header and footer (top and bottom area of the page) strongly shape the appearance of your web presence (similar to templates in earlier versions). You can select the desired design (e.g., menu navigation) via the “Customize Section” and “Change Layout” functions.
Similarly, the footer (bottom area) can influence the layout:
2. Subpages
Create and Manage New Subpages
In this menu, subpages and directories (navigation points with multiple subpages) can be created and managed. This menu also serves for quick switching between pages to edit their content.
3. Sections
You can now easily add content to the respective pages. Sections are predefined content types (such as contact or photo galleries).
Add Section
Select Section
Adjust Section Settings
| With section features like "Dividers" or "Scroll Effects," dynamic, contemporary presences can be created with little effort. |
4. Elements
The "Elements" function allows existing sections to be expanded with additional content. Existing elements can be edited by clicking on the respective section.
Add Element
With drag & drop, elements can be placed to the left, right, below, or above an existing element. Within a section, up to 4 columns with elements can be created.
Already placed elements can be moved at any time:
Placement example next to image on the right:
Placement example below contact form:
5. Designs and Fonts
| The basic layout of the website is defined by the choice of design, base colors, and fonts. |
To ensure a harmonious design, the website uses 4 colors (dark, light, color 1, and color 2). With the colors "dark" and "light," you automatically have a suitable complementary color (background/text) to achieve appropriate contrast. Color 1 is used as an accent color (e.g., to highlight individual elements like buttons). Color 2 mainly serves as an alternative or for nuance if the 3 main colors are not sufficient.
6. Images
Images can be inserted and edited for galleries, backgrounds, or individual images.
Under "Recent," uploaded images can be edited if needed (template images are excluded).
Select a suitable headline and optionally define an appropriate description.
Via "Edit Image," you can make adjustments directly in the Website Builder editor:
Via the "Professional Image" menu, pre-made photos can be added.