In the previous tutorial, you discovered how to organize your website pages. Once you have completed this important step, you just have to configure 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 block
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 configure this block easily.
Manage pages
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.
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 subpage 3 is no longer displayed in the menu
The menu is no longer displayed on the Tutorial 2 and Tutorial 3 pages
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)
How to choose the home page
The home page is displayed when you directly enter the website address. Just move a page to the first position in order that it becomes the home page.
Other settings
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.
No link for main pages with submenu
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.
Ignore page level
If this box is ticked, all the subpages are treated like main pages in the Menu block and appear on the first level.
The button block
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.
Call to action
In web marketing, calls to action are used to encourage internet users to interact with your website according to a privileged path. Calls to action are highly visible buttons with a verb that encourages to act.
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.
The links
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.