Cuatro temas de tienda y un editor de páginas mejor

Esta es una mirada atrás, por escrito, al periodo del 26 de abril al 9 de mayo de 2026, publicada el 12 de octubre de 2026. Periodo cubierto: 26 de abril - 9 de mayo de 2026. La función principal de estas dos semanas son los temas: el aspecto de una tienda que se puede cambiar en conjunto.

En resumen

• Construimos un sistema de temas y decidimos que la primera versión incluye cuatro: Neo-Brutalism, Botanical, Sketch y Playful Geometry.
• El editor de páginas recibió una larga lista de herramientas: selección múltiple, rotación, recorte, deshacer y rehacer, historial de versiones y un indicador de guardado honesto.
• Se rehízo la generación de cursos para que un curso largo tenga menos probabilidad de atascarse a mitad de camino.

Función principal: cuatro temas

Un tema decide cómo se ven los botones, tarjetas, campos, pestañas y diálogos en toda la tienda. Antes, un creador que quería otra sensación tenía que cambiar las cosas sección por sección.

El 9 de mayo tomamos una decisión de alcance y la dejamos escrita en el código: la primera versión tiene solo cuatro temas.

• Neo-Brutalism: esquinas rectas, contornos gruesos y sombras duras.
• Botanical: formas suaves y orgánicas, énfasis en cursiva y sombras difusas.
• Sketch: un fondo con grano de papel, aire dibujado a mano y tipografías manuscritas.
• Playful Geometry: el predeterminado de una tienda nueva.

Otros tres estilos que habíamos estado investigando (Claymorphism, Flat Design y Material You) se aplazaron a una versión posterior. Preferimos entregar cuatro que funcionan a siete que funcionan a medias.

Lo que muestran los commits sobre el trabajo de temas:

• Los bloques básicos, como botones, tarjetas, insignias, campos, pestañas, diálogos y paneles laterales, ahora toman su aspecto del tema activo.
• Una tienda nueva empieza en Playful Geometry. Se añadió un selector de tema al onboarding, un control de tema al inspector y un conmutador para nuestro propio equipo de administración.
• Muchas páginas de la tienda que ven los compradores se pasaron a seguir el tema en lugar de usar estilos fijos.
• El encabezado recibió un control de elevación: plano, suave, fuerte o flotante.
• Se añadieron comprobaciones internas y un presupuesto de rendimiento por tema. Eso no se ve, pero es parte de por qué mantuvimos el número pequeño.

No lo hemos probado con creadores ajenos al equipo y no afirmamos nada sobre cómo se ven las tiendas en la práctica.

Qué más construimos

Un editor más potente. El editor de páginas ganó herramientas que esperarías de una app de diseño:

• Seleccionar varios elementos a la vez, haciendo clic con una tecla modificadora o arrastrando un recuadro.
• Agrupar, desagrupar, duplicar una sección, alinear y distribuir de forma uniforme, bloquear una capa, ocultar una capa.
• Rotar con un tirador, mover con el teclado, arrastrar el divisor de columnas.
• Copiar y pegar un estilo de un elemento a otro, y elegir un color con un cuentagotas.
• Un menú de clic derecho, una búsqueda de salto rápido, un minimapa de la página y un diálogo de ayuda que lista los atajos.
• Botones de deshacer y rehacer.

Herramientas de imagen en el editor. Recorte, un punto focal para que la parte importante siga a la vista, filtros predefinidos, bloqueo de proporción, una insignia de tamaño en la que puedes escribir y arrastrar y soltar para reemplazar una imagen de la página.

Guardado honesto. El indicador de guardado ahora dice una de tres cosas: En vivo, Guardado como borrador o Guardando. Antes decía «Guardado» en casos en que la página aún no era visible para los compradores. Si abres la misma página en dos pestañas, el editor pregunta si quieres tomar el control o continuar en modo de solo lectura. Un panel de historial de guardados lista los guardados anteriores.

Controles deslizantes a nivel de página. Tres controles para Movimiento, Densidad y Estilo, además de una insignia flotante que puedes añadir a una sección hero, y un ajuste predefinido de densidad de compacto a cinematográfico. Las secciones hero permiten activar o desactivar elementos individuales.

Formato de texto. Controles de formato para cada fragmento de texto, aplicados en todo el editor.

Generación de cursos más fiable. La creación de cursos pasó a ser un proceso por etapas con alternativas, de modo que un paso fallido no acaba con todo el curso. Las lecciones se generan en paralelo por módulo, y la generación de cuestionarios se muestra en la interfaz mientras se ejecuta. Mira el generador de cursos con IA.

Monedas e idiomas. La lista de monedas creció a más de 135. Los idiomas que aún no están traducidos ahora muestran «Próximamente» y el selector de la tienda queda fijado al idioma predeterminado, para que la tienda no anuncie idiomas que no puede ofrecer.

Uso de la IA. Una página de uso en los ajustes muestra lo que consumen las funciones de IA, hasta el nivel de token.

Comentarios. El informe de errores dentro de la app ahora toma una captura de pantalla automáticamente.

Qué significa para un coach o una academia

Si diriges un estudio o un gimnasio, el aspecto de la tienda debería coincidir con tu marca sin un diseñador. El sistema de temas es el primer paso: eliges uno de cuatro y los botones y tarjetas lo siguen. Con solo cuatro opciones no encajará con todas las marcas, y lo decimos con claridad.

El indicador de guardado honesto importa sobre todo si varias personas editan un sitio. No se te dirá que una página está en vivo cuando no lo está. Los cambios del editor importan sobre todo a quien construye las páginas; si solo diriges clases, puedes ignorarlos.

Qué viene después

La quincena siguiente, del 10 al 23 de mayo, continuó directamente el tema del guardado: borradores separados de la página en vivo, con historial de versiones. También empezamos con las landing pages y las reseñas. Los planes y lo que incluyen están en la página de precios.

¿Quieres hablar? Soy uno de los cofundadores de PersonaCart. Si tienes una pregunta, una idea o algo que quieras que construyamos, escríbeme directamente: [email protected].

Vinod Morya, Co-founder (cofundador), PersonaCart