Hoppa till innehållet
Dotweb
Logga in

Kategorier

Den här artikeln finns inte på svenska än. Här är den engelska versionen.

Managing the navigation menu

Add, rename, reorder, and set click actions for the items in your site's navigation menu.

På den här sidan

With the Website Builder, you can have anything from simple navigation to a complex hierarchy of pages and subpages. This tutorial shows you how to customize your navigation items and assign different actions to them.

All templates come with a navigation menu enabled in the Header block. To hide the navigation menu from the header, see our Header block tutorial.

At the start, you only have one page on your website and in the navigation menu: the Home page.

A new site’s navigation menu showing only the Home page

When you create more pages, they are automatically added to the navigation menu, unless you untick the Add to navigation checkbox. In that case, you will not see the page’s name in the list of items, but you can add it manually.

In the Navigation settings window, you can:

  • Add a new item to the navigation menu by clicking the (+) Plus button
  • Delete a page from the navigation menu
  • Change the order of the navigation menu items
  • Change the click action of a menu item
  • Change the name of a menu item

Adding pages

You cannot add new pages from the Navigation settings window. To do this, use the Page manager.

Accessing the navigation menu

To open Navigation settings, click the Navigation button in the Topbar.

The Navigation button in the Topbar of the editor

Alternatively, click the navigation menu itself, and then click the folder tree icon.

The folder tree icon shown on the selected navigation menu

Let’s explore managing the navigation menu items in detail.

Editing the Navigation settings

In the Navigation settings window, you can perform three actions:

  • Change the order of the navigation menu items by dragging and dropping them into place.
  • Open the Item settings, where you can change a navigation item’s name and click action.
  • Delete an item from the navigation menu (without deleting the page itself) by clicking the trash bin icon next to the item’s name.

You can open a navigation item’s settings by clicking the gear icon next to its name.

The gear icon next to a navigation item for opening its settings

In the Item settings window, you can name or rename your navigation menu item and set its click action.

Click actions appear in a drop-down menu with the following options:

  • Open a page: opens a page on your website.
  • Make a phone call: lets visitors make a phone call without leaving your website.
  • Send an email: lets visitors instantly send you emails.
  • Download a file: lets visitors download a file.
  • Scroll to a block: scrolls down to another block on the page.
  • Open a web address: opens an external URL.

The Click action dropdown listing options like open a page and send an email

Once you have chosen the click action, enter the new item name in the Title field below. Let’s explore the click action options in detail.

Adding a link to your website page

  1. In the Item settings window, choose Open a page from the Click action drop-down menu.
  2. Select the page you want this click action to open.
  3. Specify the page title in the respective field.
  4. Click Submit.

Choosing which page opens for the Open a page click action

Make a phone call

This option lets visitors call you without leaving your website. Here is how to enable it:

  1. In the Item settings window, choose Make a phone call from the Click action drop-down menu.
  2. Enter your phone number in an international format.
  3. Specify the title, for example, Call us.
  4. Click Submit.

Entering a phone number in international format for the Make a phone call action

Once the changes are saved, you will see the new item in your navigation menu.

Send an email

This option enables a mailto link, a link that points to an email address. When a visitor clicks it, the default email client on their computer opens so they can send you a message without having to type in your address. Here is how to enable it:

  1. In the Item settings window, choose Send an email from the Click action drop-down menu.
  2. Enter your email address.
  3. Specify the title in the respective field, for example, Email us.
  4. Click Submit.

Entering an email address for the Send an email click action

Once the changes are saved, you will see the new item in your navigation.

To add a downloadable file to your navigation menu, see our dedicated tutorial on adding a link to a downloadable file as a submenu item.

Scroll to a block

You can add a link that scrolls to a selected block on the current page. Here is how:

  1. In the Item settings window, choose Scroll to a block from the Click action drop-down menu.
  2. Type in the item’s title, for example, Photos, if you want to scroll to the Gallery block.
  3. Click Submit.

Configuring the Scroll to a block click action

Once the changes are saved, you will see the new item in your navigation.

If you want to link an external website in your navigation menu, follow these steps:

  1. In the Item settings window, choose Open a web address from the Click action drop-down menu.
  2. Copy the URL of the page you want to link and paste it into the click action field.
  3. Tick the Open in a new tab and Add a Nofollow tag checkboxes if you need them.
  4. Type in the item’s title. It depends on where you link to, but you can use the external site name if you are unsure.
  5. Click Submit.

Pasting a URL for the Open a web address click action, with open in new tab and nofollow options

Once the changes are saved, you will see your external website link in your site’s navigation.

You can align the navigation menu items however you prefer to create the perfect website header. Click the navigation menu to enable its controls and choose the alignment you like.

Alignment controls for positioning the navigation menu items in the header

You can also manage navigation in your Footer block. Learn how in our Footer block tutorial. If you want to learn how to remove a navigation menu item, see our tutorial on hiding a page link from the navigation.

Domänsökning

Priserna är exklusive moms, som läggs till i kassan.

Cookieinställningar

Välj vad Dotweb får spara i din webbläsare. Du kan ändra ditt val när som helst under Cookieinställningar längst ner på varje sida. Läs mer i vår integritetspolicy.

Nödvändiga

Alltid på

De här får webbplatsen att fungera och kommer ihåg val du gör på den, som språk och valuta. De spårar dig inte, så de är alltid på.

NamnSyfteLagringstidLeverantör
currencyCookieKommer ihåg vilken valuta priserna visas i.Sessionen, eller 1 år när du har valt enDotweb
localeCookieKommer ihåg språket du har valt.1 årDotweb
consentCookieSparar det här valet.6 månaderDotweb
upm-brand-config:*Lokal lagringMellanlagrar domänsökningens inställningar.Tills den rensasVår faktureringspartner
upm_guest_sessionCookieSätts av vår kassa och håller kvar din varukorg och din session i kassan.Upp till 1 dagVår faktureringspartner

Analys

Analys visar oss vilka sidor och funktioner som används, så att vi kan göra webbplatsen bättre. Vi registrerar också vad du söker efter i kunskapsbasen och domänsökningen, så att vi kan förbättra webbplatsen och våra hjälpartiklar. Besök kan också spelas in för att se var sidorna är svåra att använda, med allt du skriver i formulär och texten i dina sökningar maskerat i inspelningen. Vår analyspartner lagrar uppgifterna inom EU och anonymiserar IP-adresser. Inget sparas eller skickas om du inte slår på det här.

NamnSyfteLagringstidLeverantör
ph_*Cookie, lokal lagring och sessionslagringEtt anonymt ID och en session, så att vi kan se vilka sidor och funktioner som används.Upp till 1 årVår analyspartner (EU)