Cambiar el diseño de su tienda Ecwid en Wix
Ecwid está diseñado profesionalmente según las últimas tendencias del comercio electrónico para que se vea bien en cualquier dispositivo. Cuando haya instalado Ecwid en su sitio web de Wix, podrá empezar a vender de inmediato. Aún así, puede cambiar el diseño de su tienda Ecwid en Wix para que su escaparate online coincida exactamente con el aspecto general de su sitio web.
El intuitivo editor visual de la aplicación Ecwid para Wix le permite cambiar las fuentes y los colores de la tienda, ajustar el tamaño y la relación de aspecto de las imágenes de los productos, alterar rápidamente el diseño de las páginas de productos y catálogos y ocultar los elementos de la página sin necesidad de codificación.
En este artículo:
Cambiar las fuentes y los colores de la tienda
La aplicación Ecwid para Wix le permite seleccionar los colores preferidos para el fondo de su tienda, el texto, los enlaces y los botones, cambiar el estilo de la fuente y ajustar la opacidad del fondo para crear una tienda online que se adapte perfectamente al estilo general del sitio web.
Si no está seguro/a de qué combinación de colores elegir para su tienda, puede elegir los colores que coincidan con la paleta de colores del sitio web principal utilizando la regla 60-30-10:
- el color primario que cubre el 60 % del espacio - el color de fondo;
- el color secundario que cubre el 30 % del espacio y contrasta con el color primario - el color del texto;
- los colores de acento que ocupan el 10 % del espacio y complementan su color primario o secundario: el color de los botones, los enlaces y los precios de los productos.
En cuanto a los estilos de letra, le recomendamos que no elija más de 2 ó 3 tipos de letra para el sitio web: uno para los encabezados y los títulos, otro para los subtítulos (opcional) y otro para las zonas de contenido del cuerpo. Demasiados estilos de letra pueden hacer que su sitio web parezca desordenado y poco profesional. Es posible que a la gente le cueste entender cuáles son los mensajes importantes que intenta comunicar.
Para cambiar la fuente y los colores de la tienda:
- Abra su Editor de Sitios Web Wix y cambie a la página donde está instalada su tienda Ecwid (por defecto, es la página de la tienda online).
- Haga clic en algún lugar del bloque con sus productos y seleccione Ajustes:
- Pase a la pestaña Diseño del menú emergente:
- Elija el tipo de letra preferido en la sección Estilo de letra:
- Seleccione el color de fondo de la página en el bloque Seleccionador de colores y ajuste la opacidad, si es necesario:
- Establezca los colores para Texto, Precios de productos, Enlaces y Botones en los correspondientes selectores de color:
- Si no está satisfecho/a con los cambios de color que ha realizado, siempre puede revertirlos haciendo clic en Restablecer los colores por defecto:
Puede comprobar el resultado de su trabajo en el modo Vista previa. Cuando haya terminado de editar las fuentes y los colores, recuerde Publicar su sitio web para aplicar los cambios.
Cambiar el diseño de la lista de productos
Las listas de productos son páginas en las que se muestran los artículos asignados a la misma categoría de productos o a la página de inicio de la tienda. Puede personalizar la forma en que se muestran sus productos en las páginas del listado en la aplicación Ecwid para Wix.
Por ejemplo, puede controlar el tamaño y la relación de aspecto de las imágenes de los productos (miniaturas). Las imágenes grandes suelen ser excelentes para mostrar todos los detalles esenciales de sus productos, las imágenes de tamaño medio son un buen equilibrio para la mayoría de los productos, mientras que las imágenes pequeñas permiten que quepan más productos por página. Las imágenes pequeñas le vendrán bien si sus productos se presentan mejor por la descripción que por la imagen, por ejemplo, las piezas de automóvil, los electrodomésticos diversos, etc.
Los patrones de relación de aspecto le permiten ajustar las páginas del listado para las imágenes alineadas horizontal o verticalmente. También puede oscurecer los fondos de las miniaturas para que los productos destaquen más en la página.
Pruebe a cambiar la alineación del texto en las fichas de producto o la visibilidad de los nombres de los productos, los precios y los botones Comprar ahora, si quiere crear un aspecto más aireado de las páginas de listado de productos.
En el lado opuesto, puede optar por mostrar los nombres de los productos, los precios y los botones Comprar ahora y permitir a sus clientes añadir artículos a la Bolsa de la compra directamente desde las páginas del catálogo.
Para personalizar el aspecto de las páginas de listado de productos:
- Abra su Editor de Sitios Web Wix y cambie a la página donde está instalada su tienda Ecwid (por defecto, es la página de la tienda online).
- Haga clic en algún lugar del bloque con sus productos y seleccione Ajustes:
- Pase a la pestaña Lista de productos del menú emergente:
- Cambie el Tamaño de la miniatura y la Relación de aspecto:
- Active la opción de Oscurecer los fondos de las miniaturas:
- Ajuste la Alineación del texto y los botones en las fichas de producto:
- Active la opción si desea mostrar un Borde alrededor de las fichas de producto:
- Elija si desea mostrar siempre, mostrar al pasar el ratón u ocultar el Nombre del producto, el precio, el SKU, el botón Comprar ahora y las Imágenes adicionales del producto (imágenes de la galería) en las páginas del listado de productos:
Puede comprobar el resultado de su trabajo en el modo Vista previa. Cuando termine de editar el diseño de las páginas del listado de productos, recuerde Publicar su sitio web para aplicar los cambios.
Cambiar el diseño de las páginas de productos
Las páginas de productos son páginas que contienen la información detallada de un producto: su descripción, una galería con imágenes adicionales, el precio, el nivel de existencias, las opciones de variación y mucho más.
Puede personalizar el aspecto de las páginas de productos en la aplicación Ecwid para Wix cambiando el diseño de la página y la visibilidad de los elementos de la barra lateral.
Hay varias opciones de diseño de página que puede elegir:
- 2 columnas con la descripción del producto a la derecha - una opción por defecto que queda muy bien con imágenes de alta calidad y una breve descripción;
- 2 columnas con descripción del producto debajo de la imagen - un diseño clásico ideal para productos con descripciones largas;
- 2 columnas con la descripción del producto a la izquierda - una disposición en espejo para los productos que se representan mejor por su descripción que por la imagen gráfica;
- 3 columnas - un diseño rico en contenido que puede encajar toda la información posible en una sola pantalla y que funciona mejor en pantallas anchas.
Para cambiar el aspecto de las páginas de productos:
- Abra su Editor de sitios web de Wix y cambie a la página donde está instalada su tienda Ecwid (por defecto, es la página de la tienda online).
- Haga clic en algún lugar del bloque con sus productos y seleccione Ajustes:
- Pase a la pestaña Producto del menú emergente:
- Seleccione el diseño preferido en la sección Disposición de los detalles del producto:
- Elija cómo quiere mostrar las imágenes de la galería en la sección Disposición de los detalles del producto:
- Defina qué detalles del producto quiere mostrar en la sección Contenido de la barra lateral:
Puede comprobar el resultado de su trabajo en el modo Vista previa. Cuando termine de editar el diseño de las páginas de detalles del producto, recuerde Publicar su sitio web para aplicar los cambios.
Artículos relacionados
Añadir su tienda Ecwid al sitio web Wix
Añadir categorías a su tienda Ecwid en Wix