---
title: "Welcome to your website"
description: "Learn how your website and its Admin work, then follow the onboarding tour to make your first changes."
requested_language: nl
language: en
translation_notice: "This page isn't translated yet"
url: https://docs.systhema.app/nl/next/editor-guide
version: unreleased (main)
docs_index: https://docs.systhema.app/nl/next/llms.txt
---
> This page isn't translated yet. Showing English.


Your website is the part your visitors see. Its Admin is the private workspace where you change words, choose images, build pages, and decide when your changes go live. Your agency has already set up the design and the tools you need.

![The demo website homepage with its navigation, heading, image, and introduction](./images/site.light.webp)

## Start with the onboarding tour

[Start the onboarding tour](https://docs.systhema.app/nl/next/editor-guide/onboarding.md). Allow about 20 minutes. You'll sign in, change a heading, build a page, choose an image, and learn how to keep unfinished work private.

You can practice on the [demo website](https://demo.systhema.app) and its [Admin](https://demo.systhema.app/admin). The demo uses the username **demo** and password **demo**. Your own website uses the sign-in details your agency gave you.

> [!NOTE]
> The demo resets every half hour and signs you out. Your practice changes disappear. Your own website does not reset this way.

## How a page fits together

A page usually starts with a hero, the opening area with a large heading and sometimes an image. Below it, you arrange blocks. A block is one piece of a page, such as a section of text, an image, a quote, a set of cards, or a form.

Some blocks hold other blocks. For example, a **Section** can hold text and columns. Each column can hold a card or an image. You fill in the content and choose from the settings your agency has made available. The website supplies the design.

The **Header** and **Footer** are shared across the site. Edit them once to change the navigation on many pages. The **Uploads** library holds images and other files that you can reuse.

## Find what you need

- [Onboarding](https://docs.systhema.app/nl/next/editor-guide/onboarding.md) is the guided tour. Follow it in order the first time.
- [Pages](https://docs.systhema.app/nl/next/editor-guide/pages.md) explains writing, blocks, templates, preview, publishing, and page SEO.
- [Media](https://docs.systhema.app/nl/next/editor-guide/media.md) covers the shared file library.
- [Navigation](https://docs.systhema.app/nl/next/editor-guide/navigation.md) covers the Header and Footer.
- [Posts](https://docs.systhema.app/nl/next/editor-guide/posts.md) and [forms](https://docs.systhema.app/nl/next/editor-guide/forms.md) explain those tools when your site uses them.
- [Search and visibility](https://docs.systhema.app/nl/next/editor-guide/seo.md), [languages](https://docs.systhema.app/nl/next/editor-guide/languages.md), and [users and roles](https://docs.systhema.app/nl/next/editor-guide/users-and-roles.md) cover the wider site settings.
- [Frequently asked questions](https://docs.systhema.app/nl/next/editor-guide/faq.md) helps when something doesn't behave as expected.

Screenshots use the demo. Your site's words, images, and available tools may differ. Your access also determines which buttons you see.

## Names you'll see in the Admin

| Name    | What it means                                                                                |
| ------- | -------------------------------------------------------------------------------------------- |
| Admin   | Your private editing workspace. The **Admin** role is the account with administrator access. |
| Page    | Content with its own website address, such as About or Contact.                              |
| Block   | One piece of page content, such as an image or a quote.                                      |
| Draft   | Saved work that visitors cannot see yet.                                                     |
| Publish | Make the working content visible to visitors.                                                |
| Hero    | The opening area of a page, usually with its main heading.                                   |

Fields with an asterisk are required. Buttons with only an icon show their names when you hold your pointer over them. A drawer is a panel that opens over the editor; closing it returns you to the page.

## Who to contact

Contact the agency that built your website. Use the contact details in your handover email or support agreement. They can help with access, design changes, missing tools, or a page that doesn't display correctly.

Include the page address, what you were trying to do, and a screenshot of the problem. Never include your password.