Many learners struggle to discover the option to open a link in a new window because it is not immediately apparent when adding a link in WordPress.
In this beginner’s article, we’ll teach you how to open links in a new window quickly.
In this post, you will find all of the solutions to your questions about how to open link in new tab.
So, let’s get started!
- 1 HTML link in a new window
- 2 Open The page in the new window
- 3 Open a new window with the specified size for a link
- 4 In the Gutenberg Editor, open an external link in a new window
- 5 Open an external link in a new window with the Classic Editor.
- 6 Open Link in New Tab Using Text Tab in Classic Editor
- 7 How to Use HTML to Open External Links in a New Window
- 8 Automatically open all external links in a new window using WordPress Plugin
- 9 When Should You Avoid Opening New Windows and Tabs?
- 10 Why and When Should You Open External Links in a New Tab?
Open a link in a new window or tab this way
Add target=” blank” within the a> tag to open a link in a new window or tab:
<a href="../html-link.htm" target="_blank">Open page in new window</a>
The link is developed by the code.
Open The page in the new window
A new tab or window
It is not possible to specify whether the link should open in a new window or tab. The browser’s settings decide this.
<a href="../html-link.htm" target="popup" onclick="window.open('../html-link.htm','name','width=600,height=400')">Open page in new window</a>
The code creates the connection.
A built-in function is included in the new WordPress block editor. This will open a new window with external links. However, the choice is concealed behind a button, which is why newcomers frequently overlook it.
Update a blog post or page to include an external link. Next, choose the text to be linked and then click the insert link button (or CTRL + K on Windows / Command + K on Mac).
The Insert Link popup box will appear. After you’ve entered the URL, click the down arrow next to it. There will be an option to open the link in a new tab.
Toggle the option by clicking and then pressing enter. Your chosen text is now connected. You may see a preview of it by going to your website.
WordPress 5.0 added a new block editor. The original editor, which can be accessible by installing the old editor plugin, is preferred by many users.
Suppose you’re still using the old editor. Then we propose that you begin begmanysing the new editor. It’s more modern, faster, and has many new features that you’re missing, then unconventional if you want to use the traditional editor. Then use the conventional editor to open a link in a new window in this manner.
To begin, modify the post or page where you wish the link to appear. Then choose the text you want to connect to and then click the link button to add.
A popup will appear in which you can enter your external link. Then, click the gear icon next to it. The advanced insert link box will appear as a result of this.
From here, click the box next to the ‘Open link in a new tab’ checkbox. Then, to add your link, click the ‘Update’ option.
You may now save and preview your post to see the link in action.
Open Link in New Tab Using Text Tab in Classic Editor
If you are using the old classic editor’s HTML editor labeled ‘Text.’ Then follow these steps to open an external link in a new window.
Choose the text to be linked and then click the Add Link button. The enhanced Insert link popup will appear as a result of this.
You may add the link from here. Then select the ‘Open link in new tab’ option. After that, click the Add Link button to dismiss the window. In the text editor, you should now see the HTML code for the link
You may now save your modifications. and scroll down to see the external connection in action.
How to Use HTML to Open External Links in a New Window
To add a link with WordPress, you may need to enter HTML at times. For instance, while utilizing the HTML mode in the new block editor or inserting a link into a WordPress theme template file.
You’ll need to insert the link using the HTML code below.
<a href="http://example.com" target="_blank" rel="noopener">Link Text</a>
Simply replace example.com wiL of the external link and the Connect Text with the text to which you wish to link.
In this code, the target option instructs browsers to open the link in a new window or tab.
Manually checking the option for each external link you add may appear to Suppose extra effort. However, you will become adapted to it over time.
Suppose you have a blog with several authors. Or you frequently neglect to open external URLs in a new tab. Then you may use a plugin to accomplish this.
You must first install and activate the Open External Links in a New Window plugin. The plugin works right away, and it will open external URLs in a new window.
When Should You Avoid Opening New Windows and Tabs?
Users did not enjoy being sent to a new browser tab or window for the following tasks:
Quickly inspecting a new page, then returning to the old tab or window’s activities. For instance, one user was completing an expenditure report. He couldn’t recall if his employer permitted an 18% or 15% tip on corporate-provided meals.
The solution was immediately disclosed via a link to the company’s spending policy. However, it opened in a new tab. When the user discovered that the browser’s Back button did not return him to his expense report, he became irritated.
Workflows had several phases, each of which appeared in a separate window or tab. In these situations, regardless of whether they were on the same or other sites, visitors preferred to return to the initial phases in the process by clicking the Back button. For example, one user attempted to file an IT ticket to have a broken printer repaired.
Initially, he examined an intranet website to determine the sort of ticket to open. He then clicked a link that he assumed would take him to a form to open the ticket. Instead, a new tab opened with the homepage of an entirely another website.
Finally, he discovered the link to request the new website. In yet another new tab, a form appeared. He had difficulty returning to the initial intranet page from which he had started. It was much easier to open links in new tabs.
When there was no following step, and the user’s work ended quickly after clicking the link, Users might close the browser without worrying about losing their session history.
There are already several tabs or windows open. Busy people frequently have many browser tabs open at the same time while working. If users already have a large number of tabs open. They were often irritated by yet another one opening.
When users saw links that opened in new tabs regularly, they frequently wanted to stop and halt between jobs to clear up their multiple browser tabs. This cleaning activity showed that the interface had become crowded and unmanageable to them.
That is why, before launching a website in a new tab or window, it is critical to observe users understand their job, the context of usage, and surroundings. Because there may be too much variation among various user tasks, you may not know the optimal option.
If you decide to open the link in a new browser tab or window in these cases, utilize contextual messaging and maybe even an icon to alert people before they click.
Why and When Should You Open External Links in a New Tab?
External links are links to websites that are not owned or controlled by you. Usually, if you link to an external website, your viewers will leave your site by clicking on it.
While some user experience experts believe that it should not open external links in a new window, we disagree.
Most people, you know, quickly forget the last website they visited. If they have numerous tabs open, they will most likely never discover your website again.
We recommend that external links be opened in a new window or tab for a better user experience. The original web page is not lost in this manner, and people may keep viewing your website by switching back.
Increased page views and user interaction on your site are other advantages of opening external links in a new window. Users are more likely to return to the previous tab and read the content in its entirety.
Users that spend more time on your website are more likely to subscribe to your email newsletter, follow you on social media, leave a remark, and purchase your items.
Whenever possible, open links in the same browser tab or window. However, if you believe that creating a new tab or window would assist consumers in their work, don’t base your choice only on the link or content.
Use observational research methods such as usability testing, contextual inquiry, and field studies to help you make the best decision.
People have a natural tendency to view multiple pieces of content in separate browser windows simultaneously. To encourage their instincts, it’s probably safe to open such links in new windows. However, if users rely on a browser tab as a starting point and return to it later, they should pay close attention to the information in one tab before moving to another (instead of viewing the content concurrently).
Suppose they’re organizing and managing several tabs in the browser window. These are strong indicators that are opening such links in new tabs may be a viable option. If, on the other hand, new tabs or windows open, your users will be irritated and confused. Then open the links in the same tab and window.
Don’t open links in new browser tabs or windows just for the sake of it because you believe that in some situations, consumers will require them to be shown in that manner.