Cómo abrir enlaces externos en una nueva pestaña en Shopify
Si tienes una tienda Shopify y tienes algunos enlaces que dirigen a los visitantes a otros sitios, probablemente quieras que esos enlaces se abran en una nueva pestaña. Esta es una solución útil para mantener a los visitantes en su tienda en línea mientras exploran otro contenido, como su canal de YouTube, sin salir de su sitio web.
Desafortunadamente, Shopify no ofrece una opción nativa para abrir enlaces en una nueva pestaña directamente en la configuración de navegación. Sin embargo, existe una solución simple y efectiva que requiere solo unas pocas líneas de código JavaScript para garantizar que todos los enlaces externos de su sitio web se abran automáticamente en una nueva pestaña.
Paso a paso:
Accede al apartado “ Tienda Virtual ”, haz clic en los tres puntos y selecciona “ Editar Código ”.
Consejo:
Antes de realizar cualquier cambio en el código, se recomienda que haga una copia de seguridad de su tema. Esto garantiza que si algo sale mal, podrás restaurar la versión anterior. Para duplicar el tema, haga clic en " Duplicar " y se creará una copia automáticamente.
En la página de códigos, localice el archivo JavaScript principal del tema:
- Utilice la función de búsqueda para encontrar el archivo JavaScript principal de su tema. Este archivo suele tener la extensión .js .
- Si estás usando el tema Dawn o cualquiera de los otros temas gratuitos de Shopify 2.0, busca global.js .
- Para el tema Debut, busque theme.js .
- En otros temas, el archivo puede tener nombres como theme.js.liquid o custom.js .
Desplácese hasta el final del archivo JavaScript encontrado, copie el siguiente código y luego haga clic en " Guardar ":
(function () {
var enlaces = documento.enlaces;
for ( sea i = 0, longitud de enlaces = longitud de enlaces; i < longitud de enlaces; i++) {
if (enlaces[i].nombre de host!== ventana.ubicación.nombre de host) {
enlaces[i].target = '_blank';
enlaces[i].rel = 'noreferrer noopener';
}
}
})();
Conclusión
¡Listo! Ahora, todos los enlaces que conducen a sitios web externos se abrirán en una nueva pestaña, lo que garantiza una experiencia de navegación más fluida y mantiene a sus visitantes aún más interesados en su tienda. ¿Quieres aprender más consejos valiosos como este y dominar el comercio electrónico y Shopify? ¡Visita el sitio web de PlayEcom y explora nuestros cursos especializados!
