📋 Listas Interactivas (List Button)

Las listas interactivas permiten mostrar un menú organizado con hasta 10 opciones seleccionables, ideal para catálogos de productos, menús de servicios o navegación estructurada.

---

📝 Formato del Comando

#List|Título|Descripción|Texto botón|Opción*Descripción*ID/...

---

🎯 Parámetros

Parámetro	Descripción	Ejemplo
Título	Título principal de la lista	"Menú del día"
Descripción	Texto descriptivo	"Elige una opción"
Texto botón	Label del botón que abre la lista	"Ver Menú"
Opción	Nombre de la opción	"Pizza"
Descripción	Detalle de cada opción	"Pizza de queso"
ID	Identificador único	"id1"

Separadores

• Usa * para separar: OpciónDescripciónID
• Usa / para separar entre diferentes opciones

---

💡 Ejemplo Práctico

#List|Menú del día|Elige una opción|Ver Menú|Pizza*Pizza de queso*id1/Jugo*Jugo de naranja*id2/Postre*Dulce de leche*id3

Resultado Visual:

📋 Menú del día
Elige una opción

[Ver Menú] ← Botón clickeable

Al hacer clic, aparece:
━━━━━━━━━━━━━━━
  🍕 Pizza
  Pizza de queso
  
  🥤 Jugo
  Jugo de naranja
  
  🍰 Postre
  Dulce de leche
━━━━━━━━━━━━━━━

---

🎨 Casos de Uso

🍕 Restaurante - Menú Completo

#List|Menú Restaurante|Selecciona tu plato favorito|Ver Opciones|Entrada*Ensalada Caesar*ent1/Plato Principal*Filet con Fritas*pp1/Bebida*Jugo Natural*beb1/Postre*Tiramisú*pos1

🛒 E-commerce - Categorías

#List|Categorías Disponibles|Explora nuestra tienda|Ver Categorías|Electrónicos*Celulares, tablets y más*cat1/Moda*Ropa y accesorios*cat2/Hogar*Decoración y muebles*cat3/Deportes*Equipamiento fitness*cat4/Libros*Best sellers del mes*cat5

🏨 Hotel - Servicios

#List|Servicios del Hotel|¿Qué necesitas?|Ver Servicios|Desayuno*Buffet libre 7-11h*srv1/Room Service*Disponible 24h*srv2/Spa*Masajes y tratamientos*srv3/Gimnasio*Abierto 6-23h*srv4/Piscina*Horario 8-20h*srv5

📚 Escuela Online - Cursos

#List|Cursos Disponibles|Comienza tu aprendizaje hoy|Ver Cursos|Marketing Digital*12 semanas - R$497*curso1/Excel Avanzado*8 semanas - R$297*curso2/Inglés Online*24 semanas - R$697*curso3/Python Básico*10 semanas - R$397*curso4

💼 Empresa - Departamentos

#List|Contáctanos|¿Con cuál departamento deseas hablar?|Seleccionar|Ventas*Cotizaciones y presupuestos*dept1/Soporte*Asistencia técnica*dept2/Financiero*Facturación y pagos*dept3/RH*Trabajar con nosotros*dept4

🎫 Eventos - Tipos de Entrada

#List|Entradas Disponibles|Elige tu entrada|Ver Entradas|VIP*Área exclusiva - R$200*ticket1/Premium*Asientos preferentes - R$120*ticket2/General*Acceso libre - R$60*ticket3/Estudiante*50% descuento - R$30*ticket4

---

⚠️ Limitaciones

Importante

• Máximo 10 opciones por lista
• Solo funciona en chats privados (no en grupos)
• Cada opción puede tener:
  • Título (máx. ~24 caracteres)
  • Descripción (máx. ~72 caracteres)
  • ID único para identificación

---

🎯 Mejores Prácticas

✅ Títulos Claros y Concisos

✅ Bueno: "Pizza Margarita"
❌ Malo: "La mejor pizza margarita del mundo con ingredientes frescos"

✅ Descripciones Informativas

✅ Bueno: "Mozzarella, tomate, albahaca - R$25"
❌ Malo: "Pizza"

✅ IDs Organizados

✅ Bueno: cat_electronics, prod_123, srv_spa
❌ Malo: id1, a, xyz

---

🔍 Capturando la Respuesta

Cuando el usuario selecciona una opción, recibes el ID correspondiente. Úsalo para:

🤖 Automatizaciones

if (respuesta.includes("cat_electronics")) {
  // Mostrar productos electrónicos
}

📊 Analytics

// Registrar qué opciones son más populares
tracker.log("opción_seleccionada", { id: "cat_electronics" });

🔄 Flujos Condicionales

switch(id_seleccionado) {
  case "cat1":
    enviarCatalogoElectronicos();
    break;
  case "cat2":
    enviarCatalogoModa();
    break;
}

---

💡 Consejos Pro

📱 Optimización Mobile

• Mantén títulos cortos (se ven mejor en móvil)
• Usa emojis para mejor visualización
• Agrupa opciones lógicamente

🎨 Diseño Visual

✅ Con emojis (más atractivo):
🍕 Pizza Margarita
🍝 Pasta Carbonara
🥗 Ensalada Caesar

❌ Sin emojis (menos engagement):
Pizza Margarita
Pasta Carbonara
Ensalada Caesar

🔢 Orden Estratégico

Coloca primero las opciones más:

• Populares
• Rentables
• Relevantes para el contexto

---

🆚 Lista vs Botones de Respuesta

Característica	Lista	Botones Respuesta
Opciones	Hasta 10	Hasta 3
Espacio visual	Compacto	Más grande
Descripciones	Incluidas	No disponible
Mejor para	Muchas opciones	Pocas opciones
Visualización	Menú desplegable	Botones directos

---

🔄 Listas Anidadas

Puedes crear experiencias de navegación profunda:

Paso 1 - Lista Principal:

#List|Categorías|Selecciona una|Ver Menú|Electrónicos*Devices y gadgets*cat_elec/Moda*Ropa y accesorios*cat_moda

Paso 2 - Si elige "Electrónicos":

#List|Electrónicos|¿Qué buscas?|Ver Productos|Celulares*iPhone, Samsung, Xiaomi*prod_cell/Tablets*iPad y tablets Android*prod_tab/Notebooks*Portátiles y ultrabooks*prod_note

---

🛠️ Generador de Comandos

Crea tus listas interactivas fácilmente:

👉 cmd.stevo.chat

---

📈 Casos de Éxito

🎯 Restaurante (Antes vs Después)

❌ Antes (sin listas):

• Cliente pregunta: "¿Qué tienen?"
• Envías texto largo con todo el menú
• Cliente se confunde
• Baja conversión

✅ Después (con listas):

• Envías lista organizada
• Cliente ve todo de forma clara
• Selección rápida y fácil
• ⬆️ Conversión aumentó 40%

---

🎓 Resumen

Las listas interactivas son ideales cuando necesitas:

✅ Mostrar más de 3 opciones
✅ Incluir descripciones en cada opción
✅ Mantener la interfaz limpia
✅ Facilitar la navegación del usuario
✅ Mejorar la experiencia móvil