How To Open Divi Menu Links In A New Tab

To open a Divi menu link in a new tab is a good choice for social media links and other external links. Opening email links, file links and click-to-call links in a new tab is also a good habit for the user experience.

Join +3 980 subscribers!

Opening Divi menu links in a new tab, step by step

  1. Start in your WordPress dashboard
  2. Header over to Appearance » Menus
  3. Click the Screen Options ▼ dropdown in the the right corner.
    Display menu screen options
  4. Make sure that the Link Target checkbox under the Show advanced menu properties heading is checked.
    Check the Divi link target checkbox
  5. Scroll down to your Menu structure and click the down arrow icon ▼ to the right of the menu link that you want to open in a new tab.
  6. Make sure that the checkbox Open link in a new tab is checked.
    Open link in a new tab option
  7. Click the Save Menu button in the bottom right corner.

That’s it! Preview your menu in frontend and clear your browser cache and website cache if the link doesn’t open in a new tab.

When is it right to open website links in a new tab?

There’s been a long-lived debate in the UX community about opening links in a new tab. Some UX experts recommend against website links opening in a new tab – at all. Here are the pros and cons summarized:

Advantages using new tabs links

  • The visitor doesn’t leave your website
  • The difference between your content and external content becomes very clear for the visitor
  • Most people are used to external links opening in a new tab.

Disadvantages using new tabs links

  • New tabs can be confusing for mobile users.
  • The back button stops working 
  • Additional tabs consume more device resources
  • Some users prefer to decide for themselves if links should be opened in a new tab.

That’s all for today!

I hope that you enjoyed this post. Subscribe to DiviMundo on YouTube and join our Facebook group for more crisp content on WordPress and web design.

👉 Related post: Six Tips For A Better Mobile Menu In Divi

👉 Free course: Create a website from scratch with Divi

Related posts


Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Affiliate Disclaimer

All content on DiviMundo is funded by you – our beloved readers. Some of the links are affiliate links. This means that if you click on the link and purchase something, I will receive an affiliate commission. But it will never cost more for you. Thanks for your support!

Victor Duse, founder of DiviMundo