All tutorials
Website management · 05 · 5 min

Add pages to your website navigation

Help visitors reach your pages with clear menu labels and working links.

Beginner guide · Published on 5 September, 2026

Try it on your website

Choose a website, then select its menu in Appearance.

Opens in a new tab. Sign in if needed, then choose your website.

Manage my navigation (opens in a new tab)

Choose the right navigation system

  1. Open Appearance and expand Menus

    Go to Appearance, expand Menus and open the relevant menu, such as Main Menu. A website may have different menus for the header and footer.

  2. Check that the menu is used by your website

    Compare the menu items with the links on the live site. Some templates keep navigation links directly in a shared header component. In the Arawa Cloud example, the named Main Menu starts empty even though the live site has navigation. An empty menu is therefore a reason to inspect the shared header, not to recreate every visible link.

  3. Add a link when the template uses a menu

    Select Add Menu Item. Replace the default Menu Label with a short title such as Services. Replace # in Menu URL with the actual destination, for example /our-services. Use a full https:// address for an external website.

  4. Arrange the links

    Use the row's drag handle to change order. Add Child creates a nested item where the template supports it. Keep the top level easy to scan. The row's remove control removes that item; the large Delete button beside the menu name applies to the menu itself.

Menu labels and destinations

Menu labels and destinations
Desktop screenshot showing a temporary example row in Arawa Cloud's menu editor. The example row was removed after capture.
1.Replace the default label with a visitor-friendly name.
2.Replace # with the destination page URL.
3.Add Child makes a nested menu item.

Make sure visitors can use it

  1. For component-based navigation, edit the shared header

    If the visible links are stored in the header instead, use Appearance → Templates to locate the shared base layout and its header component, or ask AI to identify the owner of the links. A shared header affects multiple pages, so inspect the home page and an inner page after the change.

  2. Preview and verify the links

    Check the navigation on desktop and phone. Open each new link and confirm its destination exists and is ready to publish. Publish the relevant website-level changes when ready, and then check the public site.

Check your progress

The new link appears in the navigation visitors actually use and opens the correct published page.

If you get stuck

The menu edit does not appear? Confirm the header is connected to that menu and check for unpublished website changes. The destination returns an error? Check the page slug and publication status. The link does nothing? Replace the placeholder #.

Try this with AI

Replace the example website and page with your own before sending.

On [my website], inspect how the shared header navigation is built. Tell me whether it uses a menu or component fields. Add a Services link to /our-services in the correct place, preserve the other links, and show a preview before publishing.