Nuevas configuraciones de diseño de Ecwid: docenas de opciones de personalización, sin codificación

El diseño dice mucho de un Si el comercio electrónico Tienda. Si las personas pueden navegar fácilmente por su tienda en línea, tendrá muchas más posibilidades de convertirlas en clientes. Un diseño moderno y consistente puede indicarles a los clientes que es una marca confiable.

Ecwid ayuda a cualquier empresa, incluso a las pequeñas y emergentes, a tener una apariencia y vender de manera profesional en la web. No tienes que pagar mucho para de primer nivel diseñadores web para conseguir un compatible con dispositivos móviles, limpio y hermoso Si el comercio electrónico almacenar.

Hemos agregado Docenas de nuevas funcionalidades de diseño de escaparates a Ecwid, para que puedas dar tu Si el comercio electrónico Almacene la apariencia que mejor refleje su marca.

Configurar cada pequeño detalle del diseño de tu tienda online es muy fácil. Cambia los estilos de imagen, los diseños de las páginas de productos y los elementos de la tienda sin necesidad de programar. Lo comprobarás tú mismo en esta publicación.

Los nuevos ajustes se encuentran debajo Configuración → Diseño en su panel de control de Ecwid. Para usarlos, asegúrese de haber habilitado todas las actualizaciones de la tienda en Configuración → Novedades.

Habilite estas actualizaciones en Configuración → Novedades para ver la nueva página de configuración de diseño

¿Qué pasa si estoy usando la versión anterior de la tienda Ecwid?

Cambiar a la nueva tienda virtual puede cambiar el aspecto de tu tienda por completo. Con la nueva configuración de diseño, tendrás más opciones de personalización y un aspecto más atractivo para tu tienda. Sin embargo, ten cuidado si estás usando una hecho a sí mismo Tema CSS u otro desarrollado a medida Funciones de la tienda: es posible que no sean compatibles con la nueva tienda. Si necesita ayuda, nuestro equipo de soporte está a su disposición.

como vender en linea
Consejos de Si el comercio electrónico Expertos para propietarios de pequeñas empresas y aspirantes a emprendedores.
Por favor, introduce una dirección de correo electrónico válida

Diseñe su escaparate en línea

Usted controla todo el aspecto de su catálogo de productos, desde las imágenes de los productos hasta SKUs y botones.

1. Elija el mejor tamaño de imagen para mostrar sus productos.

De forma predeterminada, las imágenes del producto son de tamaño mediano, que es adecuado para la mayoría de las tiendas.

Algunos productos tienen detalles importantes que quizás quieras visualizar (por ejemplo, si vendes joyas o cuadros). Selecciona el tamaño de imagen grande para que tus clientes puedan admirar tus hermosos productos y fotografías.

Si vende un tipo de producto en un gran surtido (por ejemplo, 200 cinturones de cuero en diferentes colores), utilice imágenes más pequeñas. Su tienda mostrará muchos productos en la pantalla y sus clientes quedarán impresionados por la variedad.

Tamaños de imagen pequeños, medianos y grandes para fotografías de productos.

2. Optimice la relación de aspecto de la imagen según las dimensiones de su producto

¿Vendes palmeras? ¿O tal vez? piernas largas ¿Las modelos muestran sus abrigos de diseñador? Ambos lucirán geniales en fotografías verticales.

La relación horizontal es adecuada para productos anchos, como zapatos, sofás o barras nutritivas.

Para objetos redondos (o en caso de duda), utilice imágenes cuadradas, siempre quedan geniales.

Imágenes verticales, horizontales y cuadradas.

If you want to emphasize product images and make them stand out from the store background, select “Darken image background”.

3. Elige qué información del producto quieres mostrar en la tienda

Similar to product photos, you can choose from many design options for other storefront elements: product names, titles, prices, SKUs, “Buy” buttons. Decide how to display each of them — under the product image or on mouse hover.

Mostrar los elementos debajo de las imágenes del producto, al pasar el mouse sobre ellos u ocultarlos

Si eliges colocar la información debajo de las imágenes del producto, es posible configurar el diseño. Alinea tu contenido a la izquierda, a la derecha, al centro o justifícalo. - Eres libre de crear el look que más te guste.

Diferentes diseños de los elementos (nombre del producto y precio)

También es posible ocultar elementos. Oculte todos los elementos para que su escaparate parezca un catálogo de productos. Al hacer clic en cualquiera de las imágenes de los productos, sus clientes accederán a la página del producto.

Elige mostrar una imagen adicional del producto si quieres mostrar más detalles. Ecwid mostrará la primera imagen de la galería de fotos del producto al pasar el mouse sobre ella.

Imagen adicional del producto al pasar el mouse

Estas nuevas configuraciones permiten una gran cantidad de variaciones de diseño para la apariencia de su tienda.

4. Diseña las categorías de tu tienda

Encontrarás opciones para configurar el aspecto de tus categorías. Ya sea que tengas fotos, íconos o logotipos de marca para las imágenes de tus categorías, Ecwid tiene opciones de diseño para que se vean increíbles.

Nombres de categorías debajo de las imágenes, sobre ellas, al pasar el mouse sobre ellas y ocultos

Optimizar las páginas de productos para la conversión

Ahora puedes organizar la información de tus páginas de productos de diferentes maneras, según lo que funcione mejor para tus clientes. Cada opción de diseño se realiza según las mejores Si el comercio electrónico Prácticas para aumentar las conversiones.

1. Elija el diseño de la página del producto

Hay cuatro nuevas opciones para organizar el contenido en las páginas de sus productos.

Atraiga la atención con las imágenes de sus productos. Colocando un alta calidad La imagen del producto en el lado izquierdo de la página del producto hará que sea lo primero que noten sus clientes. Utilice el 2 columnas Diseño con la descripción del producto a la derecha si vende productos visualmente atractivos y tiene descripciones de productos breves.

El 2 columnas Diseño con la descripción del producto a la derecha.

Agregue descripciones detalladas de productos. En el caso de productos como productos electrónicos o farmacéuticos, las descripciones de los productos pueden ser bastante largas. A continuación, seleccione dos columnas Diseño con la descripción del producto debajo de la imagen. Incluso si agrega un manual extenso para usar su producto, la página se verá armoniosa.

El 2 columnas Diseño con la descripción del producto debajo de la imagen.

Emphasize product options and the “Checkout” button. Si sus clientes no tienen que leer largas descripciones ni examinar la galería para comprar sus productos, elija mostrar las opciones de producto con el botón de pago a la izquierda. Por ejemplo, si vende peces de acuario pequeños.

The “Add to bag” button in focus

Minimiza el desplazamiento y las distracciones.tres columnas El diseño funciona si desea que la página de su producto muestre la máxima información sin movimientos adicionales.

El compacto 3 columnas diseño

También puede Selecciona el diseño de tu galería de fotos. Ayude a sus clientes a hacerse una idea de su producto con una atractiva galería de fotos. Elija el diseño de las miniaturas de las imágenes de su galería (vertical u horizontal) o muestre sus fascinantes imágenes en tamaño completo. Cuanto más vistas alternadas y detalladas muestre, mejor.

Opciones de diseño de la galería de fotos

3. Seleccione la información del producto que desea mostrar en la barra lateral.

Una página de producto que se puede convertir proporciona suficiente información del producto y, al mismo tiempo, es sencilla. En Ecwid, puedes ocultar los elementos (como el SKU, las opciones del producto y los botones para compartir) si no los necesitas, para que tus clientes no se distraigan en su camino al carrito.

La mejor parte es que puedes arrastrar cada elemento y organizarlos en cualquier orden. Prueba muchas formas nuevas de optimizar tus páginas de productos para las conversiones.

Configuración flexible de la barra lateral

Cambie la navegación y los colores de su escaparate

Hay algunas configuraciones más en la tienda, que están habilitadas de manera predeterminada para ayudar a los clientes a navegar por ella. Puedes desactivar cualquiera de ellas cuando quieras.

Si cambia de la versión anterior de la tienda, estas configuraciones se migrarán a la nueva tienda tal como las tenía antes.

Modo adaptable al colorSi instala una tienda en línea de Ecwid en su sitio web, los colores de la tienda coincidirán automáticamente con el tema de su sitio web. Su tienda lucirá como una parte natural de su sitio web.

El menú de pie de página y las migas de pan Ayude a los clientes a navegar por su tienda más rápido y evite que se pierdan.

El Regístrese liga Permite a los clientes iniciar sesión en su perfil para ver sus pedidos y utilizar la lista de deseos.

“Sort by” options Permita que sus clientes clasifiquen sus productos por precio, nombre y otras condiciones.

Otras formas de cambiar el diseño de tu tienda Ecwid

Las nuevas configuraciones de diseño cubren los casos de uso más comunes. Si desea cambiar su tienda de otras maneras:

  1. Si necesita un tema personalizado para su tienda sin codificar, pruebe Aplicaciones de diseño del mercado de aplicaciones de Ecwid (disponible en planes pagos de Ecwid, se aplican precios de la aplicación).
  2. Crea un tema CSS personalizado (un conjunto de reglas que determinan el aspecto de cada elemento de la tienda, como el tamaño, la forma o el color). Crear un tema CSS requiere ciertos conocimientos técnicos. Guía de temas CSS en la base de conocimientos de Ecwid que explica cómo crear tu propio tema CSS y Instrucciones para cambiar elementos específicosSiempre puedes pedir ayuda al equipo de atención al cliente de Ecwid o Solicite el desarrollo personalizado de su propio tema CSS.
  3. Para desarrolladores: utilice el API de Javascript de Ecwid para ampliar las funciones de la tienda de Ecwid. Puede crear un nuevo tema CSS o una aplicación y venderlo en el mercado de aplicaciones de Ecwid. La API de Javascript de Ecwid le permite cambiar por completo el aspecto de la tienda y realizar cambios tan profundos como necesite. Si está listo para comenzar, Regístrate en nuestra página para desarrolladores.

Obtenga un sitio web gratuito para su tienda en línea

Tu tienda Ecwid se ve genial, ¿pero no tienes un sitio web para vender?

Instant Site es un creador de sitios web gratuito que Ecwid ofrece cuando creas tu cuenta de Ecwid. Esto se hace para que puedas comenzar a vender en línea rápidamente en una página web ordenada y obtener ganancias de inmediato para hacer crecer tu negocio.

Hablando de diseño, Instant Site está construido con confeccionado blocks (the cover image, logo, online store, “About Us” section, customer feedback, and contacts) that you can enable, disable, and customize.

Si necesitas personalizar tu Instant Site, ¿a quién vas a llamar? ¡A nadie! Puedes editar todo el sitio web sin conocimientos especiales, usando tu computadora de escritorio o incluso a través de la aplicación de administración de tiendas Ecwid Mobile para iOS.

Cree su sitio instantáneo gratis hoy mismo usando nuestro paso a paso guía.


 

Empieza a vender en tu sitio web

Registrate gratis