How to Automatically Make all External Links Open in a New Tab

This post will teach you how to automatically make all external links open in a new tab, why you might want to implement this feature on your Webflow site, and how the cloneable works to seamlessly redirect external links.

TABLE DES MATIÈRES
Ovidiu

How to automatically make all external links open in a new tab

Other use-cases using Memberscript #122

  • How to automatically make all external links noreferrer
  • How to automatically make all external links nofollow

Les registres des membres sont nécessaires

https://www.memberstack.com/scripts/external-links-new-tab

Tutoriel

Clonable

Pourquoi/Cas d'utilisation

- Make all external links open in a new tab.

- Make all external links nofollow to avoid hurting your SEO.

- Make all external links noreferrer to ensure no information about your site is sent to the target site.

Opening all external links in new tabs on a Webflow site

Based on each specific case, you may sometimes prefer to open external links in new tabs. If you find that you want most or all of them to open in new tabs, you may prefer to make it a rule and save time by only adding exceptions to it.

This guide will help you quickly and easily make this behavior the default, while also making links nofollow and noreferrer.

To make all external links open in new tabs on your Webflow site, we’re going to use MemberScript #122 – Open External Links in New Tab. Follow the link to get the code you’ll need to add to your page (or entire site) and watch a video tutorial on how to set everything up.

Literally all you have to do to make this work is add our custom code to your site (before the closing body tag) and that’s it - external links will now automatically open in new tabs.

By default, our code will also make all external links nofollow and noreferrer. To disable any of these, simply comment out the relevant line of code or delete it entirely.

Adding exceptions

If you ever want to make an exception for a link, all you need to do is add the following attribute to it:

· ms-code-ext-link=”ignore”

Conclusion

That’s everything, you can now go ahead and test the links on your live site.

Si vous souhaitez utiliser notre projet de démonstration pour commencer, cliquez simplement sur le bouton ci-dessous pour l'ajouter à votre site Webflow.

Our demo can help you automatically make all external links open in new tabs on your Webflow site.

Take me to Cloneable!

Ajoutez des adhésions à votre projet Webflow en quelques minutes.

En savoir plus

Plus de 200 composants Webflow clonables gratuits. Aucune inscription n'est nécessaire.

Voir la bibliothèque

Ajoutez des adhésions à votre projet React en quelques minutes.

Commencer
Qu'est-ce que Memberstack ?

Auth & paiements pour les sites Webflow

Ajoutez des logins, des abonnements, du contenu à accès limité, et plus encore à votre site Webflow - facile et entièrement personnalisable.

En savoir plus
Commencer à construire

Essayez Memberstack et découvrez ce que vous pouvez construire !

Memberstack est 100% gratuit jusqu'à ce que vous soyez prêt à vous lancer - alors, qu'attendez-vous ? Créez votre première application et commencez à construire dès aujourd'hui.