Ajustar el diseño del escaparate

Puede perfectamente añadir su tienda a cualquier sitio web. El diseño predeterminado del escaparate se adapta a cualquier sitio existente.

Para ajustar el aspecto del escaparate, puede utilizar las opciones de diseño incorporadas en la sección Diseño de su administrador de la tienda. Elija el tamaño de las imágenes, el diseño de la tarjeta del producto, la posición del nombre de la categoría y muchas más cosas que desee. Una vez que actualice los ajustes, se reflejan inmediatamente en la tienda dentro de su sitio web.

Si vende en WordPress configure el diseño del escaparate en el lateral del constructor de su sitio.

¿Qué es un escaparate?

El escaparate es la tienda real donde los clientes buscan los productos. Esto es lo que hace su escaparate:

  • Lista de productos con fichas de productos
  • Páginas de productos
  • Categorías de la tienda
  • Elementos de navegación

Siga leyendo para saber cómo ajustar el diseño de cada uno de ellos en la pantalla Diseño de su administrador de la tienda.

En la sección Ajustes → Cesta de Compra podrá personalizar además la caja de su tienda, establecer el orden de clasificación de los productos por defecto, elegir dónde y cómo se muestra el precio «Comparar con», activar favoritos para que a los clientes se les permita dar a «Me gusta» a los artículos de su tienda para guardarlos para el futuro, y mucho más.

Diseño de la lista de productos y las fichas de producto

La lista de productos es la cuadrícula de las páginas de categorías o de la portada de su tienda. La lista está formada por fichas de producto individuales que contienen una imagen y contenido para ofrecer a sus clientes una breve visión general de un producto.

Así es como se ve una ficha de producto en la lista de productos:

Adjusting Ecwid storefront design (1).png

Puede ajustar el tamaño y la relación de aspecto de la imagen, ocultar o mostrar elementos como el precio, REF, o el botón «Comprar ahora», y mucho más utilizando los ajustes de diseño incorporados. Por ejemplo, la orientación vertical de la imagen es estupenda para mostrar prendas de vestir, y las imágenes de gran tamaño son mejores para mostrar detalles de joyería, elementos de decoración del hogar, etc.

Se aplican automáticamente el mismo tamaño de imagen y la misma relación de aspecto que haya establecido para su lista de productos a las imágenes de categoría de su tienda.

Para ajustar la lista de productos y el diseño de la ficha de producto:

  1. Desde su administrador de la tienda, vaya a Diseño.
  2. Realice los cambios que necesite en las secciones Tamaño de la imagen, Relación de aspecto de la imagen, y Detalles y diseño de la tarjeta del producto.
  3. Los cambios se guardan automáticamente.
Para los clientes que usen dispositivos móviles, no se mostrarán detalles al pasar el ratón, ya que no tienen ningún dispositivo de ratón.

Configurar el diseño de página de producto

La página de producto es una página de un producto concreto de su tienda con todos sus detalles. Los clientes pueden acceder a las páginas de productos haciendo clic en una ficha de producto de la lista o mediante enlace directo.

Adjusting Ecwid storefront design (3).png

Puede configurar el diseño de página de producto y determinar si desea o no mostrar subtítulos, REF, botones de redes sociales y otra información en función de sus necesidades.

También puede elegir el diseño de las miniaturas de las imágenes en las fichas de producto. Por ejemplo, si tiene una galería de fotos de alta calidad para sus productos, es mejor mostrar las imágenes a tamaño completo para que los clientes puedan prestar atención a todas ellas. Además, puede ampliar la imagen principal del producto al pasar el ratón por encima.

Para ajustar el diseño de la página del producto:

  1. Desde su administrador de la tienda, vaya a Diseño.
  2. Realice los cambios de diseño que necesite en las secciones Diseño de página de producto,Galería de imágenes en miniatura, y Barra lateral.
  3. Los cambios se guardan automáticamente.

Configurar el nombre de la categoría y la visualización de imágenes

Por defecto, todos los productos que añade a su tienda aparecen en la categoría destacados en la página principal de su tienda. Si crea más categorías raíz o subcategorías para facilitar a los clientes la navegación por su tienda, se mostrarán como una lista:

Adjusting Ecwid storefront design (4).png

Puede elegir dónde mostrar nombres de categorías u ocultar nombres o imágenes de categorías completamente. En cuanto al tamaño de la imagen de la categoría y la relación de aspecto, serán los mismo que los que configure para su lista de productos.

Para configurar el nombre de la categoría y la visualización de la imagen:

  1. Desde su administrador de la tienda, vaya a Diseño.
  2. Desplácese hasta Posición del nombre de categoría y elija su opción.
  3. Los cambios se guardan automáticamente.

En Diseño → Ajustes adicionales del escaparate → Vista de categorías, puede también expandir las categorías raíz para mostrar los productos que contienen directamente en el escaparate de la tienda. Por ejemplo, si tiene un restaurante y quiere mostrar todas las secciones del menú directamente.

Más información sobre la ampliación de categorías

Puede cambiar el nombre de la sección Productos destacados si desea darle un título personalizado que se ajuste a su tono de voz.

Ajustar la navegación

Cada tienda tiene una serie de opciones de navegación que crean una mejor experiencia para el cliente: flechas «Anterior» y «Siguiente» para alternar entre productos, rutas de navegación, opción de clasificación, filtros de productos, y el menú de pie de página de la tienda, incluido el enlace «Iniciar sesión».

De usted depende mostrar u ocultar estos elementos. Le recomendamos que las muestre para facilitar a los compradores la compra en su tienda. Puede ajustar la navegación por el escaparate en Diseño → Ajustes adicionales del escaparate y en DiseñoNavegación.

Más formas de retocar el diseño de su escaparate

Personalizar su escaparate es solo cuestión de imaginación y determinación. Para una configuración más detallada del diseño de su tienda, puede utilizar herramientas adicionales:

  • Cintas de productos y subtítulos de productos: Etiquetas de colores y subtítulos cortos que hacen que los productos destaquen en un escaparate.
  • Imágenes animadas: cargue el archivo .gif como imagen principal de su producto, y aparecerá en el escaparate:
    gif animation.gif
  • Banners en el escaparate: para llamar la atención de los clientes sobre sus ofertas más recientes, ofertas de temporada, redes sociales o cualquier otra cosa, puede añadir un banner a su escaparate. El banner puede añadirse a la página principal de la tienda o a cualquiera de las páginas de categoría.
  • Mercado de aplicaciones: aquí puede encontrar aplicaciones que se pueden utilizar para personalizar su sitio y su tienda de la forma que desee.
  • Opciones de personalización en profundidad, como códigos CSS, desarrollo personalizado y la API.
¿Fue útil este artículo?

¡Increíble! ¡Gracias por sus comentarios!

¡Gracias por sus comentarios!

Ver todos los artículos
Usuarios a los que les pareció útil: 0 de 5
Usamos cookies y tecnologías similares para recordar sus preferencias, medir la efectividad de nuestras campañas y analizar datos despersonalizados con el fin de mejorar el rendimiento del sitio. Al elegir «Aceptar», da su consentimiento para el uso de cookies.
Aceptar cookies Rechazar