Ajustar el diseño del escaparate de Ecwid
Puede perfectamente añadir su tienda Ecwid a cualquier sitio web o utilizarla con el Instant Site que obtiene con cada cuenta Ecwid. 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 Ecwid. 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.
Para los usuarios de WordPress, siga estas instrucciones →
Para los usuarios de Wix, siga estas instrucciones →
¿Qué es un escaparate?
El escaparate es la tienda real donde los clientes buscan los productos. Cuando añade Ecwid ecommerce a su sitio web existente, es el escaparate el que queda incrustado. Si vende en Instant Site, la tienda ya está añadida.
Esto es lo que hace su escaparate Ecwid:
- 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 Ecwid, o vea un vídeo sobre cómo realizar cambios de estilo:
Consejos de diseño del escaparate para diferentes sitios
Dependiendo del sitio web donde esté su tienda Ecwid agregada hay una serie de herramientas adicionales que puede utilizar:
- Si añade un escaparate Ecwid a un sitio web personalizado, los colores de la tienda se adaptan automáticamente al estilo del sitio web y parecen una parte natural de su sitio web. En caso de que desee crear un tema de diseño usted mismo y ajustar los colores de la tienda manualmente, puede desactivar la adaptación de colores en Diseño → Ajustes adicionales del escaparate.
- Si vende en Instant Site de nueva generación los ajustes que realice en el Diseño se aplican tanto a la página de la tienda (https://your-store.company.site/products) de su sitio web como a las secciones de la tienda en la página del escaparate. Puede configurar además la apariencia de los bloques de tienda y categoría en la página principal del sitio en el editor del Instant Site al que se puede acceder desde el menú Sitio web en su administrador de Ecwid. Aprenda a configurar las secciones de la tienda en el Instant Site →
Algunos ajustes están presentes tanto en el editor del sitio como en la sección Diseño. En la página principal del sitio aparecerán los que aplique en el editor.
- Si vende en la versión original de Instant Site, los ajustes de diseño se sincronizan entre el editor del sitio y la sección Diseño. Puede colocarlos donde desee.
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 Ecwid. 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:
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 de Ecwid. 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:
- Desde su administrador de Ecwid, vaya a Diseño.
- 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.
- Los cambios se guardan automáticamente.
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.
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:
- Desde su administrador de Ecwid, vaya a Diseño.
- 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.
- 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 Ecwid 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:
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:
- Desde su administrador de Ecwid, vaya a Diseño.
- Desplácese hasta Posición del nombre de categoría y elija su opción.
- 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 →
Ajustar la navegación
Cada tienda Ecwid 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ño → Navegación.
Para saber más sobre las opciones de navegación de la tienda, lea nuestra guía sobre Navegación eficaz en su tienda Ecwid (en inglés) →
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:
- 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 de Ecwid: aquí puede encontrar aplicaciones que se pueden utilizar para personalizar su sitio Ecwid y su tienda de la forma que desee.
- Opciones de personalización en profundidad, como códigos CSS, desarrollo personalizado y la API de Ecwid.
Artículos relacionados:
Prácticas recomendadas para listar productos en su tienda (en inglés)
Informar a los clientes sobre promociones
Añadir barras de promoción a Instant Site
Adaptar su tienda Ecwid a su imagen de marca