Skip to main content

DiviMenus: URL Link Type

Open any destination URL when clicking a Menu Item in DiviMenus or DiviMenus Flex, with active state and rel attributes.

Updated this week

The URL Link Type is a fast and flexible way to link any Menu Item to pages, posts, external sites, or anchors while keeping full control over behavior and style.

Available In

Overview

The URL Link Type allows you to open a destination URL when a user clicks a Menu Item. This is the most common use case when creating menus, buttons, or interactive elements in DiviMenus.

It supports dynamic links, opening in a new tab, active state styling, and defining link relationships.

How to Use

  1. Open the DiviMenus or DiviMenus Flex module.

  2. Go to a Menu Item, open the Link settings.

  3. From the Link Type dropdown, choose URL.

  4. Enter your destination URL.

  5. Optional: You can set the URL to open in a new tab, enable active state styling, or define a link relationship (rel).

URL Link Type Fields

DonDivi - DiviMenu - URL Link Type

  • Content → Link → URL: Enter the URL you want to open when the Menu Item is clicked.

    • You can enter an external URL manually.

    • Or use Dynamic Content (recommended for internal links).​

  • Content → Link → URL Opens: Decide whether the URL should open in the same tab or a new tab.

  • Content → Link → Enable Active State: Enable this option to highlight the Menu Item when the current page matches the URL. When active, the item will apply its hover styles to show that it's selected.

Example:

If your Menu Item links to /services/ and you’re viewing any of these pages:

  • /services/

  • /services/design/

  • /services/web-development/

The Menu Item will remain active across all of them. This feature is also useful for anchor links, as the active state updates on scroll.

  • Advanced → Attributes → Link Relationship: Define the rel attribute of the link, such as:

    • nofollow

    • noopener

    • sponsored

    • ugc

    • Custom values

    This helps search engines understand the relationship between the source page and the linked page.

Did this answer your question?