Esqueleto UI/UX

Producto: construir y editar

Flujo practico para estructurar contenido, editar y mantener un producto dentro de Avelyx.

Esta guia cubre el flujo real para editar contenido de producto y configurar su acceso desde el editor de producto.

Prerequisitos

Debes tener al menos un proyecto completado con digital_product creado por wizard o por accion de generacion.

  • Entrar por /products o desde /projects/[id] -> Ver productos.
  • Seleccionar el producto objetivo y abrir Editor.

Edicion de contenido

Ruta: /products/[productId]/editor.

El formulario cambia segun tipo de producto (curso, ebook, masterclass, templates, workshop, mentoria).

  1. Abrir el producto en modo Editor.
  2. Editar campos del tipo (modulos/lecciones, capitulos, recursos, agenda, roadmap, etc.).
  3. Guardar cambios con el boton principal del panel.
  4. Validar resultado en /preview/product/[productId].

Espacios para screenshots

  • [Screenshot 01] Editor de producto con formulario del tipo activo.
  • [Screenshot 02] Preview de producto en /preview/product/[productId].

Configuracion de acceso del producto

Desde el mismo contexto de producto, configura slug, modo de acceso y canal de captura de lead.

El sistema valida slug minimo y evita conflictos dentro del mismo proyecto.

  • Modos de acceso: pago, gratis publico, gratis con login, gratis con captura.
  • Canal de lead: email o whatsapp (segun caso).

Espacios para screenshots

  • [Screenshot 03] Seccion Acceso del producto (slug/modo/canal).

Luego continua con Paginas de venta para alinear narrativa comercial y conversion.

En esta seccion