Open Link In New Tab

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, and you will find all of the solutions to your questions about how to open link in a new tab.

So, let’s get started!

HTML link in a new window

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 code develops the link.

Open a new window with the specified size for a link

Add the Javascript command to open a link in a new window. onclick=”window.open(‘text-link.htm’, ‘name’,’width=600,height=400′) inside the <a> tag:

<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.

In the Gutenberg Editor, open an external link in a new window

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).

Image Showing How To Open Link In New Tab

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.

Open an external link in a new window with the Classic Editor.

WordPress 5.0 added a new block editor. However, 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 using 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.

Image Showing How To Put A Link In Text

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.

Image Showing Open Link In New Tab Pop Up

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.

Image Showing How To Open Link In New Tab In Classic Editor

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.

Image Showing Open Link In New Tab Popup

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.

Image Showing Code In Text Editor

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, 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 you wish to link.

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

Automatically open all external links in a new window using WordPress Plugin

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. For example, 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. It does not affect the external links in your blog entries. Instead, JavaScript is used to access 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. However, 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. In addition, 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. However, 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. In addition, 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.

Conclusion

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. Therefore, to encourage their instincts, it’s probably safe to open such links in new windows. However, suppose users rely on a browser tab as a starting point and return to it later. In that case, 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. On the other hand, if 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.

 

Load More Related Articles
Load More By Janet Harbin
Load More In Web Design

Leave a Reply

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