51Ƶ

Todo lo que necesitas para vender online

Configure una tienda en línea en minutos para vender en un sitio web, redes sociales o mercados.

Una guía completa para personalizar el diseño de su tienda 51Ƶ

Una guía completa para personalizar el diseño de su tienda 51Ƶ

Lectura de 12 min

UDP: En abril de 2018, lanzamos nuevas configuraciones de diseño en 51Ƶ. Descubra hasta qué punto puede personalizar su tienda 51Ƶ 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 51Ƶ 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 creado a medida Temas.

La mayoría de ellos figuran en En 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 51Ƶ en tres niveles según las habilidades y recursos requeridos, desde rápido y fácil hasta más profundo y complejo.

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

Nivel 1: Rápido y fácil

Rapido y facil

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: 51Ƶ 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 51Ƶ si no tienes un sitio web

Instant Site es un sitio web con una tienda en línea que 51Ƶ proporciona cuando crea su cuenta de 51Ƶ.

Sitio instantáneo de 51Ƶ

Hablando de diseño, el Instant Site está construido con confeccionado bloques (La imagen de portada, logotipo, tienda en línea, sección “Acerca de nosotros”, comentarios de clientes y contactos) que puede habilitar y deshabilitar, editar y personalizar para su negocio. Todo esto se puede hacer prácticamente en minutos con sus propias manos.

Entonces, si no tienes un sitio web para vender, esta es una manera muy fácil de comenzar a vender en línea. guapo Pagina web gratis.

Este paso a paso La guía explica cómo diseñar su sitio instantáneo: Personalizando su sitio instantáneo desde cero hasta la primera venta

2. Fácil personalización del diseño para quienes ya tienen un sitio web

Si ya tienes un sitio web, 51Ƶ 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 51Ƶ 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 Si el comercio electrónico sitios web.

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 .

Nota: Los comerciantes de 51Ƶ + Wix pueden combinar los colores de su sitio web y tienda en la configuración de la aplicación 51Ƶ Wix.

DzԴھܰó de color de Wix y 51Ƶ

DzԴھܰó del diseño de la tienda 51Ƶ en sitios web de Wix

Paso 2: Habilitar el modo de color adaptable

Si abre una nueva tienda 51Ƶ y la agrega a su sitio web, 51Ƶ 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 51Ƶ, el modo adaptable de color no estará habilitado de forma predeterminada, pero puede habilitarlo en la página de پñ:

Modo adaptativo de color de 51Ƶ

¿Qué pasa si agregas tu tienda 51Ƶ 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 51Ƶ. Nota: Los comerciantes de 51Ƶ + Wix pueden combinar los colores de su sitio web y tienda únicamente en la configuración de la aplicación 51Ƶ Wix.

3. Juega con la configuración de apariencia rápida

Cuando usted vender en linea Con 51Ƶ, es posible habilitar o deshabilitar los elementos de la tienda de 51Ƶ 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 پñ te permitirá hacerlo.

DzԴھܰó de la apariencia

Nivel 2: Aventurero

Adventurer
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 51Ƶ para el diseño de tiendas

Un espacio para hacer una pausa, reflexionar y reconectarse en privado. Mercado de aplicaciones 51Ƶ 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 escaparatesdesignEchemos 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.

Diseñador de 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 51Ƶ, así como el resto de aplicaciones del App Market.

2. Copiar pegar Ajustes listos desde la Base de conocimiento

Tiene respuestas a la mayoría de las preguntas que un propietario de una tienda 51Ƶ pueda tener. Constantemente agregamos nuevos artículos aquí con los consejos y sugerencias más frecuentes. confeccionado Amigables. .

Los aventureros pueden encontrar varios ; Por ejemplo,

or .

La mayoría de estas instrucciones se desglosan de la siguiente manera: copiar y pegar un fragmento de código en su tema CSS.

Puedes administrar tus temas CSS en .

El proceso es así: por ejemplo, si quieres cambiar el icono de tu carrito, ve a tu , crea un nuevo tema CSS, agrega Un fragmento de código, guarde los cambios y active el tema.

Gestión de temas CSS en 51Ƶ

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

Confeccionado Los temas y el desarrollo de temas están disponibles para todos los comerciantes de 51Ƶ.

Nivel 3: Veterano

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 desplegable menú, un diseño diferente de los elementos de la página del producto o un diseño personalizado de botones.

Para familias de EYFS y Primary conocedor de la tecnología Comerciantes o aquellos que tienen un desarrollador en su equipo, existe la oportunidad de realizar cambios de ese tipo e incluso transformar su tienda 51Ƶ más allá del reconocimiento con la ayuda de temas CSS personalizados o la API de 51Ƶ.

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

Crear un tema CSS personalizado

Crea tus propios temas CSS en 

Hay  que explica cómo crear tu propio tema CSS y .

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 51Ƶ, siempre puedes pedir ayuda al equipo de atención al cliente de 51Ƶ. O también puedes .

2. Utilice la API de Javascript de 51Ƶ para ampliar las funciones de la tienda de 51Ƶ

Esta parte es principalmente para desarrolladores. ¿Sabes qué más podría mejorar tu tienda de 51Ƶ? .

Por ejemplo, puedes crear un nuevo tema CSS o una aplicación y venderla en el App Market de 51Ƶ. La API de Javascript de 51Ƶ 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 .

***

Lea también: Cómo diseñar imágenes de categorías de productos que tus clientes no puedan resistirse a hacer clic


 

Tabla de contenidos.

Vender en línea

Con 51Ƶ Ecommerce, puedes vender fácilmente en cualquier lugar, a cualquier persona, a través de Internet y en todo el mundo.

Acerca del autor.

Qetzal es el director de productos de 51Ƶ. Le encanta crear cosas nuevas para facilitarle la vida a la gente.

El comercio electrónico que te respalda

Tan fácil de usar que hasta mis clientes más tecnófobos pueden manejarlo. Fácil de instalar, rápido de configurar. A años luz de otros complementos de tiendas.
Estoy tan impresionado que lo he recomendado a mis clientes de sitios web y ahora lo estoy usando para mi propia tienda junto con otras cuatro para las que soy webmaster. Codificación hermosa, excelente soporte de primer nivel, excelente documentación, fantásticos videos instructivos. ¡Muchas gracias 51Ƶ, son geniales!
He utilizado 51Ƶ y me encanta la plataforma en sí. Todo está tan simplificado que es una locura. Me encanta que tengas distintas opciones para elegir transportistas y poder incluir tantas variantes diferentes. Es una plataforma de comercio electrónico bastante abierta.
Fácil de usar y asequible. Tiene un aspecto profesional y ofrece muchas plantillas para elegir. La app es mi función favorita, ya que puedo gestionar mi tienda directamente desde el móvil. ¡La recomiendo muchísimo! 👌👍
Me gusta que 51Ƶ fuera fácil de empezar y de usar, incluso para una persona como yo, sin conocimientos técnicos. Los artículos de ayuda están muy bien escritos y el equipo de soporte es el mejor, en mi opinión.
A pesar de todo lo que ofrece, ECWID es increíblemente fácil de configurar. ¡Muy recomendable! Investigué mucho y probé otros 3 competidores. Pruebe ECWID y estará en línea en poco tiempo.

Tus sueños de comercio electrónico comienzan aquí