El Black Friday y la Navidad están a la vuelta de la esquina, y preparar una tienda online requiere mucho más que productos y promociones. Se cambian los banners de la página de inicio, se actualiza la presentación de los productos, se añade una nueva sección de promociones y, una vez finalizadas las rebajas, se rediseña toda la página para el próximo lanzamiento. Un asistente de IA para el comercio electrónico puede liberarte de gran parte de ese trabajo repetitivo. Athena, el agente de operaciones de IA integrado en Shoplazza, ya se encarga del diseño de la tienda, la gestión de productos y el marketing. Su última actualización incorpora el diseño de tiendas online con IA: tú describes el cambio en el chat y Athena crea o edita la página dentro de tu plantilla actual.
¿Por qué lleva tanto tiempo actualizar una tienda online en temporada alta?
Para entender por qué es importante esta actualización, conviene analizar lo que realmente supone la renovación de una tienda para la mayoría de los vendedores.
Imagina que quieres una sección promocional en tu página de inicio. Primero tienes que rebuscar en tu tema buscando una plantilla de tarjeta que encaje. Si no encuentras ninguna, le das instrucciones a un desarrollador y, para cuando te entregan el trabajo, la fecha de la oferta ya está a punto de terminar. Incluso cambiar el color de un solo botón implica encontrar la sección adecuada, abrir su panel de configuración y revisar una larga lista de opciones. Cuando termina la oferta, hay que ocultar o restaurar esas secciones, y todo el ciclo vuelve a empezar para la siguiente campaña.
Ninguna de estas tareas es difícil por sí sola. El problema es que se repiten y te quitan tiempo que preferirías dedicar a buscar productos, publicar anuncios y hablar con los clientes.
¿Qué puede aportar Athena al diseño de tiendas online con IA?
La actualización se centra en cuatro áreas, y cada una de las que se indican a continuación incluye un ejemplo de solicitud que puedes adaptar a tu propia tienda.
- Crea secciones de página personalizadas a partir de una descripción, sin limitarte a las plantillas integradas en tu tema
- Lee una maqueta de diseño o una imagen de referencia y conviértela en una ficha de tema editable utilizando tus productos reales
- Modifica cualquier parte de una página seleccionándola en el editor de temas y describiendo el cambio en el chat
- Utiliza la información de tus productos y colecciones para generar imágenes de escenas y textos en el idioma de tu mercado objetivo
Genera una sección personalizada a partir de una descripción
Se acerca el Black Friday y quieres incluir una cuenta atrás encima de tus productos más populares para crear una sensación de oferta por tiempo limitado. Tu tema no tiene ninguna plantilla para ello. Describe lo que quieres:
«Añade una tarjeta de cuenta atrás del Black Friday encima de la lista de productos más populares en la página de inicio. Ponle como título OFERTAS DEL BLACK FRIDAY, adapta el estilo al tema actual y haz que la oferta por tiempo limitado destaque».
Athena crea una tarjeta de tema personalizada a partir de esa descripción. Una tabla de comparación de productos o un bloque de productos destacados de una marca funcionan de la misma manera. La tarjeta no es un resultado puntual, y hay algunos detalles que la hacen reutilizable:
- Incluye una configuración completa, por lo que el texto, los colores y el número de productos se pueden editar igual que una tarjeta nativa del tema
- Se guarda en el grupo «Generado por IA» de tu tema actual, por lo que puedes añadirla a otras páginas más adelante
- Se mantiene en su sitio tras una actualización del tema, por lo que puedes seguir utilizándola
Para los vendedores más noveles, esto significa que no es necesario aprender cómo está estructurado un tema ni esperar a la disponibilidad de un desarrollador. Si puedes describir la sección, puedes tenerla.
Convierte una referencia de diseño en una tarjeta editable
A veces la idea no surge de ti. Un diseñador te envía una maqueta para una sección de campaña, o ves una paleta de colores y un diseño que te gustan en otra tienda. Envía la imagen a Athena junto con tus requisitos:
«Utiliza esta maqueta para crear una sección de OFERTAS DESTACADAS en la página de inicio. Crea tres tarjetas, cada una de las cuales muestre un único producto y enlace a su página de producto. Reproduce exactamente los colores, el diseño, los botones y la insignia roja de descuento de la esquina superior derecha. No cambies el estilo».
Athena analiza el diseño, los colores y la estructura del contenido de la imagen y, a continuación, rellena la ficha con productos reales de tu tienda. Hay algunas cosas que conviene saber antes de probarlo:
- La referencia puede ser una maqueta de un diseñador o simplemente un estilo que te guste
- Las tarjetas muestran productos reales de tu tienda, y al hacer clic en una tarjeta se abre la página de ese producto
- El resultado sigue siendo una tarjeta de tema editable, por lo que puedes seguir ajustando los detalles
Pasar de ver un buen diseño a tenerlo en tu propia tienda ya no requiere conocimientos de diseño ni de programación. Si tienes una imagen de referencia que quieras probar, inicia sesión en tu panel de administración de Shoplazza y envíala a Athena.
Edita cualquier parte de una página seleccionándola y chateando
En el día a día, la mayor parte del trabajo en la tienda consiste en pequeños ajustes, más que en crear nuevas secciones. Antes, cambiar el color de un botón o un diseño significaba buscar la sección, abrir el panel de configuración, localizar la opción correcta y editar cada elemento manualmente. Ahora puedes abrir Athena desde el editor de temas, seleccionar el área que quieras cambiar e indicar lo que deseas. Por ejemplo, tras seleccionar el carrusel «NOVEDADES» de tu página de inicio:
«Rediseña el carrusel «NOVEDADES» para que encaje con el estilo editorial minimalista del tema. Utiliza un fondo blanco roto y elimina las esquinas redondeadas, las pastillas de descuento y las tarjetas flotantes blancas. Muestra los nombres y precios de los productos como texto sencillo pequeño, alineado a la izquierda debajo de cada imagen, sin contenedores ni sombras. Mueve las flechas a la derecha del título, en la misma línea que «NOVEDADES».»
Así es como Athena gestiona una modificación como esta:
- Solo modifica la sección que has seleccionado y deja el resto de áreas tal cual
- Cuando termina, el lienzo se desplaza hasta el cambio y lo resalta, para que puedas ver qué se ha editado
- Puedes seguir chateando para ajustar el resultado y deshacer cualquier cambio que no te guste
La antigua rutina de localizar, abrir, buscar y editar un ajuste cada vez se sustituye por la descripción del resultado que deseas. En la práctica, el editor de temas se convierte en una interfaz con la que puedes hablar.
Añade productos reales, imágenes de escenas y textos redactados en el lenguaje del mercado
Una página atractiva es solo el primer paso. También debe mostrar claramente tus productos reales y convencer al cliente de que los compre.
Tomemos como ejemplo a un vendedor de mobiliario para el hogar dirigido al mercado estadounidense. Acaba de publicar un lote de sofás, mesas de centro y lámparas de pie, y quiere destacarlos en la página de inicio al tiempo que muestra a los compradores cómo quedan las piezas juntas en un salón real. Podría indicarle a Athena:
«Debajo de la sección “Productos populares” de la página de inicio, crea una ficha con una imagen a la izquierda y los productos a la derecha. Muestra los muebles de salón a la derecha, genera una imagen de una escena de salón a la izquierda utilizando esos productos y redacta el texto en inglés».
Athena trabaja a partir de la información sobre productos y colecciones que ya hay en tu tienda. En este ejemplo, hace tres cosas:
- Genera una imagen de una escena doméstica en la que coloca los productos en un entorno realista
- Rellena la ficha con tus productos, colocando los productos a la derecha y la escena a la izquierda
- Redacta el texto de marketing en el idioma del mercado objetivo, que en este caso es el inglés
Shoplazza lleva años trabajando en el comercio electrónico transfronterizo, y Athena es un reflejo de ello. Las imágenes de los productos, el contenido de marketing y el diseño de las páginas se integran en un único flujo de trabajo, de modo que cada ficha de producto tiene un aspecto atractivo y, al mismo tiempo, contribuye a un objetivo de ventas real.
¿Es arriesgado dejar que la IA edite tu tienda en línea?
La principal preocupación de la mayoría de los comerciantes no es si la IA puede hacer el trabajo, sino si una edición errónea se publica antes de que alguien pueda evitarlo.
Athena guarda primero cada cambio de diseño en el borrador de tu tema, por lo que nada afecta a la tienda en línea de forma inmediata. Puedes previsualizar el resultado, seguir ajustándolo o deshacer las partes que no te gusten, y publicarlo solo cuando estés satisfecho con él. Athena se encarga de la ejecución, y tú mantienes el control sobre el resultado final.
Esto también facilita la gestión de la temporada alta. Puedes añadir una tarjeta promocional antes de las rebajas, ocultar la sección de marketing una vez que terminen y actualizar la presentación de los productos cuando lleguen artículos nuevos. Estas pequeñas tareas de diseño repetitivas puedes delegarlas a Athena, lo que te deja más tiempo para las operaciones de productos, las campañas y el desarrollo de la marca.
Dónde encaja Athena en el flujo de trabajo de tu tienda durante las fiestas
Desde el Black Friday hasta el lanzamiento de nuevos productos, y desde pequeños ajustes en las páginas hasta una renovación completa de la marca, las necesidades de diseño de una tienda no dejan de cambiar. La nueva funcionalidad de diseño de Athena abarca cuatro pasos de ese ciclo: generar secciones personalizadas, crear tarjetas a partir de una referencia de diseño, editar cualquier área seleccionada mediante chat y crear presentaciones de escenas a partir de productos reales. Como cada cambio se guarda como borrador y solo se publica tras tu confirmación, el proceso es más rápido y también inspira mayor confianza.
Como prueba práctica de cómo un asistente de IA para el comercio electrónico puede facilitar el diseño de una tienda online con IA, elige una tarea repetitiva de tu próxima campaña, como un banner promocional o una presentación de productos. A continuación, inicia sesión en tu panel de administración de Shoplazza y describe a Athena el resultado que deseas obtener.
Preguntas frecuentes sobre el diseño de tiendas online con IA mediante Athena
P: ¿Qué puede hacer la función de diseño de tiendas de Athena?
Abarca cuatro aspectos. Athena puede crear una ficha de tema personalizada a partir de una descripción escrita, y puede convertir una maqueta de diseño o una imagen de referencia en una ficha editable. También puedes seleccionar un área en el editor de temas y modificarla a través del chat. Además, Athena puede utilizar la información de tus productos y colecciones para generar imágenes de escenas y textos en el idioma de tu mercado objetivo.
P: ¿Necesito experiencia en diseño o programación para utilizar Athena en el diseño de la tienda?
No. Solo tienes que describir la sección, el estilo o el cambio que deseas en un lenguaje sencillo, o enviar una imagen de referencia, y Athena lo crea o lo edita por ti. No es necesario buscar una plantilla, escribir código ni navegar por un panel de configuración. Es una buena opción si eres nuevo en la gestión de una tienda y no cuentas con un desarrollador a tu disposición.
P: ¿Qué nivel de detalle deben tener mis instrucciones para Athena?
Los ejemplos de este artículo siguen un patrón similar. Indican dónde debe realizarse el cambio en la página, qué debe mostrarse, qué estilo debe seguir y qué hay que dejar tal cual. Cuando edites algo que ya existe, selecciona primero esa zona en el editor de temas para que Athena solo modifique esa parte. Siempre puedes añadir más detalles en mensajes posteriores.
P: ¿Se publicarán los cambios de Athena sin mi aprobación?
No. Todos los cambios de diseño se guardan primero en el borrador de tu tema, por lo que tu tienda en línea permanecerá igual hasta que decidas lo contrario. Puedes previsualizar el resultado, ajustarlo o deshacerlo, y luego publicarlo cuando estés satisfecho.
P: ¿Puedo reutilizar una sección creada por Athena en otras páginas o tras una actualización del tema?
Sí. Las tarjetas personalizadas de Athena se guardan en el grupo «Generadas por IA» de tu tema actual, y puedes añadirlas a otras páginas siempre que las necesites. Además, se conservan tras una actualización del tema, por lo que un diseño promocional que haya funcionado bien esta temporada se podrá volver a utilizar en la siguiente.
P: ¿Puede Athena crear contenido para páginas de tiendas que vendan en otros idiomas?
Sí. Cuando Athena crea una tarjeta de presentación, puede redactar el texto de marketing en el idioma de tu mercado objetivo. En el ejemplo de los muebles para el hogar, la instrucción solicita un texto en inglés, y Athena lo combina con una imagen de ambiente y tus productos reales. Puedes indicar el idioma que desees en la instrucción.
