How to Set Up Navigation Links and Menus in Odoo Website

Table of Contents

• Why Navigation Matters for Your Odoo Website
• Three Types of Links in Odoo Website
• Customizing Link Appearance
• Managing the Header Menu
• Mega Menus
• Customizing the Footer
• Best Practices for Odoo Website Navigation
• Next Steps
• References

Why Navigation Matters for Your Odoo Website

Good navigation can make or break your website. The three-click rule suggests that all information on your site should be reachable within three mouse clicks. With Odoo Website, you have built-in tools to create clear menus, links, and buttons that guide visitors effortlessly through your content.

This guide walks you through every navigation feature in Odoo Website — from basic links to mega menus.

Three Types of Links in Odoo Website

Odoo Website supports three primary link types. Each serves a different purpose.

Internal Links

Internal links redirect visitors to other pages within your website.

How to create one:

1. Enter edit mode on your page
2. Select the text or image you want to link
3. Click the Insert or Edit Link button

4. Type a backslash (/) followed by a keyword or page title
5. Odoo will auto-suggest matching pages — select the one you want

For example, typing /contact will surface your Contact Us page.

External Links

External links direct visitors to pages outside your website.

How to create one:

1. Select the text or image
2. Click the link button
3. Paste the full URL (e.g., https://example.com)
4. Enable Open in new tab so visitors don't leave your site

Anchor Links

Anchor links navigate to a specific section within the same page — useful for long pages or table-of-contents style navigation.

How to create one:

1. Select the target element (the section you want to link to)
2. Click Create a link to target this section — this creates the anchor

3. Go back to the text where you want the clickable link
4. Click the link button and type # followed by the anchor name
5. Odoo will show available anchors to select

Customizing Link Appearance

Every link in Odoo can be styled as a button with custom colors, sizes, and shapes.

Available options:

Setting	Choices
Style	Link, Primary button, Secondary button, Custom
Size	Small, Medium, Large
Shape	Default, Rounded, Outline, Fill
Color	Choose from your theme's color palette

You can configure default button styles globally under the Theme tab in Color Presets, where you set your primary and secondary button appearances.

Managing the Header Menu

The header menu is your site's main navigation bar. Odoo offers two ways to edit it.

Quick Edit in the Header

1. Click on the header menu while in edit mode
2. Choose from several built-in templates
3. Edit individual menu items directly — rename, reorder, or restyle them

Menu Editor (Full Control)

For more advanced management:

1. Go to Site > Menu Editor
2. Here you can see all menu items in a list view

3. Reorder items by dragging and dropping
4. Delete items using the trash icon
5. Add new items with the add button

Creating Submenus

To create dropdown submenus in the Menu Editor:

1. Add a new menu item
2. Drag it under the parent item
3. Shift it to the right — it becomes a submenu of the item above
4. The parent item automatically becomes a dropdown

You can nest multiple items and create as many submenus as needed.

Mega Menus

For websites with rich content, mega menus provide a larger dropdown area organized in columns.

How to add a mega menu:

1. Open the Menu Editor
2. Click Add Mega Menu Item
3. Name it and position it in your menu structure
4. In edit mode, click on the mega menu to customize it
5. Choose from built-in templates with column layouts

6. Edit the content inside each column as needed

Mega menus are ideal for showcasing categories, featured content, or service overviews.

Customizing the Footer

The footer works similarly to the header but typically holds secondary information like contact details, social links, and legal pages.

What you can customize:

• Templates — Choose a layout from built-in footer templates
• Menu items — Click any item to edit text and links
• Social media icons — Add or remove platforms, set URLs, adjust size and color

Best Practices for Odoo Website Navigation

• Keep your main menu to 5-7 items — Too many options overwhelm visitors
• Use descriptive labels — "Our Services" is better than "More"
• Open external links in new tabs — Keep visitors on your site
• Use anchor links on long pages — Help readers jump to relevant sections
• Test on mobile — Ensure menus work well on smaller screens
• Review regularly — Remove outdated links and pages

Next Steps

With these navigation tools, you can create a website that feels intuitive and keeps visitors engaged. Start by auditing your current menu structure, then apply the link types and menu features that best serve your content.

For more Odoo Website tutorials, explore our other guides on page building, SEO optimization, and e-commerce setup.

---

References

• Navigation: links and menus | Odoo Website — Odoo