Configure browsing

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.

pages panel

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:

supages of menu

The Content tab of the Menu block enables you to manage pages.

menu block

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

manage menu

In the example above, because of the ticked boxes:

  • The subpage 3 is no longer displayed in the menu

subpages of the menu

  • The menu is no longer displayed on the Tutorial 2 and Tutorial 3 pages

menu

The Menu block is displayed on the Tutorial 1 page (ticked box)

display the menu

The Menu block is not displayed on the Tutorial 2 page (unticked box)

How to choose the home page
Info def
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

menu design

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

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
Info def
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.

button block

The Content tab of the Button block enables you to choose a target link.

call-to-action button

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.

manage button

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.

Next article
Save and publish

Last update: October 21, 2022