Abrir enlaces externos en una pestaña nueva
Puedes agregar un código a tu tema que haga que los enlaces externos en tu tienda online se abran en una nueva pestaña del navegador. Esto puede resultar beneficioso porque ayuda a evitar que los clientes abandonen tu tienda online. Los enlaces externos son URL que dirigen a los clientes a diferentes sitios web, como los enlaces incluidos en los íconos de redes sociales.
Agregar un código al archivo JavaScript de tu tema
Para que los enlaces externos se abran en una nueva pestaña del navegador, debes editar el archivo JavaScript de tu tema.
Desde tu panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.
Desde la app de Shopify, toca Tienda.
En la sección Canales de ventas, selecciona Tienda online.
Toca Administrar temas.
Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.
Desde la app de Shopify, toca Tienda.
En la sección Canales de ventas, selecciona Tienda online.
Toca Administrar temas.
Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.
En el directorio Recursos, haz clic en una de las siguientes opciones:
Pega el siguiente código al final del archivo:
var links = document.links;
for (let i = 0, linksLength = links.length ; i < linksLength ; i++) {
if (links[i].hostname !== window.location.hostname) {
links[i].target = '_blank';
links[i].rel = 'noreferrer noopener';
}
}
- Haz clic en Guardar.