Renueva la imagen de tu tienda online fácilmente cambiando la plantilla de diseño

por Noemí Casas, 02.02.16



El diseño de tu tienda online es esencial no solo para dar una imagen profesional sino también para generar más ventas en tu tienda online. Un diseño sencillo y limpio, centrado en tus productos y en los servicios que ofreces a tus clientes te ayudará a incrementar la conversión de las visitas en ventas reales. Cambiando simplemente la plantilla de diseño y organizando los elementos que tienes ahora en tu tienda, puedes conseguir realmente un diseño actual, fresco y atractivo para tus clientes.
¡Si tienes una plantilla de diseño antigua, este es tu artículo! Te enseñamos paso a paso cómo renovar sencillamente el aspecto de tu tienda online.

Con la nueva versión 6.17 hemos incluido 4 nuevas plantillas de diseño en tu tienda online, pero tienes un total de 11 plantillas con una distribución totalmente nueva para cambiar el aspecto de tu tienda. ¡Te invitamos a descubrirlas!

La tendencia es sin columnas

Puedes ver las plantillas que tienes disponibles desde el menú de Diseño rápido de tu tienda online, haciendo clic en Plantillas adicionales en el menú superior. Verás todas las nuevas plantillas en la distribución sin columnas.

1

¿Y por qué sin columnas?

Las tendencias de diseño y también la teoría de la usabilidad en web apuntan que es mejor que el cliente se centre en el producto o servicio que queremos vender sin distracciones. Al quitar las columnas las imágenes de tus productos ocupan todo el ancho de la página, de manera que la atención de tu cliente se centre sólo en ellas.

¿Y qué hago con los otros elementos de la tienda?

El menú, el carrito, opciones de búsqueda, conexión con redes sociales, etc. Todo se ubica y se reorganiza en el menú superior. Si tienes necesidad de incluir varios elementos, entonces puedes utilizar una columna lateral. Pero ojo, una sola y tiene que tener sentido tenerla, no que esté medio vacía ya que estás perdiendo espacio donde podrías mostrar mejor tus productos.

Algunos ejemplos de tiendas de ePages sin columnas:

2

3

¡Antes de cambiar la plantilla, guarda el contenido!

¡Vamos a cambiar la imagen de la tienda! Para empezar, necesitarás hacer una copia de seguridad de la plantilla actual y del contenido que tienes en tu página de inicio.
Para guardar la plantilla, ve a Diseño > Mis Plantillas y en la plantilla activa haz clic en Crear copia de seguridad. Le puedes cambiar el nombre para acordarte de que es tu plantilla antigua.

4

A continuación haremos una copia de todo el contenido de la página de inicio:

  1. En Contenido/Categorías ve a la Vista de ficha y selecciona Páginas.
  2. En la parte inferior de la tabla, en la columna Nombre, ponle un nombre a la copia de seguridad (por ejemplo: Copia de la página principal) y guarda.5
  3. Luego ve a la pestaña General y copia todo contenido de la página principal que aparece en Descripción detallada (textos, imágenes, etc).
  4. Vuelve a la página que has creado (Copia de la página principal, o el nombre que hayas puesto).
  5. Haz clic en Textos y pega el contenido en Descripción detallada otra vez y Guarda.

6

7

¡Ya está!

Si quieres hacer copias de otros contenidos de la página principal, haz clic en Página principal y sigue los mismos pasos.

Escoge una nueva plantilla y adáptala a tu tienda

¡Ahora ya estamos listos para cambiar la plantilla! Desde Diseño rápido escoge una nueva plantilla que te guste y empieza a personalizarla. Desde este menú también puedes cambiar los colores básicos, tipo de letra general para los textos y los encabezados, nuevo fondo si quieres, etc.

8

Una vez estés satisfecho con el aspecto general de la plantilla, la personalizamos para tu tienda a través de Diseño avanzado:

  • Añade elementos o asígnalos en área superior. Recuerda que ahora tienes dos áreas en el menú superior (Encabezado 1 y Encabezado 2) para poder redistribuir los diferentes elementos. Piensa si hay elementos que usabas antes que no son necesarios. Según nuestra experiencia, los imprescindibles son: Logo, carrito, caja de búsqueda, link a identificarse/cuenta cliente y banderitas por país si tienes más de un idioma. Luego también podrías poner otros importantes como teléfono/email de contacto, frases de promoción (Envío gratis a partir de XX€), etc.

9

  • Incluye un menú superior si no lo tienes ya (te recomendamos incluir un Mega menú ya que te ayudará a estructurar mejor las categorías en desplegable).
  • Aprovecha el pie de la página para incluir elementos y links no tan importantes (link a Contacto, Mapa, Condiciones legales y envíos, logos de pagos y envíos, certificados de seguridad, Redes sociales, etc. y cualquier otra cosa que antes tenías en las columnas que no sean de vital importancia para la decisión de la compra de tu cliente.
  • Finalmente, si es realmente necesario podrías añadir una columna lateral. Ahora vamos a hablar de las columnas… ¡no te preocupes!

¿Qué hacemos con las columnas “necesarias”?

Si realmente quieres continuar con una columna lateral porque tu tienda tiene muchos elementos que mostrar, tienes dos opciones para hacerlo con las nuevas plantillas:

  • Añade una columna lateral (izquierda o derecha) que sea visible en todas las páginas. De esta manera podrás mostrar elementos importantes que no caben en el área superior. La puedes añadir desde Diseño avanzado, en la distribución de las áreas clica Izquierda o Derecha para añadir la columna. En este menú también tienes la opción de decir que sólo quieres la columna en la página de inicio, por si te interesa mostrar elementos especiales sólo aquí, y en las páginas de producto centrarte sólo en productos.

10

  • O bien activa los filtros búsqueda, de manera que se muestren en la columna izquierda, para ayudar en la navegación y búsqueda de tus productos. Para esto no tienes que añadir ninguna columna, sino tan sólo activar la búsqueda por filtros en Opciones > Opciones de búsqueda, indicando que se muestren a partir de la categoría 1.

11

 

Un ejemplo perfecto de cómo utilizar los filtros de búsqueda es la siguiente tienda de ePages. En ella no se utiliza columnas, pero al hacer clic en una categoría se muestra el menú y los filtros que han activado a la izquierda.

12

Con estos sencillos pasos vemos cómo de fácil es cambiar el aspecto de tu tienda con una plantilla más moderna, limpia y agradable para tus clientes. Aunque seguramente has pasado mucho tiempo en tu diseño antiguo y te da miedo perder el trabajo en él, como ya hemos visto, puedes hacer copias de seguridad de todo para volverlo a incluir si no te gusta cómo queda la plantilla nueva . Además, es importante probar diferentes diseños y plantillas hasta dar con la que más se adapta a tu negocio.

¡Te animamos a cambiar el aspecto de tu tienda y ganar más visitas y ventas!

Sobre este autor


es periodista de formación y online marketer de vocación. Trabaja en el departamento de Marketing de ePages desde hace más de 4 años, desarrollando estrategias de marketing con los proveedores y clientes españoles. Es una apasionada del e-commerce, con una amplia experiencia en la solución de ePages, y trabaja cada día ayudando a los vendedores a hacer su proyecto online una realidad.

Artículos relacionados


Comentarios


No hay comentarios

Comparte tu opinión con nosotros


*Campo obligatorio

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *