Base de conocimientos
Guías
Academia
Tutoriales en vídeo
Intenta buscar:
Artículos vistos recientemente:

Tabla de contenidos

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 caso de que necesite un diseño completamente personalizado, podemos proporcionarle una personalización en profundidad del escaparate hecha según sus especificaciones. Pida un diseño personalizado a nuestros expertos.

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:

  1. 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).
  2. Haga clic en algún lugar del bloque con sus productos y seleccione Ajustes:

Haga clic en Ajustes

  1. Pase a la pestaña Diseño del menú emergente:

Abra la pestaña Diseño

  1. Elija el tipo de letra preferido en la sección Estilo de letra:

Seleccione el tipo de letra

  1. Seleccione el color de fondo de la página en el bloque Seleccionador de colores y ajuste la opacidad, si es necesario:

Establezca la opacidad y el color

  1. Establezca los colores para Texto, Precios de productos, Enlaces y Botones en los correspondientes selectores de color:

Seleccione los colores

  1. Si no está satisfecho/a con los cambios de color que ha realizado, siempre puede revertirlos haciendo clic en Restablecer los colores por defecto:

Restaurar 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.

A medida que vaya probando diferentes configuraciones, podrá previsualizar en vivo el resultado sin tener que recargar la página o publicar el sitio web. Si no está satisfecho/a con el resultado, siempre puede restaurar el aspecto por defecto.

Para personalizar el aspecto de las páginas de listado de productos:

  1. 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).
  2. Haga clic en algún lugar del bloque con sus productos y seleccione Ajustes:

Haga clic en Ajustes

  1. Pase a la pestaña Lista de productos del menú emergente:

Abra la pestaña de la lista de Productos

  1. Cambie el Tamaño de la miniatura y la Relación de aspecto:

Seleccione el tamaño y la proporción de las miniaturas

  1. Active la opción de Oscurecer los fondos de las miniaturas:

Oscurecer el fondo de las miniaturas

  1. Ajuste la Alineación del texto y los botones en las fichas de producto:

Ajuste la alineación de la tarjeta de producto

  1. Active la opción si desea mostrar un Borde alrededor de las fichas de producto:

Mostrar u ocultar el borde de la ficha de producto

  1. 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:

Seleccione las opciones para mostrar

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:

  1. 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).
  2. Haga clic en algún lugar del bloque con sus productos y seleccione Ajustes:

Haga clic en Ajustes

  1. Pase a la pestaña Producto del menú emergente:

Establezca el diseño de página de producto

  1. Seleccione el diseño preferido en la sección Disposición de los detalles del producto:

Disposición de los detalles del producto

  1. Elija cómo quiere mostrar las imágenes de la galería en la sección Disposición de los detalles del producto:

Disposición de la galería

  1. Defina qué detalles del producto quiere mostrar en la sección Contenido de la barra lateral:

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.

También puede añadir un icono de la cesta de la compra y una barra de búsqueda de productos a las páginas de su sitio web. La cesta de la compra permite a sus clientes comprobar su contenido y proceder rápidamente al pago desde cualquier página de su sitio web. Con la ayuda de la barra de búsqueda, los visitantes de la tienda encontrarán fácilmente lo que buscan sin tener que navegar por las páginas de la tienda.

Artículos relacionados

Añadir su tienda Ecwid al sitio web Wix
Añadir categorías a su tienda Ecwid en Wix

¿Fue útil este artículo?

¡Increíble! ¡Gracias por sus comentarios!

¡Gracias por sus comentarios!

¡Lo sentimos! ¿Qué ha ocurrido?
Usuarios a los que les pareció útil: 3 de 5
10
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