Elementor How to Link Pages to Menu

Navigation is one of the most important parts of the user experience on any website. Your menu is often the first thing a visitor interacts with, and if it doesn’t lead them where they need to go, they leave. Knowing how to link pages in Elementor’s menu gives you full control over where each menu item points.

Here are the main reasons you’ll want to add custom page links to your Elementor menu:

• Direct visitors to a specific section on a long page — Rather than dumping someone at the top of a page and hoping they scroll, you can link directly to a pricing section, a contact form, or a specific block of content.
• Add affiliate or tracking links — Some menu items need to point to custom URLs with UTM parameters or affiliate tracking codes. Standard page selection does not support this; a custom link does.
• Link to external resources — If you want a menu item to open a separate site, a booking page, or a partner URL, you need a custom link rather than an internal page selection.
• Improve internal linking and SEO — Linking to key internal pages from your navigation sends Google a signal about which pages matter most on your site. It also distributes link equity across your site structure.

The two most common methods for section-specific linking in Elementor are the Menu Anchor widget and the Section ID. Direct page links use WordPress’s standard custom link option in Appearance > Menus. All three are covered below.

The Elementor Menu Anchor widget is the cleanest way to link directly to a specific section on a page. It creates a named anchor point that you can target from your navigation menu or from any link on your site.

When to use it: Use this method when you want to scroll visitors to a specific section of a page, such as a pricing block, testimonials area, or contact form.

Step-by-step:

1. Open the page you want to target in Elementor’s editor.
2. In the Elementor widget panel, search for “Menu Anchor” and drag it to the location on the page where you want the scroll to land. Place it just above the section you are targeting.
3. In the widget settings on the left, give the anchor a unique ID name (for example: pricing). Use lowercase, no spaces.
4. Save the page.
5. Now go to Appearance > Menus in your WordPress dashboard.
6. Under “Links”, paste the full URL of the page followed by #pricing — for example: https://yoursite.com/services/#pricing
7. Give the link a label, click “Add to Menu”, and save.

When a visitor clicks that menu item, the page scrolls directly to the anchor point. For instance, if you have an SEO services page and want to send visitors straight to the pricing table, this is the most reliable approach.

Elementor’s Section ID is a simpler alternative to the Menu Anchor widget. Instead of adding a widget, you assign an ID directly to the section element itself. The result works the same way: clicking the menu item scrolls to that section.

When to use it: Use this method if you want to avoid adding an extra widget to your layout. It is slightly faster to set up but achieves the same outcome.

Step-by-step:

1. Open the page in Elementor’s editor.
2. Click on the section (or container) you want to link to so it is selected.
3. In the left panel, click the Advanced tab.
4. Under “CSS ID”, type a short, unique name (for example: contact).
5. Save the page.
6. Go to Appearance > Menus and under “Links”, enter the page URL followed by #contact.
7. Label it, add to menu, and save.

Method 3: Direct Page Link (Custom URL)

If you just want to add any page, external URL, or custom link to your Elementor menu, you do not need anchors or IDs at all. WordPress’s built-in menu system handles this directly.

1. Go to Appearance > Menus.
2. On the left, click “Custom Links”.
3. Enter the URL you want to link to (internal page, external site, affiliate URL, or any valid address).
4. Add a label for the menu item.
5. Click “Add to Menu”, arrange the item where you want it, and save the menu.

This is the most flexible method. If you want the link to open in a new tab, click the arrow next to the menu item in the menu editor to expand its options, then check “Open link in a new tab”.