How to create a website

On this page, you will learn how to create a website using systeme.io.

You can use either the blog or sales funnel feature to create your website.

We recommend using the blog feature if you intend to publish content regularly and have a large number of pages on your site.

If you want to create a simple website with a couple of pages, we suggest using the funnel feature instead.

1. How to create a website using the blog feature

What you'll need:

a custom domain name previously connected to systeme.io (Click here to learn how to connect your root domain into systeme.io)
a blog created using systeme.io ( Click here for in-depth instructions on building a blog in systeme.io)

When you create a blog, it will always have four default pages ( home page, about page, post list page, and contact page).

You can modify those pages, but you can also add new pages to your blog.

Step 1: Add new pages to your blog

Click on the "Blogs" tab (number 1 in the image) then enter your blog by clicking on its title (number 2 in the image)

Then click on the "Pages" section (number 3 in the image), then on the "Create a blog page" button (number 4 in the image)

Enter the name of the blog page and its URL path in the popup window that appears, then click "Create" to validate the new blog page creation (number 5 in the image)

You will find more detailed instructions on how to add new pages to your blog on this help page.

Step 2: Set your blog homepage as the homepage of your website

When you create your blog, you should define your blog homepage as the homepage of your website (I.e. the main URL with no additional paths)

That way, your blog homepage will display when your website is opened.

Click on the "Blogs" tab (number 6 in the image), choose your blog from the list, and open your "Blog settings" (number 7 in the image)

Leave the URL path field empty and click on "Save" (number 8 in the image)

Step 3: Add the 'Menu' element to your homepage

After you have set your blog's homepage as the homepage of your website, you need to set up the "Menu" element which is on your homepage and has been added by default on this page

In order to configure the menu of your blog, you must first click on the button "Blog layout" (number 9 in the image)

When the "Blog Layout" editor opens, click on the "Menu" item on your page, so you can edit the default menu items, delete them and add new ones.

(The blog layout lets you determine the elements that will be present on all of your blog pages by default)

New menu items can be blog pages, blog posts or custom URLs.

We recommend adding the same number of menu items as the number of pages in your blog. This way, your website visitors will be able to access all pages of your site from your homepage.

You can customize the following options in your menu :

Delete menu item (number 10 in the image)
Rename the menu item (number 11 in the image)
Choose if you want the menu item to be a blog link or a custom URL (number 12 in the image)
Choose the blog link - page or post from the drop-down menu, or insert the custom URL if you have chosen this option (number 13 in the image)
Add a new menu item (number 14 in the image)

It is also possible to make your menu sticky (visible throughout the whole page).

Click on the section containing the "Menu" element and scroll down the "Editor" tab on the left side of the screen until you reach the "Sticky" section.

Check the "Do you want this to always be visible (sticky)?" box and choose whether you want the section to stick to the top or the bottom.

Kindly note that your website menu will appear on all your blog pages.

If you want to remove it from one of them, click on the "Don't use blog layout" button (number 16 in the image)

Our help page " How to create a blog menu" will provide you with more detailed instructions on setting up your website menu.

Step 4: Design your homepage and the rest of your website pages

You can design your website pages according to your preferences.

To do so, kindly open the editor of the page you want to design by clicking on "Edit" (number 17 in the image)

Once you have accessed the editor of your homepage, you can remove the existing elements that you do not want to use.

You can also keep the elements on your pages and adjust them to your needs.

Click on the element you wish to modify to open its settings and use the editor on the left side of the screen to adapt it.

In our example, we will modify the "Text" element:

Result :

Along with modifying the existing elements, you can add new elements to your pages, such as the Image, Audio, or Video element.
All you have to do is click on the desired element, drag it onto your page and drop it into a suitable place.
Here you can see how to add the "Video" and the Image element to your page.

We recommend that you search our knowledge base, as you will find help pages on how to use various elements in your page editor there.

2. Create a website using the funnel feature

a custom domain name previously connected to systeme.io (How to connect your root domain into systeme.io)
a funnel created using systeme.io (How to create a funnel)

Once you have created your funnel, you should add new funnel pages (funnel steps).

These pages will serve as your website pages. We recommend that you add up to five pages to your funnel.

Step 1: Create new website pages

Open your funnel and click on the "Create step" button (number 1 in the image)

Choose the title and the type of your page, and save the settings :

Choose the template of your choice and design the page according to your preferences.

Follow this procedure to create all your website pages (funnel pages).

Step 2: Define a page from your funnel as the homepage of your website

Open your funnel, click on the page you want to set as your homepage, and delete the URL path (number 2 in the image)

Step 3: Add the "Menu" element to your website homepage

After you have defined a page from your funnel as the homepage of your website, you should add the "Menu" element to your homepage and add the same number of menu items as the number of your website pages (funnel steps).

That way, your website visitors will be able to access every page of your website from your homepage.

Open the editor of your homepage, drag the "Menu" element and drop it onto your page (number 3 in the image)

You can add new menu items and connect each item with a page from your funnel.

To do it, go back to your funnel, click on the page you want to connect to the menu item, and copy its URL (number 4 in the image)

Go back to your homepage editor, click on the "Menu" element to open its settings, and then click on the "Add menu item" button (number 5 in the image)

Choose the title of the menu item and paste the page URL you have copied (number 6 in the image)

Use the same method to create menu items for all your website pages.

You can delete menu items by clicking on the "Trash can" icon (number 7 in the image) and rearrange them by clicking on the arrows (number 8 in the image).

If you want the menu to display on every website page, you can save it as a block and insert it into the rest of your website pages (see our help page: How to save blocks in the editor).

Useful articles :