Webstick.blog logo Wordpress, Design, SEO, Speed blog

WordPress open link in new tab (7x) [2025] 💥

WordPress open link in new tab


External links should always be opened in new tabs or windows to improve the user experience. The original page can be accessed again by users switching to another tab or window. You will also get more page views and better user engagement if you open external links in a new tab. It is more common for users to return to the original tab after finishing reading an article. By the way, the HTML-code for link with open in new tab is target="_blank".


Advertisement

Divi Ad 680px


All right, let's show you how to make Wordpress open links in new tabs.

1. Open link in new tab with Gutenberg

A new feature in the WordPress block editor lets you open external links from a new tab. The button hides the option, so beginners don't often notice it. Edit the page or blog post where you wish to add an external hyperlink. Next, choose the text that you wish to link. Click on the Insert Link button (or CTRL + K for Windows or Command + K for Mac) and select "Open in new tab".


WordPress open link in new tab Gutenberg


2. Open link in new tab with HTML

The text with the link we just met with Gutenberg solutions we can open in HTML. This option have all page builders like Divi or any other. Of course you need to have a very small knowledge of HTML to feel confident doing this, but you can add the tags to the link yourself so that it opens in a new window. This tag is target="_blank". See screenshot below.


WordPress open link in new tab HTML5


3. Open link in new tab with Divibuilder

Divi Builder is the best page builder out there and of course has the option to open links in a new tab. As above, we are talking about the simple text box. Just hover over the textbox and click on "Module settings", like in the screenshot below.


WordPress open link in new tab Divi


Mark the text that should contain the link and click on the link icon. In the new box that pops up choose "New Window". See screenshot below.


WordPress open link in new tab Divibuilder


4. Open link in new tab with Elementor

Since Elementor concludes deals with a large number of themes, this page builder is encountered everywhere. It is integrated in many themes. Mark the text that should contain the link and click on the link icon. In the new box that pops up choose "Open link in a new tab". See screenshot below.


WordPress open link in new tab Elementor


5. Open link in new tab with Wordpress' Classic Editor

WordPress introduced Gutenberg, a new block editor. However, many users still prefer the Classic Editor plugin. This is how to open a link in a new browser-tab using the Classic Editor. You will first need to edit the page or post where you wish to add the link. Next, choose the text you wish to link and click the Add Link button. In the pop up window mark the box for "Open link in a new tab". See screenshot below.


WordPress open link in new tab Classic Editor


6. Open link in new tab for Wordpress menu items

Wordpress itself provides the option to open links in a new tab but first you have to make it show the option. You do this by going to "Appearance" >> "Menus" >> "Screen options", and then marking the box for link target as seen below in the screenshot. After that you can jus topen the menu items from the menu by clicking on them, and the first option says "Open link in a new window/tab". Just mark it and your link will open in a new window.


WordPress open link in new tab Menu items


7. Open all external links in new tab with Wordpress Plugin

Manually checking each external link you add may seem like extra work. It will become second nature over time. A plugin is useful if you have a multi-author blog and forget to open external links in a new window. First, install and activate Open External Links In a New Window plugin. It opens external links automatically in a new tab and works right out of the box. The plugin does not alter the external links in your blog posts. It uses JavaScript instead to open external links in new windows.



Advertisement

Divi Ad 680px



Scroll up