Personalizar la página de inicio de tu tienda Shop

La página de inicio de la tienda Shop es lo primero que se muestra cuando los clientes visitan tu tienda en la aplicación o el sitio web de Shop. Puedes personalizar el encabezado, las colecciones y la navegación de la tienda Shop para crear una experiencia de compra adaptada a la marca que ayude a los clientes a explorar y descubrir tus productos.

Edita un banner de anuncio de la tienda Shop

Si tu tienda tiene un descuento automático activo disponible, aparecerá un banner de anuncios automáticamente en la página de inicio de tu tienda Shop. Para editar el banner de anuncios, debes desactivar tu descuento automático y luego crear uno nuevo.

Puedes usar el canal de Shop para actualizar el encabezado en la página de inicio de tu tienda Shop, como el logo y el fondo.

Requisitos de la imagen del logo

Para obtener la mejor resolución en el contenido del encabezado, la imagen del logo que agregues allí debe cumplir con los siguientes requisitos:

  • Los archivos de imagen del logo deben estar en formato SVG, PNG o WEBP, y deben ser transparentes.
  • El ancho mínimo para las imágenes es de 512 píxeles.
  • La imagen debe ser cuadrada.

Requisitos de los elementos multimedia de fondo

Cuando agregues elementos multimedia de fondo a tu encabezado en formato de imagen, GIF o video, asegúrate de que tu archivo cumpla con los siguientes requisitos:

  • Los archivos de imagen deben tener un tamaño inferior a 15 MB y estar en formato WEBP, PNG, JPEG o GIF.
  • Los archivos de video deben tener un tamaño inferior a 32 MB, no durar más de 10 segundos y estar en formato MP4 o MOV.
  • Las dimensiones requeridas para todos los tipos de elementos multimedia de fondo son 1080 x 1170 píxeles.

Edita el encabezado de la tienda Shop

  1. Desde el panel de control de Shopify, ve a Canales de ventas > Shop.

  2. En la sección Tienda, haz clic en Personalizar.

  3. Desde el menú desplegable en la parte superior de la página, selecciona Inicio de la tienda Shop.

  4. Haz clic en Encabezado y luego realiza cualquiera de los siguientes cambios:

    • Para cambiar el logo que se muestra en la tienda Shop, en la sección Logo, haz clic en Seleccionar imagen, o arrastra y suelta una imagen para subir un archivo.
    • Para destacar una imagen, un GIF o un video como fondo de tu tienda Shop, en la sección Fondo, haz clic en Elementos multimedia y luego en Seleccionar imagen o video, o arrastra y suelta una imagen o un video para subir un archivo.
    • Para cambiar el color principal del fondo, los botones y los detalles, en la sección Fondo, haz clic en Color y, luego, selecciona uno en el selector de color.
  5. Haz clic en Guardar.

Edita las colecciones de la tienda Shop

Puedes editar las colecciones de tu tienda Shop para gestionar cuáles se mostrarán en Shop. Puedes agregar hasta 5 listas de colecciones, y cada una puede incluir hasta 10 colecciones. Después de agregar una colección a una lista de colecciones, esa colección no se puede agregar a otra lista de colecciones. Una colección debe tener una imagen de portada para que se muestre en Shop.

Pasos:

  1. Desde el panel de control de Shopify, ve a Canales de ventas > Shop.

  2. En la sección Tienda, haz clic en Personalizar.

  3. Desde el menú desplegable en la parte superior de la página, selecciona Inicio de la tienda Shop.

  4. En la sección Lista de colecciones, haz clic en la lista de colecciones que quieres editar y, luego, realiza alguno de los siguientes cambios:

    • Para editar el título de la lista de colecciones, ingresa tu nuevo título en el campo Título.
    • Para editar las colecciones que se muestran en la lista de colecciones, haz clic en Editar lista de colecciones y luego selecciona las colecciones que quieres incluir.
    • Para cambiar el orden de una lista de colecciones, haz clic en el ícono y arrástralo para mover la colección a una posición específica en la lista.
    • Para agregar una imagen de portada a una lista de colecciones, haz clic en una colección y, luego, en Seleccionar imagen o arrastra y suelta una imagen para subir un archivo.
    • Para eliminar una colección o lista de colecciones, haz clic en el ícono de papelera.
  5. Haz clic en Guardar.

Puedes editar la navegación de tu tienda Shop para actualizar las colecciones que se muestran en su menú de navegación. Puedes agregar hasta 12 colecciones a la navegación.

Pasos:

  1. Desde el panel de control de Shopify, ve a Canales de ventas > Shop.

  2. En la sección Tienda, haz clic en Personalizar.

  3. Desde el menú desplegable en la parte superior de la página, selecciona Inicio de la tienda Shop.

  4. Haz clic en Navegación > Editar lista de navegación.

  5. Personaliza la navegación de cualquiera de las siguientes maneras:

    • Para agregar una colección disponible a la navegación, selecciona la colección en la lista.
    • Para eliminar una colección de tu navegación, anula la selección de la colección en la lista.
  6. Haz clic en Guardar.

Personalizar los filtros de la tienda Shop

Agregar filtros personalizados a tu tienda online mediante la app Shopify Search & Discovery sincroniza automáticamente estos mismos filtros con tu tienda Shop en Shop. Esto ayuda a los clientes a filtrar los productos que se les muestran en las páginas de colección de tu tienda Shop y en los resultados de búsqueda.

Los filtros de la tienda se sincronizan automáticamente y no puedes establecer filtros distintos para tu tienda online y tu tienda Shop. Obtén información sobre cómo agregar y editar filtros en tu tienda.

Mostrar la tienda Shop en otros idiomas

La app Shop y Shop en la web son compatibles con los siguientes idiomas: checo, danés, neerlandés, inglés, francés, alemán, italiano, lituano, noruego, polaco, portugués, rumano, español y sueco. Cuando un cliente usa Shop en cualquiera de estos idiomas, la mayoría de los elementos de tu tienda Shop se traducen, a excepción de las páginas de información del producto.

Las páginas de detalles del producto se muestran en Shop solo en el idioma principal de la tienda Shopify. Si quieres que se muestren en otros idiomas admitidos en Shop, considera traducir la tienda con la app Translate & Adapt o una app de traducción de terceros que use la Translation API y la mutación translationsRegister para Shop.