---
title: "Add a new page"
description: "Create a page with a template, a hero, a section, and a quote, then publish it at its own address."
requested_language: sk
language: en
translation_notice: "This page isn't translated yet"
url: https://docs.systhema.app/sk/editor-guide/onboarding/adding-a-page
version: unreleased (main)
docs_index: https://docs.systhema.app/sk/llms.txt
---
> This page isn't translated yet. Showing English.


You'll build a practice page with a hero and two blocks. Allow about five minutes. Use a name that is easy to recognize, such as "Editor tour".

## Create the page and hero

1. Open **Pages** and choose **Create new Page**.
2. Enter "Editor tour" in **Page title**. In the sidebar, set **Page Template** to **Default**. This gives you a hero and a flexible content area.
3. In **Content**, choose **Simple** under **Hero Type**. Enter "Welcome to our new page" in **Title**. The optional **Label (optional)** is a short line above the heading. **Description** is the introduction below it.

   ![A new page with its Page title, Simple hero, hero Title, and Page Template](./images/new-page.light.webp)

## Add two blocks

1. Click in the main **Content** editor below the hero. Type a short introduction, then start a new paragraph.
2. Open the blocks menu at the left of the toolbar and choose **Section**. In its **Content**, type "What we do" and a short explanation. Leave **Color**, **Background Variant**, and **Padding** at their defaults for now.

   ![A Section block in the editor with color, background, padding, and content fields](./images/tour-section.light.webp)

3. Click the blank paragraph after the Section. Open the blocks menu again and choose **Quote**. Enter "Good work starts with a clear plan." in its text area. **Add Citation** lets you credit the speaker when needed.

   ![A Quote block with Show Quote Symbol and Add Citation settings](./images/tour-quote.light.webp)

The blocks appear in the order you add them. For more layouts, use the [block reference](https://docs.systhema.app/sk/editor-guide/pages/blocks.md).

Why this matters: each block's **Content** belongs to that block. To add the Quote after the Section, click outside the Section, in the main editor below it.

## Set the address and publish

1. Set **URL path** in the sidebar to `editor-tour`. Use lowercase words with hyphens, without spaces or a leading slash. If the field is locked, use its lock control to make it editable.

   ![The page sidebar with Page Template, URL path, and Parent Page](./images/page-address.light.webp)

2. Leave **Parent Page** empty for this exercise. A parent adds another page's path before yours.
3. Choose **Save Draft**, then **Live Preview** to check the hero, introduction, Section, and Quote. Choose **Publish changes** when you're happy with them.
4. Open your website address followed by `/editor-tour` in another tab. The demo address is [demo.systhema.app/editor-tour](https://demo.systhema.app/editor-tour). If a preview bar appears, choose **Exit preview mode** to check the published page.

   ![The published practice page with its new hero heading](./images/published-page.light.webp)

## Check afterwards

The new page should open at its address and show your content. A published page does not automatically become a menu item. Use [Navigation](https://docs.systhema.app/sk/editor-guide/navigation.md) when you want visitors to find it in the Header or Footer.

## Related pages

[Page templates](https://docs.systhema.app/sk/editor-guide/pages/page-templates.md), [Blocks](https://docs.systhema.app/sk/editor-guide/pages/blocks.md), [Navigation](https://docs.systhema.app/sk/editor-guide/navigation.md).

Next: [Add an image](https://docs.systhema.app/sk/editor-guide/onboarding/adding-images.md).