More

    How to Open External Links in a New Window or Tab with WordPress


    Do you want to open external links from your blog posts in a new window?

    Opening external links in a new window allows your users to visit the link without leaving your website.

    Many beginners struggle with finding the option to open a link in a window mainly because it is not instantly visible when you are adding a link in WordPress.

    In this beginner’s guide, we will show how to easily open external links in a new window on your WordPress site. We will also show different methods to do that, so you can choose the one that best suits you.

    Why and When You Should Open External Links in a New Window?

    External links are links to websites that you don’t own or control. Normally, if you add a link to an external website your visitors will simply leave your site by clicking on the link.

    While some user experience experts say that you should not open external links in a new window, we do not agree with that.

    You see, most users easily forget the last website they were visiting. If they have multiple tabs open then chances are that they will never be able to find your website again.

    For better user experience, we recommend opening external links in a new window or tab. This way the original web page is not lost and users can resume browsing your website by switching back.

    Another benefit of opening external links in a new window is increased page views and user engagement on your site. Users are more likely to return to the previous tab and finish reading the article.

    Users who spend more time on your site are more likely to join your email newsletter, follow you on social media, leave a comment, and buy your products.

    That being said, let’s take a look at how to easily open external links in a new Window in WordPress.

    Open External Link in New Window in Gutenberg Editor

    The new WordPress block editor has a built-in feature that lets you open external links in a new window. However the option is hidden behind a button which is why beginners often don’t notice it.

    Simply edit a blog post or page where you want to add an external link. Next, select the text you want to link and then click on the insert link button (or press CTRL + K on Windows / Command + K on Mac).

    This will bring up the insert link popup. Simply enter the link and then click on the down arrow next to it. This will reveal the option to open the link new tab.

    Click to toggle the option and then press enter. Your selected text will now be linked, and you can preview it by visiting your website.

    Open External Link in a New Window Using Classic Editor

    WordPress introduced a new block editor with WordPress 5.0. Many users prefer to use the old editor by installing the classic editor plugin.

    If you are still using classic editor, then we will recommend you to start using the new editor. It is modern, faster, and includes many new features that you are missing out.

    However, if you still want to use the classic editor, then this is how you would open a link in a new window using the classic editor.

    First, you need to edit the post or page where you want to add the link. Next, select the text that you want to link and then click on the add link button.

    A popup would appear where you can add your external link. After that, click on the gear icon next to it. This will bring up the advanced insert link popup.

    From here you need to check the box next to ‘Open link in a new tab’ checkbox and then click on the ‘Update’ button to add your link.

    You can now save your post and preview it to see the link in action.

    Open a Link in New Tab Using Text Tab in Classic Editor

    If you are using the HTML editor labeled ‘Text‘ in the old classic editor, then here is how you would open an external link in a new window.

    Simply select the text that you want to link and then click on the Add Link button. This will bring up the advanced Insert link popup.

    From here, you can add the link and check the box next to ‘Open link in new tab’ option. After that click on the Add Link button and the popup will disappear. You will now see the HTML code for the link in the text editor.

    You can now save your changes and view the post to see the external link in action.

    How to Open External Links in a New Window using HTML

    Sometimes you may need to write HTML to add a link in WordPress. For example, when you are using the HTML mode in the new block editor or adding a link in a WordPress theme template file.

    You’ll need to add the link using the following HTML code.

    Link Text 
    

    Simply replace the example.com with the external link URL, and the Link Text with the text you want to link.

    The target parameter in this code tells browsers to open the link in a new window or tab.

    Automatically Open All External Links in New Window with a WordPress Plugin

    It may sound like extra work to manually check the option for every external link that you add. However, over time you will get used to it.

    If you run a multi-author blog or often forget to make external links open in a new tab, then you can use a plugin for that.

    First, you need to install and activate the Open External Links in a New Window plugin. For more details, see our step by step guide on how to install a WordPress plugin.

    The plugin works out of the box, and it will automatically open external links in a new window.

    It does not actually change the external links in your blog posts. Instead, it uses JavaScript to open external links in a new window.

    Note: Keep in mind that deactivating the plugin will stop opening external links in a new window.

    We hope this article helped you learn how to easily open external links in a new window in WordPress. You may also want to see our ultimate list of the most useful WordPress tips, tricks, and hacks that you can use on your website.

    If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

    The post How to Open External Links in a New Window or Tab with WordPress appeared first on Techevangelistseo.

    Recent Articles

    Google says China and Iran tried to hack Biden and Trump’s campaigns

    Google has announced it has identified state-sponsored hacking attempts upon both Biden and Trump's campaign staff, originating from China and Iran respectively. Fortunately, both...

    iPhone 12 launch delayed to Q4 per major Apple supplier

    The CEO of Broadcom, one of Apple’s major suppliers for hardware like iPhone Wi-Fi chips has shared today that it expects Apple’s iPhone 12...

    The Outer Worlds on Nintendo Switch proves not every game needs a port

    Please, I'm begging you. Stop with the ports. The Outer Worlds was one of the top games from 2019 and for good reason. It presented...

    Google My Business Update: Add More Hours for Specific Services via @MattGSouthern

    Google is letting businesses add more hours in their GMB listing for services that aren’t offered at all times of the day.The post Google...

    You can now get the Galaxy A51 from Verizon for free on a 2-year plan

    The Galaxy A51 is Samsung’s most successful smartphone of the year so far, to the point where you might be owning one already. But...

    Latest Stories

    Stay on op - Ge the daily news in your inbox

    Do NOT follow this link or you will be banned from the site!
    Translate »