In the previous tutorial, you discovered how to organize your website pages. Once you have completed this important step, you just have to set up menus and buttons to help internet users to browse your website. With well named and organized pages, this step will just be a formality!
The menu is the essential browsing element on a website. Except in special cases, your website has at least a main menu. Here is how to set up this block easily.
Pages order and level in the Menu block totally depend on the organization set in the Pages tab.
You can change page order and level at any time, to create dropdown menus. In order that a page becomes a subpage, just move this page slightly to the right under another page.
In this example, there are four main pages (SiteW Tutorial, Tutorial 1, Tutorial 2 and Tutorial 3) and the Tutorial 1 page has three subpages (Subpage 1, Subpage 2 and Subpage 3). In that case, the Menu block is displayed in the following form:
The Content tab of the Menu block enables you to manage pages.
A section of the Content tab of the Menu block
Managing pages consists of setting up:
The pages listed in the menu
The website pages that display this menu
In the example above, because of the ticked boxes:
The Menu block is displayed on the Tutorial 1 page (ticked box)
The Menu block is not displayed on the Tutorial 2 page (unticked box)
A section of the Design tab of the Menu block
The Design tab offers you some additional settings for the organization of the pages in the Menu block.
In the example above, if this box is ticked, the Tutorial 1 heading doesn’t enable you to open the Tutorial 1 page. This heading just enables you to open the submenu to choose among the three subpages.
If this box is ticked, all the subpages are treated like main pages in the Menu block and appear on the first level.
In most cases, the menu is the main element to browse your website. However, buttons also play an important part as they serve as calls to action and encourage your website visitors to go to the page where you want to take them to.
The Content tab of the Button block enables you to choose a target link.
By clicking on the Choose a link button, you open a window. This window enables you to choose among a wide range of target links for the button that are split into several tabs: none, address, page, article, product, email, phone, document, image, etc. For this tutorial, it’s the Page tab of the window that interests us.
By setting up three parameters, this tab enables you to create a link to a page of your website:
Title: Text shown in a tooltip when you hover the mouse over the button
Target: You can open the page in a new window of the browser
Page: Name of the website page to open when you click on the button
The Save and update button enables you to confirm the set link.
Please note that to delete the link targeted towards a button, just go to the None tab in the window.
Besides the Button block, you can also create links in other blocks: in a section of a text with the link tool, on an image, an icon, etc.
Each time you can create any type of links.
Last update: November 05, 2020