How do you manage the navigation menu – links, actions and alignment – in Loopia Sitebuilder?

In Loopia Sitebuilder you can have anything from a simple navigation to a complex hierarchy of pages and subpages. You customise your navigation items and assign them different actions in the Navigation settings window.

Navigation menu options

Every template comes with a navigation menu enabled in the Header block. To begin with, you only have one page on your site and in the navigation menu – Home. When you create more pages, they’re added to the navigation menu automatically unless you untick Show in navigation. In that case the page won’t appear in the list, but you can add it manually.

In the Navigation settings window you can:

• Add a new item to the navigation menu by clicking the (+) button.
• Remove a page from the navigation menu.
• Change the order of navigation items.
• Change items’ click actions.
• Rename items.

Note: you can’t add new pages from the Navigation settings window – use the Page Manager for that.

Opening Navigation settings

Click the Navigation button in the top bar, or click the navigation menu itself and then the folder tree icon.

Editing Navigation settings

• Change the order of items by dragging and dropping them.
• Open an item’s settings to change its name and click action – click the gear icon next to its name.
• Remove an item from the navigation (without deleting the page itself) by clicking the bin icon next to it.

Click actions available in the dropdown:

• Open a page: the link opens a page on your site.
• Make a phone call: visitors can call you without leaving the site.
• Send an email: visitors can email you directly.
• Download a file: visitors can download a file.
• Scroll to a block: the link scrolls to another block on the page.
• Open a web address: the link opens an external URL.

Once you’ve chosen a click action, enter the item’s name in the Title field below.

Linking to a page on your site

1. In Item settings, choose Open a page from the click action dropdown.
2. Choose the page to open.
3. Enter the page title.
4. Click Submit.

Making a phone call

1. In Item settings, choose Make a phone call.
2. Enter your phone number in international format.
3. Enter a title, for example “Call us”.
4. Click Submit.

Sending an email

This creates a mailto link. When a visitor clicks it, their default email client opens with your address filled in.

1. In Item settings, choose Send an email.
2. Enter your email address.
3. Enter a title, for example “Email us”.
4. Click Submit.

Scrolling to a block

1. In Item settings, choose Scroll to a block.
2. Enter a title, for example “Pictures” if the click should scroll to the Gallery block.
3. Click Submit.

Linking to external websites

1. In Item settings, choose Open a web address.
2. Paste the URL of the page you want to link to into the click action field.
3. Tick Open in new tab and Add a nofollow tag as needed.
4. Enter a title – the name of the external site works well if you’re unsure.
5. Click Submit.

Navigation alignment

Click the navigation menu to activate its controls and choose the alignment you like. You can also manage navigation in your Footer block.

Related articles

• How do you edit buttons in Loopia Sitebuilder – colour, text, click action and alignment?
• How do you create text links in Loopia Sitebuilder – to pages, blocks, web addresses and files?
• How do you set a click action on an image in Loopia Sitebuilder?