How to open up gutenberg button in a new tab

How to open up WordPress Gutenberg Button in a New Tab

Gutenberg is the new WordPress editor, replacing the original classic editor.

Even though Gutenberg comes with new exciting features, making it much easier to write a blog.

But I have encountered a strange issue. The Gutenberg button does not open up in a new tab!

There is an option to open up a hyperlink in a new tab, but the button does not. It is very annoying if you are writing an affiliate blog. Obviously, you would want your affiliate link to open up in a new tab, so that the user remains on your website.

Below, I am noting down a few steps of How to make a Gutenberg button in a new tab.

Making websites with Gutenberg becomes easier if you use ready made themes. Check out some Gutenberg based themes on Evanto.

1. Firstly, paste your link and click on the enter icon.

2. Then Click on the Three Dots

3. From the dorpdown option, choose “Edit as HTML”

4. After the href attribute, add the code: target=“blank

5. Click anywhere outside to apply

You might see some weird messages such as “Unexpected or Invalid HTML”, ignore that and see whether the button opens up the link in a new tab or not.

If you need any assistance regarding WordPress issues, feel free to contact me.

Recommended WordPress ResourceBenefits of using it
Element PackThis is a useful Elementor addon plugin that adds around 60 addon elements to your Elementor page builder. Useful elements such as the Instagram gallery, table, document viewer, iframe, and much more.
WP EngineReliable WordPress hosting. Super fast, regular automatic backups, built-in CDN for faster content delivery, top-notch security, and more!
Jupiter Multipurpose WordPress theme for ElementorImport among many 450 ready-made websites made with Elementor and customize them according to your needs. Advanced WooCommerce checkout options optimized for better conversions.
WP RocketA magical WordPress plugin that will reduce the load time of your website to less than a second. It is an all-in-one speed optimization tool. It will also improve your Google Page Insights score. As the pages load quicker your website bounce rate will decrease, and average pages on time will increase. Eventually, you will get more traffic.
Slider RevolutionThe most powerful and advanced WordPress slider plugin ever. Over 200+ ready eye candy slider templates to wow your website visitors. Advanced animations, parallax effects, and interactive features.
Duplicator ProThis plugin will save you from disaster. It keeps regular backups of your WordPress sites. In case you break your site you can easily recover it. Using this plugin you can also easily migrate your WordPress sites. It can also keep cloud backups such as Dropbox, Google Drive, One Drive, etc.
ThemeforestBuy any type of beautiful WordPress theme from here such as blogging, WooCommerce, Real Estate, etc. Ability to import any demo site. Chose any type of page builder such as Elementor, WP Bakery, Muffin builder, etc.
๐—˜๐—ป๐˜ƒ๐—ถ๐—ฟ๐—ฎ ๐—š๐—ฎ๐—น๐—น๐—ฒ๐—ฟ๐˜†Best WordPress image and video gallery plugin. Easy to use with powerful and advanced features. If your WordPress page builder does not have a good enough gallery element then check this one out!
– Completely responsive on mobile
– Social Media Integration
– Slideshow & Fullscreen
– Drag & Drop Builder
Ithemes Security ProIt is a powerful WordPress security plugin. It will protect your website from bots trying to hack into your site through a brute force attack. It can also scan your website and remove malware.
Getty ImagesGet premium stock images from here. Using high-quality and premium stock images on your site will make your site look professional. Visitors will be impressed and quickly turn into paying customers.
WP FormsOne of the most popular WordPress form plugins ever. Easily build advanced contact, payment, donation, survey, and newsletter forms with zero coding. Embed your forms on posts/pages using a shortcode. Built-in Recaptcha to prevent spam. The information of people submitting the form will be stored as leads directly on the website.
NamecheapBuy any type of domain name at a very low price. The renewal rates are also reasonable. I use namecheap domain names on all of my websites.

Do you know that any stranger online can completely clone/copy your websites with a few clicks by hiring freelancers? CLICK HERE to read my blog to learn more and stay aware!

5 thoughts on “How to open up WordPress Gutenberg Button in a New Tab”

  1. Hi there! Quick question that’s completely off topic. Do you know how to make your site mobile friendly? My website looks weird when viewing from my apple iphone. I’m trying to find a template or plugin that might be able to resolve this problem. If you have any recommendations, please share. Appreciate it!|

    1. Tasvir Mahmood

      Please use the front-end WordPress editor called Elementor, there are very nice options to make the site mobile responsive. Use backend editors such as Avada’s fusion builder.

  2. Hello there! I could have sworn Iโ€™ve visited this blog before but after going through a few of the articles I realized itโ€™s new to me. Nonetheless, Iโ€™m definitely happy I found it and Iโ€™ll be book-marking it and checking back frequently!

  3. Marcelina Madsen

    Everything is very open with a clear clarification of the challenges. It was definitely informative. Your site is extremely helpful. Thanks for sharing!|

Comments are closed.

India $1295