Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo abrir enlaces externos en una nueva ventana o pestaña con WordPress

Lo último que quieres es que tus visitantes hagan clic en un enlace a otro sitio web y no vuelvan nunca más. Por eso, abrir los enlaces externos en una nueva ventana o pestaña es clave para que la experiencia del usuario sea fluida.

En WPBeginner, nos tomamos muy en serio el mantener la participación de nuestros lectores. Por eso nos aseguramos de que todos los enlaces externos de nuestro sitio se abran en pestañas nuevas. Esto permite a la gente explorar el enlace sin perder su lugar en nuestro sitio, lo que les permite seguir explorando fácilmente nuestro contenido.

Esta guía para principiantes le mostrará cómo enlazar fácilmente enlaces externos en su sitio de WordPress para que se abran en pestañas nuevas, aumentando la participación de los usuarios y manteniendo contentos a sus lectores.

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

¿Por qué abrir enlaces externos en una nueva ventana o pestaña?

Los enlaces externos son enlaces a sitios web que no son de su propiedad ni están bajo su control. Normalmente, si añade un enlace a un sitio web externo, sus visitantes simplemente abandonarán su sitio al hacer clic en el enlace.

Aunque algunos expertos en experiencia de usuario dicen que no se deben abrir los enlaces externos en una nueva ventana o pestaña, nosotros no estamos de acuerdo.

La mayoría de los usuarios olvidan fácilmente el último sitio web que visitaron. Si al hacer clic en un enlace se alejan de su sitio web de WordPress a un sitio nuevo, es posible que nunca regresen.

Para mejorar la experiencia del usuario, recomendamos enlazar páginas externas en una ventana nueva (en navegadores antiguos) o en una pestaña nueva (en navegadores modernos). De este modo, la página web original no se pierde y los usuarios pueden reanudar la navegación por su sitio web volviendo atrás.

Otra ventaja de enlazar páginas externas en una pestaña nueva es que aumentan las visitas a la página y la participación de los usuarios en el sitio. Los usuarios que pasan más tiempo en su sitio tienen más probabilidades de suscribirse a su boletín de correo electrónico, seguirle en los medios sociales, dejar un comentario y comprar sus productos.

Dicho esto, vamos a ver cómo abrir fácilmente enlaces externos en una nueva ventana o pestaña en WordPress. Cubriremos diferentes métodos para que puedas elegir el que más te convenga:

Tutorial en vídeo

Subscribe to WPBeginner

Si prefiere instrucciones escritas, siga leyendo.

El editor de bloques de WordPress tiene una característica incorporada que le permite abrir enlaces externos en una nueva pestaña. En las versiones recientes de WordPress, esta opción es visible al añadir un enlace.

Sólo tiene que editar la entrada del blog o la página a la que desea añadir un enlace externo. A continuación, seleccione el texto que desea enlazar y haga clic en el botón “Enlazar”. También puedes pulsar la tecla de atajo CTRL+K en Windows o Comando+K en Mac.

Adding a Link in the Block Editor

Aparecerá la ventana emergente para enlazar. Introduzca el enlace y pulse “Intro”.

A continuación, debes conmutar la opción “Abrir en una nueva pestaña” a la posición “Activado”.

The Open in New Tab Option in the Block Editor

El enlace se abrirá en una nueva pestaña.

Si todavía utilizas el editor clásico, te recomendamos que empieces a utilizar el nuevo editor. Es moderno, más rápido e incluye muchas características nuevas que te estás perdiendo.

Sin embargo, si todavía desea utilizar el editor clásico, entonces esta es la forma de añadir un enlace que se abre en una nueva pestaña.

En primer lugar, debe editar la entrada o página en la que desea añadir el enlace. A continuación, selecciona el texto que quieres enlazar, lo que se conoce como texto ancla. A continuación, puedes hacer clic en el botón “Insertar/editar enlace”.

Add new link in classic editor

Aparecerá una ventana emergente en la que podrás añadir tu enlace externo.

A continuación, haga clic en el icono de engranaje situado a su lado. Aparecerá la ventana emergente de inserción avanzada de enlaces.

Open link in new tab using the classic editor

A continuación, marque la opción “Abrir enlace en una nueva pestaña”. A continuación, haga clic en el botón “Actualizar” de la parte inferior para añadir el enlace.

A veces, puede que necesite escribir HTML para añadir un enlace en WordPress. Por ejemplo, tendrá que hacerlo cuando utilice el modo HTML en el nuevo editor de bloques o cuando añada un enlace en un archivo de plantilla de un tema de WordPress.

Puede añadir el enlace utilizando un código HTML como el siguiente:

 <a href="http://example.com" target="_blank" rel="noopener">Link Text</a>

El parámetro target="_blank" de este código indica a los navegadores que abran el enlace en una nueva ventana o pestaña. Sólo tiene que sustituir ‘ejemplo.com’ por la URL del enlace externo y ‘Texto del enlace’ por el texto de anclaje que desee utilizar.

En su sitio web WordPress, puede añadir enlaces externos en el menú de navegación de su sitio. La forma de hacerlo depende de si utilizas un tema tradicional o un tema de bloques.

Abrir enlaces del menú de navegación en una nueva pestaña para temas clásicos

Para enlazar su menú de salida en una nueva pestaña, diríjase a Apariencia ” Menú desde su área de administrador de WordPress.

A continuación, haga clic en el botón “Opciones de pantalla” situado en la esquina superior derecha de la pantalla.

Open screen options

Al hacer clic en el botón, ahora verá más opciones.

Marque / compruebe la opción “Enlazar destino” en “Mostrar propiedades avanzadas del menú”.

Select Link Target option

A continuación, puede añadir un enlace personalizado a su menú de navegación introduciendo la URL, el texto del enlace y haciendo clic en el botón “Añadir al menú”.

Su enlace personalizado aparecerá ahora en la columna Estructura del menú. Ahora puede seleccionar la opción ‘Abrir enlace en una nueva pestaña’ para abrir su enlace externo en una pestaña diferente.

Open external link in a new tab in menu

Cuando hayas terminado, haz clic en el botón “Guardar menú” de la parte inferior.

Abrir enlaces del menú de navegación en una nueva pestaña para temas de bloques

Si utilizas un tema en bloque, tendrás que ir a Apariencia ” Temas y utilizar el Editor de todo el sitio para enlazar los menús salientes en una pestaña nueva.

Debe hacer clic en la zona de cabecera, en la parte superior de la página, y se seleccionará la cabecera. A continuación, haga clic en la zona de navegación situada justo a la izquierda del menú. Se seleccionará el menú, y debería ver un signo “+” al final del menú donde puede añadir un nuevo enlace.

Select the Navigation Block and Click the + Icon

Consejo: Seleccionar bloques en el Editor de Sitios Completos puede ser complicado, por lo que a muchos usuarios les resulta más fácil utilizar la Vista de Lista. Basta con hacer clic en el icono de la parte superior de la pantalla y, a continuación, buscar y seleccionar el bloque Navegación. Puede estar anidado dentro de otros bloques, como Cabecera y Grupo.

Ahora tienes que hacer clic en el icono “+” para abrir una ventana emergente en la que puedes añadir un enlace. Escribe la URL en el campo de la parte superior y asegúrate de conmutar la opción “Abrir en una pestaña nueva” a “Activado”.

A continuación, haga clic en el icono “Enviar” situado junto a la URL para establecer los ajustes.

Toggle the 'Open In New Tab' Option On

Una vez hecho esto, no olvides hacer clic en el botón “Guardar” de la parte superior de la pantalla.

Puede parecer un trabajo extra marcar / comprobar manualmente la opción para cada enlace externo que añada. Sin embargo, con el tiempo te acostumbrarás.

Si tienes un blog con varios autores o te olvidas a menudo de hacer que los enlaces externos se abran en una pestaña nueva, puedes utilizar un plugin para ello.

En primer lugar, debe instalar y activar el plugin Abrir enlaces externos en una ventana nueva. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

El plugin funciona a la primera, y abrirá automáticamente los enlaces externos en una nueva ventana.

En realidad, no enlaza las entradas de su blog. En su lugar, utiliza JavaScript para abrir los enlaces externos en una nueva ventana.

Nota: Al desactivar el plugin, los enlaces externos dejarán de abrirse en una ventana nueva.

Si a menudo olvidas establecer que los enlaces externos se abran en una pestaña nueva mientras escribes entradas de blog, o quieres una forma sencilla de asegurarte de que los colaboradores invitados siguen tus directrices, también puedes utilizar WPCode.

WPCode le permite añadir de forma segura y sencilla código personalizado en WordPress y viene con una biblioteca integrada de fragmentos de código útiles para personalizar su sitio.

Con este método, puedes abrir automáticamente todos los enlaces externos de tus entradas en una pestaña nueva con sólo unos clics.

Primero, necesitas instalar y activar el plugin gratuito WPCode. Si necesitas ayuda, puedes seguir nuestro tutorial sobre cómo instalar un plugin de WordPress.

Una vez activado el plugin, vaya a Fragmentos de código ” Biblioteca desde el escritorio de administración de WordPress.

A continuación, busca el fragmento de código “Abrir enlaces externos en una nueva pestaña”. Cuando lo encuentres, pasa el cursor por encima y haz clic en el botón “Usar fragmento”.

Find the snippet for opening external links in a new tab from the library

Se abrirá el editor de fragmentos de código WPCode.

Fíjate en que WPCode añade automáticamente el código por ti y selecciona el método de inserción adecuado.

WPCode automatically adds the code

Después, todo lo que tiene que hacer es conmutar el interruptor de la parte superior de la página de “Inactivo” a “Activo” y pulsar el botón “Actualizar”.

Por último, debe hacer clic en el botón “Actualizar” para almacenar y activar el fragmento de código.

Switch the toggle to 'Active' and click the 'Update' button

Ya está. Ahora todos los enlaces externos añadidos en tus entradas de WordPress se abrirán automáticamente en una nueva pestaña.

Esperamos que este artículo te haya ayudado a aprender cómo abrir fácilmente enlaces externos en una nueva ventana en WordPress. Puede que también quieras ver otros artículos relacionados con cómo enlazar en WordPress:

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.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

31 comentariosDeja una respuesta

  1. Ahmed Omar

    good explanation about all the options
    personally I am using plugin, as it is more easy and at the same time I check on the links
    thank you

    • WPBeginner Support

      You’re welcome, glad you found a method you prefer :)

      Administrador

  2. Jiří Vaněk

    Alternatively, I would also add that for SEO purposes, it’s good to have links on the website with the ‘nofollow’ attribute.

  3. Jordi

    Hi,
    Unfortunately, after the latest Wordpress updates, the option “Open in a new Tab” is not available at the time of inserting the link. You must then edit the link to include that option. Is there a possibility to revert it? Thanks.

    • WPBeginner Support

      You should still be able to add the open in new tab when first adding the link, we would recommend checking to ensure that you don’t have any plugins that may conflict with adding links.

      Administrador

  4. Esteban

    Hello, in gutenberg once the option is checked it does not work, it is independent of plugins, could it be the theme?

    • WPBeginner Support

      If you’ve disabled all plugins you can try changing themes to see if the issue is from your theme. The other possibility would be if you have a browser addon that is preventing the link from opening in a new window or tab.

      Administrador

  5. Jennifer Robin Gallery

    I’ve tried both this version, and WP External Links, and neither will open my links in a new tab. I’ve tried to disconnect my wp no right click plugin, and that still didn’t work. Suggestion?

    • WPBeginner Support

      If none of the methods in this article are allowing you to open the link in a new tab, we would recommend checking if you have any browser extensions that may be preventing the links from opening.

      Administrador

  6. Jeroen van Rensen

    Nice article! I love it!

    • WPBeginner Support

      Thank you :)

      Administrador

  7. Emily Harvey

    I am using the new editor and despite your excellent article when I click on the ‘open link in new tab’ button I am not sure which symbol indicates whether the link is in a new tab or not. Is it grey or is it green?
    Am I right that if you do nothing the link will not open in a new tab?

    • WPBeginner Support

      It sounds like you may be using a plugin that is modifying the display, normally it would be when the box is filled for it to open in a new tab. If you preview the post you should be able to test which option is working for your site.

      Administrador

  8. Ikenna John Udeobi

    Thank you for sharing this tip, I would start following these methods from now on

    • WPBeginner Support

      Glad our guide could be helpful :)

      Administrador

  9. Terry G

    Thank you Scott Swanson for your note. It wasn’t working for me, but when I disabled that plugin, it does. I guess I have to find another protection plugin to see if it’s only that plugin.

  10. Johnbosco gomez

    Greetings. please do you have the one with the feature if someone clicks external link it will take him to new page with click here to continue link? please can you suggest any plugin for this?

  11. may

    I downloaded this but the links still don’t open in a new window or tab.

  12. Scott Swanson

    Will not work with the WP Content Copy Protection & No Right Click plugin

  13. Ben

    How do you open external links (eg advertising) when the person on your blog plays any of the videos?

  14. João Leitão

  15. Clare

    Can anyone tell me how to open a MENU item in a new window? I don’t see an option in the Edit Menus page. I have an external link in a footer menu , that I’d like to open in a new window.

  16. Mike Cavanaugh

    I downloaded the plugin but all my links still open up in my wordpress page.

    On my side bar ads, I want them to open up in a separate page and leave my page open?

    Same for all the links in the “find a professional menu” I want people to go to their links/sites but keep my site open so they will have it in front of them.

    Help please?

    mike

  17. demeyere

    I think it is much easier to just handle this in the jQuery for the whole site… and never worry about it again. (Substitute your own domain name for mine, of course.)

    // open all external links in a new window

    $(“a[href^=’http’]”).not(“[href*=’demeyere.com’]”).attr(‘target’,’_blank’);

    • wpbeginner

      @demeyere Again, the plugin above is not using target _blank to make sure that the site validates with XHTML strict. But yes, your code will do the job as well.FYI for others reading: Now anyone can simply make a plugin and call this snippet in the header. It wouldn’t make any difference in the load time between you manually putting in your header or calling it via a plugin into wp_head() hook.

  18. easyP

    Hi

    In earlier versions of wordpress, you selected the text you wanted to link to and then hit the link icon on the dashboard.

    This opened a field in which you added the link.

    Worked fine.

    In latest wordpress versions, when I select the text and hit the link icon and paste in the link, the link appears at the top of the post – not surrounding the selected text.

    Am I doing something wrong?

    Plugin looks good but I’m trying to cut down on the number that I use.

    • wpbeginner

      @easyP It doesn’t work like that on our site. We are using 3.2.1. We select the text and hit the link icon, and it adds the link where it should. Are you using the Visual Editor or the HTML Editor?Also, any particular reason why you are trying to cut down on the number of plugins that you use?

      • easyP

        @wpbeginner

        Hi boys.

        Number of plugins – trying to cut down because of page load time.

        I love my theme, but it runs like a donkey.

        I use the html editor when writing posts and I’m using wordpress 3.2.1 but when I select the text and hit the link icon – the link forgets the highlighted text and appears at the top of the post / page!

        Any thoughts?

        • wpbeginner

          @easyP If you try to this trick without a plugin, you will end up doing the same thing. The impact of this plugin on your load time is barely noticeable.

        • easyP

          @wpbeginner

          Worth knowing that – thanks boys.

  19. AstroGremlin

    I just installed this plug-in. Kind of a funny name, Open External Links in a New Window, but certainly a great idea. Thanks!

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.