Cómo diseñar tu tienda Base con el nuevo editor de la versión de tienda Now

por Sarah Böhm, 12.03.21



La nueva versión de la tienda ahora viene con muchas características. Una de las áreas con muchas novedades es el editor, que viene con la función de arrastrar y soltar, muchas plantillas de diseño nuevas y elementos de contenido flexibles. En este artículo, te presentaremos las características y te mostraremos cómo hacer que tu Tienda Base sea aún mejor con el editor de Now.

 

Una diferencia fundamental en el nuevo editor es la función de arrastrar y soltar: utiliza el menú de la barra izquierda para navegar por las páginas y añadir contenido. El resto de la pantalla muestra una vista previa en vivo de tu tienda.

Ahora puedes arrastrar nuevos contenidos bajo el elemento de navegación Elementos de contenido de la barra de la izquierda directamente a la vista previa de tu tienda online. Esto funciona en todas partes, donde una barra azul aparece tan pronto como se mueve el elemento a la posición deseada con el botón del ratón pulsado y liberado:

La función de arrastrar y soltar del editor

De este modo, podrás ver directamente cómo cambia la disposición de tu tienda. Además, los elementos pueden moverse en la vista previa en vivo arrastrando y soltando.

Plantillas preconfiguradas 

Con nuestras nuevas plantillas de diseño, puedes dar a tu tienda un aspecto moderno en sólo unos segundos. Cada plantilla ha sido desarrollada por nuestros expertos en diseño e incluye un paquete completo para diseñar tu tienda. Son gratuitas y se pueden encontrar en el editor en Plantillas. Haz clic en Seleccionar plantilla y podrás ver el diseño terminado en una tienda de demostración o como una vista previa en tu propia tienda.

En cuanto selecciones una plantilla, los elementos de contenido de tu tienda se transferirán automáticamente. Puedes volver a acceder a las plantillas en cualquier momento y cambiar tu diseño. Por supuesto, puedes seguir personalizando el diseño a tu gusto. A continuación puede consultar las opciones.

Añadir páginas y categorías

En cuanto se actualice a la versión de la tienda Now, todas las páginas y categorías de tu tienda Base se transferirán automáticamente a tu tienda Now. Esto funciona con nuestra nueva herramienta que estará disponible en próximas actualizaciones. A continuación, verás tu contenido en el editor en Páginas. Allí puedes editar el contenido: Añade páginas y categorías, personaliza la estructura y edita elementos. Puedes ver los elementos de tus páginas, por ejemplo, productos, imágenes y textos, en la vista previa de la página correspondiente.

Elija entre muchos elementos de contenido y plantillas

Los elementos de contenido toman vida de las fotos de sus productos, textos y más. Ya conoces las posibilidades de tu tienda base. En el editor de la versión Now te hemos proporcionado una gran selección de elementos nuevos y modernos. Añade no sólo textos y productos, sino también imágenes, galerías, vídeos, bloques, formularios de contacto y tus propios códigos HTML. En las plantillas también encontrarás una gran variedad de combinaciones (elemento de imagen a tres columnas, texto con imagen, ubicación con texto, vídeo con texto, etc.), para que puedas dar a tu tienda tu toque personal. Por ejemplo, añade separadores para colocar los elementos de contenido con la suficiente distancia entre sí y hacer que el diseño de tu tienda sea aún más claro.

Amplia cabecera, pie de página y otros ajustes

Con el editor, puedes equipar tu cabecera y pie de página con elementos modernos como logotipos, iconos y enlaces a redes sociales. Puedes editar otros ajustes haciendo clic en el botón inferior de la vista previa en vivo (1):

Aquí podrás acceder a la zona de la cabecera, el pie de página y mas

  • Área de la cabecera. En el área de la cabecera, puedes configurar tu logotipo y tus puntos de venta únicos (USP). Tus ventajas (en este caso: entrega en 24 horas) aparecerán en la parte superior en forma de banner. Además, puedes elegir entre muchos iconos para visualizar sus características.
  • Menú del pie. En el menú de pie, puedes seleccionar cuáles de tus páginas deben mostrarse en la zona inferior de tu tienda online. Haz que tu tienda sea aún más viva mostrando los logotipos de los métodos de pago y los proveedores de envío que ofrece tu tienda: Marca los logotipos que deseas que se muestren, guarda y se mostrarán en la tienda.
  • Medios de comunicación social. ¿Has creado ya cuentas en las redes sociales para tu tienda? Con el nuevo editor, puedes mostrar los logotipos en la zona del pie de página y enlazar directamente con tus canales de Facebook, Twitter, Pinterest, Instagram y YouTube.
  • Configuración de las cookies. Aquí puedes realizar ajustes sobre el aviso de cookies: Puedes editar la visibilidad del anuncio, el texto y los enlaces.
  • Google Tag Manager. Esta configuración es muy práctica para los usuarios experimentados: sin interferir en el código fuente, puedes incrustar fácilmente tus fragmentos de código en la ficha de Google Tag Manager y activar o desactivar el estado. Para obtener más información sobre la instalación y la integración, visita nuestro centro de ayuda.
  • Establecer un Favicon. En la pestaña del navegador, junto a la URL, suele aparecer un logotipo, como nuestro logotipo de ePages aquí. En Favicon, puedes subir tu propio logotipo para completar la apariencia profesional de tu tienda.
  • Define el esquema de colores de tu tienda online. Es posible que ya hayas desarrollado tu propia combinación de colores para tu tienda cuando creaste tu logotipo. En el editor, puedes adoptar esta combinación de colores directamente para tu tienda online o crear una nueva. Dependiendo de la plantilla de diseño, tienes hasta cinco colores para elegir, incluyendo un color base y un color de acento, por ejemplo. También puedes resaltar en color los bloques individuales y la cabecera.
  • Fuentes y CSS personalizado. En el nuevo editor, tienes una mayor selección de fuentes que en tu tienda en Base. Si ya tienes experiencia con CSS, también puedes insertar tu propio diseño con un código CSS personalizado. Recomendamos esta configuración sólo para usuarios con experiencia en código.

¡Añade color a tu tienda!

Con la versión Now puedes dar a tu Tienda un aspecto único. Las últimas funciones del editor incluyen la opción de añadir color a los elementos de contenido. Esto no sólo da a tu tienda un color de marca y una mejor reconocibilidad, sino que también apoya la estructura y la claridad de las páginas.

Para una estructura de color recurrente, tus colores temáticos personales, es decir, los colores ya utilizados en la tienda, están disponibles en la selección de colores. Así podrás acceder rápidamente a los colores ya utilizados en tu tienda online:

La nueva herramienta de selección de color

Puedes conseguir aún más color, y sobre todo estructura, añadiendo botones. Puedes enlazarlos con cualquier otro sitio web. Eres completamente libre en el etiquetado y la selección del color de tus botones. Puedes encontrar más información al respecto en este artículo.

¿Cómo puedo actualizar a la versión Now?

Actualmente, a los usuarios de Base se les ofrece gradualmente una actualización gratuita con una herramienta semiautomática. Cuando haya una actualización disponible para tu tienda, recibirás una notificación en tu área de administración. Puedes encontrar más información sobre la actualización en nuestra página de información.

 

En este artículo sólo se presentan las funciones del editor. Puedes encontrar información sobre otras funciones, como la edición de productos, pedidos y ajustes de marketing, en nuestro centro de ayuda.

 

 

 

Sobre este autor


trabaja como Manager de Contenidos en ePages.

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 *