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.

  1. En el directorio Recursos, haz clic en una de las siguientes opciones:

- theme.js - theme.js.liquid - custom.js

  1. 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';
  }
}
  1. Haz clic en Guardar.

¿Estás listo/a para comenzar a vender con Shopify?

Prueba gratis