Hola. El contenido de nuestro blog ha sido autotraducido para tu conveniencia. Te ofrecemos una disculpa en caso de alguna traducción extraña.

Una guía completa de Personalización de la tienda Ecwid Diseño

Mar 22, 2017 by Qetzal, Jefe de producto
Una guía completa de Personalización de la tienda Ecwid Diseño
Publicado Mar 22, 2017 by Qetzal, Jefe de producto

La tienda Ecwid se crea de tal manera que es posible añadirlo a cada sitio web y comenzar a vender cualquier tipo de producto en ningún momento. Su tienda se adapta automáticamente al escritorio y dispositivos móviles, y la tienda se ve muy bien en cualquier pantalla.

La fabricación de su tienda de 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 adaptarse a su estilo de página web y las necesidades específicas de su negocio particular. Eso se puede lograr por una serie de medios, desde la configuración totalmente automatizadas para los temas personalizados creados.

La mayoría de ellos se enumeran en Panel de control Configuración Diseño. En esa página, se puede administrar la configuración de diseño, y en este post, te diremos cómo hacer que la mayoría de ellos.

Rompimos todas las posibles modificaciones en el diseño de la tienda Ecwid en tres niveles de acuerdo a las habilidades y recursos necesarios, de fácil y rápido a más profundos y complejos.

Nivel 1: Rapido y facil

Rapido y facil

Fácil, modificaciones rápidas. se requiere nada más que hacer clic en los botones.

Antes de empezar a pensar en los cambios de diseño, aquí está la buena noticia: Ecwid construye automáticamente en el ambiente y se ve como una parte natural de su sitio web o una página sociales. Usted no tiene que hacer ningún tipo de codificación para que - todo va a funcionar bien.

Además, hay maneras fáciles de adaptar el aspecto de su tienda y sienten a su misión sin esfuerzo extra.

1. Vender en un sitio de inicio Ecwid si usted no tiene un sitio web

El sitio inicial es un sitio web gratuito de una página con una tienda online que ofrece Ecwid gratis al crear su cuenta Ecwid.

El sitio de arranque Ecwid

Hablando de diseño, el sitio inicial está construido con bloques prefabricados (Imagen de la cubierta, logotipo, tienda en línea, la sección "Acerca de nosotros", comentarios de los clientes, y contactos) que se puede activar y desactivar, editar, y personalizar a su negocio. Todo lo que se puede hacer prácticamente en momentos con sus propias manos.

Por lo tanto, si usted no tiene un sitio web para vender en, esta es una manera muy fácil para empezar a vender en línea en un guapo página web gratis.

Esta guía paso a paso se explica cómo diseñar su sitio inicial: La personalización de Su Sitio de inicio Desde Cero para la Primera Venta

2. Fácil personalización de diseño para aquellos que ya tienen un sitio web

Si ya tienes una página web, Ecwid todavía se integrará sin problemas con él, como quiera que se basa en: WordPress, Adobe Muse, Wix, Joomla, o cualquier otra plataforma. Esto es lo que puede hacer para que su tienda se vea aún mejor.

Paso 1: Utilizar un tema a juego para su constructor de sitios

Para el diseño de su sitio web, sólo tiene que elegir de temas disponibles para su compra decenas. La tienda Ecwid es compatible con la mayoría de ellos.

Aquí hay un directorio rápido de los lugares en la web donde se puede encontrar temas para su constructor de sitios.

Para los sitios web de WordPress

También, no se pierda en la colección de los mejores temas de WordPress gratis para los sitios web de comercio electrónico.

Para los sitios web de Adobe Muse

Para los sitios web Joomla

Para los sitios web Squarespace

Para los sitios web de Wix, es aún más fácil: navegar por los temas sin salir www.wix.com.

Nota: Ecwid + Wix comerciantes pueden igualar los colores de su página web y tienda en la configuración de la aplicación Ecwid Wix.

ajustes de color de Wix y Ecwid

almacenar la configuración de diseño Ecwid en los sitios web de Wix

Paso 2: Activar el modo de color adaptativo

Si abre una nueva tienda Ecwid y agregarlo a su sitio web, Ecwid automágicamente adaptar los colores de la tienda para su estilo de página web. Esta función se denomina Modo de color adaptativo. Es una manera muy fácil de hacer que su tienda de una parte natural de su sitio web.

Si ya vende con Ecwid, Modo adaptativo color no será activada de forma predeterminada, pero se puede habilitar en la página Diseño:

Modo Ecwid color adaptativo

Lo que si se añade su tienda Ecwid a varios sitios web? Con el modo de adaptación del color activado, los colores del almacén se adaptarán a cada una de ellas. Su tienda se verá natural en cada entorno web, no importa si es blanco, negro, o verde.

Esta función está disponible para la mayoría de los comerciantes Ecwid. Si tiene alguna pregunta o necesita ayuda con el Modo de color adaptativo, por favor, póngase en contacto con nuestro equipo de soporte.

3. Jugar con la configuración de aspecto rápidas

Cada vez que se vende en línea con Ecwid, es posible activar o desactivar los elementos de escaparate Ecwid en unos pocos clics. Por ejemplo, los que venden productos hechos a mano en copias individuales a menudo prefieren ocultar el campo de cantidad.

Es posible que desee ocultar los elementos innecesarios demasiado o cambiar el tamaño de imágenes en miniatura - la sección Aspecto de la página de diseño será totalmente dejar que lo hagas.

Configuración de la apariencia

Nivel 2: Aventurero

Aventurero
Para los que no tienen conocimientos técnicos que están en busca de cambios de diseño más profundas y tienen tiempo para un pequeño viaje.

Ha establecido su tienda y ya ha mirado alrededor. Ahora se empieza a sentir la necesidad de un toque personal: que podría ser de marca para los botones de colores, textos, y el fondo, iconos únicos, o elementos completamente nuevos. Sin embargo, usted no tiene idea acerca de la codificación.

No te preocupes: en este nivel, hemos recogido las herramientas que le ayudarán a alcanzar los objetivos anteriormente sin conocimientos especiales. Vamos a echar un vistazo más de cerca a ellos.

1. Use aplicaciones de la Ecwid mercado de la aplicación de diseño de la tienda

El Ecwid El Mercado De La Aplicación conteos 100+ aplicaciones para ayudarle con la analítica, promoción, envío, y mucho más. También se puede encontrar aplicaciones para la personalización del escaparate y diseño. Vamos a echar un vistazo a dos aplicaciones para cambiar los colores del tema y sin ningún tipo de codificación: tienda del diseñador y Diseñador de temas.

tienda del diseñador

tienda del diseñador es una aplicación que le permite configurar rápidamente los colores de los botones, texto, y el fondo.

El modo de vista previa le permite jugar con los colores tanto como desee antes de publicar el diseño perfecto para el escaparate.

tienda del diseñador

Interfaz tienda del diseñador

La aplicación cuesta $4.99 y ofrece una semana de prueba gratuita.

Diseñador de temas

Diseñador de temas es una alternativa a la tienda del diseñador.

Hay 8 temas con colores personalizables. Algunos temas son libres en un solo color, mientras que los otros incluyen una paleta de forma 12 colores. Personalización de un tema con sus propios costes de color $22, y se puede previsualizar el aspecto antes de hacer una compra.

Diseñador de temas

Interfaz Diseñador de temas

Todo en todos, esta aplicación cuenta con varias herramientas totalmente libres para que pueda jugar con su diseño y pulir el aspecto de su tienda.

Tanto Diseñador de temas y la tienda del diseñador están disponibles en todos los planes pagados Ecwid, así como el resto de las aplicaciones de mercado de las aplicaciones.

2. Copiar y pegar ajustes listas de Knowledge Base

Ecwid Knowledge Base tiene respuestas a la mayoría de las preguntas que un propietario de la tienda puede tener Ecwid. Estamos constantemente añadiendo nuevos artículos aquí con las preguntas más frecuentes consejos y soluciones prefabricadas.

Los aventureros pueden encontrar diversos instrucciones sobre la personalización del escaparate; por ejemplo,

cambiar las fuentes en la tienda o la adición de un cuadro de búsqueda.

La mayor parte de estas instrucciones se descomponen para copiar-pegar un fragmento de código en su tema CSS.

Puede administrar sus temas CSS en Panel de control Configuración Diseño.

El proceso es el siguiente: por ejemplo, si desea cambiar el icono de la cesta, ir a tu Ajustes → Diseño, crear un nuevo tema CSS, Añadir una pieza de código, guardar los cambios, y activar el tema.

la gestión de temas CSS en Ecwid

Usted debe agregar todos los nuevos cambios en este tema - un solo tema a la vez puede estar activo, por lo que tiene que incluir todas las modificaciones que desea traer a su tienda.

3. Copiar y pegar temas CSS ya hechas

Si quieres llamar la atención con su tema tienda, también se puede elegir de temas ya hechos en decenas Thematizr.com.

Thematizr

Hay varios temas en Thematizr.com que no requieren conocimientos de codificación y se puede instalar con un simple copiar y pegar en su tema CSS

Recuerde que puede realizar cambios en sus temas CSS en Panel de control Configuración Diseño.

4. Pedir un tema personalizado de desarrollo

Si no puede encontrar un tema que pudiera satisfacer sus necesidades, otra opción es ordenar el desarrollo de un tema CSS que será construido sólo para usted. Un tema personalizado significa mucho más que un simple cambio de colores y le permite obtener una personalización más, por ejemplo. un orden completamente diferente de los bloques en su página de producto.

temas ya hechos y desarrollo de temas están disponibles para todos los comerciantes Ecwid.

S_Ecwid_201_Cover

Ecwid 201: Tome Su Ecwid Tienda a la Siguiente Nivel

Una guía completa que explica cómo cambiar el diseño de la tienda con CSS

Por favor, introduce una dirección de correo electrónico válida

Al introducir su correo electrónico recibirá actualizaciones semanales del blog y recursos Ecwid para ayudar a construir su negocio de comercio electrónico con éxito.

Nivel 3: Veterano

Veterano
una enorme personalización: cambios completos de su mirada tienda. Hola, código.

A veces se requieren cambios más profundos de la mirada tienda: es posible que desee un menú desplegable, una distribución diferente de los elementos de la página del producto, o un diseño personalizado de botones.

Para los comerciantes conocedores de la tecnología o los que tienen un desarrollador en su plantilla, hay una oportunidad para que los cambios de ese tipo e incluso transformar su tienda Ecwid más allá del reconocimiento con la ayuda de temas CSS personalizado o Ecwid API.

1. Crear un tema CSS hecho a sí mismo

Si desea diseñar su tienda por su cuenta, considerar la creación de su propio tema CSS.

Un tema CSS es un conjunto de reglas que determina el aspecto de cada elemento en la tienda (el tamaño, forma, Color, y colocar en una página).

Crear tema CSS personalizado

Crear sus propios temas CSS en Ajustes → Diseño

Hay una guía en la base de conocimientos Ecwid que explica cómo crear su propio tema y CSS instrucciones para cambiar los elementos específicos.

Tenga en cuenta que tendrá que tener una comprensión de HTML y CSS, por lo que si estas dos palabras suenan poco familiar, usted debe estar preparado para pasar algún tiempo en la adquisición de las habilidades necesarias para crear un tema desde cero.

Recuerde que si usted lucha con el diseño de la tienda Ecwid, siempre se puede pedir al equipo de atención al cliente para obtener ayuda Ecwid. O que todavía es posible ordenar el desarrollo personalizado de su propio tema CSS.

2. Utilizar la API Ecwid Javascript para ampliar las características del escaparate Ecwid

Esta parte es sobre todo para los desarrolladores. ¿Sabe usted qué otra cosa podría mejorar su tienda Ecwid? conseguir el Ecwid Javascript API.

Por ejemplo, se puede construir un nuevo tema de CSS o una aplicación, y lo venden en el mercado Ecwid App. La API Ecwid Javascript le permite cambiar por completo el aspecto del escaparate, trayendo cambios tan profundos como que necesita.

Si usted está listo para comenzar, por favor inscribirse en nuestra página para desarrolladores.

***

Leer también: Cómo el Diseño de Producto Categoría de Imágenes Que Sus Clientes no Pueden Resistirse a haga Clic en

About The Author
Qetzal is Head of Product at Ecwid. He loves to create new things to make people's lives easier.

Manténgase al día!

Obtenga consejos de e-commerce gratis, Noticias e ideas inspiradoras entregan directamente a su bandeja de entrada