How to create a website
On this page, you will learn how to create a website using systeme.io.
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
- 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:
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 :