UDP: En abril de 2018, lanzamos nuevas configuraciones de diseño en Ecwid. Descubra hasta qué punto puede personalizar su tienda Ecwid sin necesidad de codificar En una publicación de blog más recienteSi tu tienda fue creada antes de abril de 2018 y quieres aprender a usar la configuración antigua, sigue leyendo este artículo.
La tienda Ecwid está diseñada de tal manera que es posible agregarla a cualquier sitio web y comenzar a vender todo tipo de productos en poco tiempo. Su escaparate se adapta automáticamente tanto a dispositivos móviles como de escritorio, y la tienda se ve genial en cualquier pantalla.
Hacer que su tienda sea una parte natural de su sitio web da la impresión de un negocio profesional. Es posible que desee cambiar el diseño de la tienda para que se adapte al estilo de su sitio web y a las necesidades específicas de su negocio en particular. Eso se puede lograr por varios medios, desde configuraciones completamente automatizadas hasta
La mayoría de ellos figuran en Panel de Control → Configuración → DiseñoEn esa página puedes administrar tus configuraciones de diseño y en este post te contamos cómo aprovecharlas al máximo.
Dividimos todas las posibles modificaciones al diseño de su tienda Ecwid en tres niveles según las habilidades y recursos requeridos, desde rápido y fácil hasta más profundo y complejo.
Nivel 1: Rápido y fácil
Modificaciones rápidas y sin esfuerzo. Solo es necesario hacer clic en los botones.
Antes de que empieces a pensar en cambios de diseño, te damos una buena noticia: Ecwid se integra automáticamente en el entorno y se ve como una parte natural de tu sitio web o página de redes sociales. No tienes que codificar nada para eso: todo funcionará bien.
Además, existen formas sencillas de adaptar la apariencia de su tienda a su misión sin esfuerzo adicional.
1. Vende en un sitio instantáneo de Ecwid si no tienes un sitio web
Instant Site es un sitio web gratuito con una tienda en línea que Ecwid proporciona de forma gratuita cuando crea su cuenta de Ecwid.
Hablando de diseño, el Instant Site está construido con
Entonces, si no tienes un sitio web para vender, esta es una manera muy fácil de comenzar a vender en línea.
Este
2. Fácil personalización del diseño para quienes ya tienen un sitio web
Si ya tienes un sitio web, Ecwid se integrará sin problemas con él, independientemente de si está creado en WordPress, Wix, Joomla o cualquier otra plataforma. Esto es lo que puedes hacer para que tu tienda tenga un aspecto aún mejor.
Paso 1: Utilice un tema que coincida con el creador de su sitio
Para diseñar tu sitio web, puedes elegir entre docenas de temas disponibles para comprar. La tienda Ecwid es compatible con la mayoría de ellos.
Aquí tienes un directorio rápido de lugares en la web donde puedes encontrar temas para el creador de tu sitio.
Para sitios web de WordPress
Además, no te pierdas la colección de Los mejores temas gratuitos de WordPress para
Para sitios web Joomla
Para sitios web de Squarespace
Para sitios web Wix, Es aún más fácil: navega por los temas sin salir www.wix.com.
Nota: Los comerciantes de Ecwid + Wix pueden combinar los colores de su sitio web y tienda en la configuración de la aplicación Ecwid Wix.
Configuración del diseño de la tienda Ecwid en sitios web de Wix
Paso 2: Habilitar el modo de color adaptable
Si abre una nueva tienda Ecwid y la agrega a su sitio web, Ecwid adaptará automáticamente los colores de la tienda al estilo de su sitio web. Esta función se llama Modo de adaptación de color. Es una forma muy sencilla de hacer que su tienda sea una parte natural de su sitio web.
Si ya vende con Ecwid, el modo adaptable de color no estará habilitado de forma predeterminada, pero puede habilitarlo en la página de Diseño:
¿Qué pasa si agregas tu tienda Ecwid a varios sitios web? Con el modo de adaptación de color habilitado, los colores de la tienda se adaptarán a cada uno de ellos. Su tienda se verá natural en cada entorno del sitio web, sin importar si es blanco, negro o verde.
Esta función está disponible para la mayoría de los comerciantes de Ecwid. Nota: Los comerciantes de Ecwid + Wix pueden combinar los colores de su sitio web y tienda únicamente en la configuración de la aplicación Ecwid Wix.
3. Juega con la configuración de apariencia rápida
Cuando usted vender en linea Con Ecwid, es posible habilitar o deshabilitar los elementos de la tienda de Ecwid con unos pocos clics. Por ejemplo, quienes venden productos hechos a mano en copias individuales a menudo prefieren ocultar el campo de cantidad.
Es posible que también desees ocultar elementos innecesarios o cambiar el tamaño de las miniaturas: la sección Apariencia de tu página de Diseño te permitirá hacerlo.
Nivel 2: Aventurero
Para aquellos sin conocimientos técnicos que buscan cambios de diseño más profundos y tienen tiempo para un pequeño viaje.
Tienes tu tienda configurada y ya has echado un vistazo. Ahora empiezas a sentir la necesidad de darle un toque personal: pueden ser colores de marca para botones, textos y fondo, íconos únicos o elementos completamente nuevos. Sin embargo, no tienes idea de programación.
No te preocupes: en este nivel hemos recopilado las herramientas que te ayudarán a alcanzar los objetivos anteriores sin conocimientos especiales. Veámoslas con más detalle.
1. Utilice aplicaciones del App Market de Ecwid para el diseño de tiendas
La Mercado de aplicaciones Ecwid Cuenta con más de 100 aplicaciones que te ayudan con análisis, promociones, envíos y más. También puedes encontrar Aplicaciones para personalizar escaparates y diseñamosEchemos un vistazo a una aplicación para cambiar los colores del tema sin necesidad de codificación: Diseñador de tienda.
Diseñador de tienda
Diseñador de tienda es una aplicación que te permite configurar rápidamente colores para botones, texto y fondo.
El modo de vista previa te permite jugar con los colores tanto como quieras antes de publicar tu diseño perfecto en la tienda.
Interfaz del diseñador de tiendas
La aplicación cuesta $4.99 y ofrece una semana de prueba gratuita.
El diseñador de tiendas está disponible en todos los planes pagos de Ecwid, así como el resto de aplicaciones del App Market.
2. Copiar pegar Ajustes listos desde la Base de conocimiento
Base de conocimientos de Ecwid Tiene respuestas a la mayoría de las preguntas que un propietario de una tienda Ecwid pueda tener. Constantemente agregamos nuevos artículos aquí con los consejos y sugerencias más frecuentes.
Los aventureros pueden encontrar varios Instrucciones para personalizar la tienda; Por ejemplo,
Cambiar fuentes en la tienda or Agregar un cuadro de búsqueda.
La mayoría de estas instrucciones se desglosan de la siguiente manera:
Puedes administrar tus temas CSS en Panel de Control → Configuración → Diseño.
El proceso es así: por ejemplo, si quieres cambiar el icono de tu carrito, ve a tu Configuración → Diseño, crea un nuevo tema CSS, agrega Un fragmento de código, guarde los cambios y active el tema.
Debes agregar todos los cambios adicionales a este tema: solo puede haber un tema activo a la vez, por lo que debe incluir todas las modificaciones que deseas incorporar a tu tienda.
3. Solicite el desarrollo de un tema personalizado
Si no puede encontrar un tema que satisfaga sus necesidades, otra opción es Ordenar el desarrollo de un tema CSS que se creará solo para usted. Un tema personalizado significa mucho más que un simple cambio de colores y le permite obtener una personalización más profunda, por ejemplo, un orden completamente diferente de bloques en su página de producto.
Nivel 3: Veterano
Personalización intensa: cambios completos en el aspecto de tu tienda. Hola, código.
A veces se requieren cambios más profundos en el aspecto de la tienda: es posible que desees un
Para
1. Crea un hecho a sí mismo Tema CSS
Si desea diseñar su tienda por su cuenta, considere crear su propio tema CSS.
Un tema CSS es un conjunto de reglas que determina el aspecto de cada elemento de la tienda (el tamaño, la forma, el color y el lugar en una página).
Crea tus propios temas CSS en Configuración → Diseño
Hay Una guía en la base de conocimientos de Ecwid que explica cómo crear tu propio tema CSS y Instrucciones para cambiar elementos específicos.
Tenga en cuenta que necesitará tener conocimientos de HTML y CSS, por lo que si estas dos palabras no le resultan familiares, debe estar listo para dedicar algún tiempo a adquirir las habilidades necesarias para crear un tema desde cero.
Recuerda que si tienes problemas con el diseño de tu tienda Ecwid, siempre puedes pedir ayuda al equipo de atención al cliente de Ecwid. O también puedes Solicite el desarrollo personalizado de su propio tema CSS.
2. Utilice la API de Javascript de Ecwid para ampliar las funciones de la tienda de Ecwid
Esta parte es principalmente para desarrolladores. ¿Sabes qué más podría mejorar tu tienda de Ecwid? API de Javascript de Ecwid.
Por ejemplo, puedes crear un nuevo tema CSS o una aplicación y venderla en el App Market de Ecwid. La API de Javascript de Ecwid te permite cambiar la apariencia de la tienda por completo y realizar cambios tan profundos como necesites.
Si estás listo para comenzar, por favor Regístrate en nuestra página para desarrolladores.
***
Lea también: Cómo diseñar imágenes de categorías de productos que tus clientes no puedan resistirse a hacer clic
- Ejemplos inspiradores de sitios instantáneos de Ecwid
- Sitio instantáneo de Ecwid con temas listos para usar y más de 99 opciones de diseño
- Nuevas configuraciones de diseño de Ecwid: docenas de opciones de personalización, sin codificación
- Cómo elegir una plantilla de comercio electrónico para su sitio
- Una guía completa para personalizar el diseño de su tienda Ecwid
- Diseñando tu sitio web de comercio electrónico gratuito desde cero
- Cómo la plantilla de tienda online accesible de Ecwid se convirtió en un éxito
