How to create a website

In this article, you will learn how to create a website using the website builder.

Table of Contents:

• Creating a new website
• Editor overview
• Managing Pages
• Publishing pages
• Using Popups
• Global Style settings
• Settings
• Switching website languages
• Building a multilingual website
• Device preview
• Domain Usage Rules

The Websites feature in systeme.io allows you to build and manage multi-page websites from a single interface.

Creating a new website

To get started, navigate to the Sites (1) tab in your main menu and click Websites (2).

On the website listing page, click Create (3).

In the popup that appears, provide the following details about your website:

• Name: Enter the name of your website (4)
• Domain name: Select the domain you want to use (5)
• Home page URL path: Once you select a domain, this field appears automatically. Use it to define the URL path for your homepage (6)
• Language: Choose the main language for your website (7)

After filling in all the required fields, click Save (8) to create your website.

After saving your website details, a window will open prompting you to choose a template for your homepage.

You can choose one of the following options:

• Choose a template: Select one of the ready-made designs and customize it.
• Build from scratch: Start with a blank canvas and design everything manually.

Once you select an option, click Save (9) to continue.

After saving the selected template for your website, you will be redirected to the website editor.

Editor overview

The editor contains four main tabs you will use to build and manage your website:

• Pages – manage the structure of your website, switch between pages, create new pages, and access page settings.
• Popups – create and manage popups for your website.
• Style – define global design settings such as fonts, colors, and buttons.
• Settings – configure website-level options such as languages and general settings.

Managing Pages

The Pages tab is where you manage the structure of your website.

From here, you can view all pages (1), switch between them, and create new ones by clicking (+) Create (2).

Click any page in the list to display it in the editor area on the right. To start editing that page, click directly inside the editor area.

This opens the page editor panel, where you will find all elements available to customize your page:

You can return to your list of pages anytime by clicking Pages at the top left of the editor.

If you try to switch pages or leave the editor with unsaved changes, a confirmation popup will appear:

Note: The website editor uses the same page builder available in the sales funnel feature, so all editing tools work the same way.

Page settings

To access the settings of a specific page, click the three-dot menu next to the page name.

This menu displays the following options:

• Settings
• Unpublish
• Remove

Note: The homepage cannot be deleted. Only secondary pages include the remove option.

When you click Settings, the Page settings popup will open with the following sections:

General settings

Here you can edit:

• Page name
• URL path

SEO

Use this section to define how your page appears in search engines.

You can set the title, description, keywords, author, image, and preview how it looks in search results.

It's also possible to hide this page from search engines, preventing it from appearing in search results.

Languages

This tab is used to create language-specific versions of the page.

Clicking Duplicate language-specific versions of this page will create a copy of the page for the selected language, allowing you to manually translate its content.

Advanced

In this tab you can add custom tracking code specific to this page.

Use only validated scripts, as unsupported code may affect page performance or behavior.

Publishing pages

Newly created pages are added in Draft mode by default.

To publish a page, click the three-dot menu and select Publish.

Note: You can unpublish a page the same way.

Using Popups

Click the + Create button in the tab Popups to create a new popup.

Once the popup appears in the editor area, click on it to begin customizing.

The editing panel will open on the left side of the screen, displaying all available settings.

Page popups vs. Website popups

Each popup can be either:

• Page popup: visible only on the page you are editing.
• Website popup: visible on all pages of the website.

To switch between these modes, click the globe icon.

• When the globe icon is blue, the popup is a Website popup.
• When the globe icon is gray, the popup is a Page popup.

The status label above the popup list updates automatically to reflect your choice:

• Page popups
• Website popups

Global Style Settings

The Style tab controls global appearance settings applied across all website pages.

You can configure:

• Typography (headers and paragraphs)
• Colors (background, buttons, links)
• Buttons
• Form fields (padding, radius, borders, colors)

Changes made here are applied globally to the entire website.

Settings

The Settings tab controls general website options, including:

• Website name
• Domain
• Homepage
• Language
• Logo

Switching website languages

At the top of the Pages tab, you can switch the website language using the language dropdown.

When you select a different language, the page list updates to show the pages available for that language version.

Building a multilingual website

The Websites feature supports multilingual structures.

To create a multilingual website:

1. Build your main website in one language.
2. For each page, open the three-dot menu and go to Languages.
3. Duplicate the page for the language you want to add.
4. Switch the website language in the Pages dropdown.
5. Edit the translated version of each page manually.

This ensures full control of the content displayed in every language.

Device preview

While editing any page, you can preview how it looks on different devices.

Use the preview toolbar at the top right to switch between:

• Desktop view
• Mobile portrait view
• Mobile landscape view

This helps you check whether your layout works on all screen sizes.

Domain Usage Rules

If you need to change your website domain after the website has already been created or published, you can update these details from the Websites list.

To access your website settings:

1. Exit the website editor
2. Navigate to Sites > Websites
3. Find your website in the list
4. Click the three-dot menu button next to it
5. Select Settings

This opens the Edit website popup, where you can modify:

• Website name
• Domain name
• Homepage URL path

When you click the X icon to remove the assigned domain, the system will show a warning informing you that the website will be deactivated until a new domain is selected.