Pular para o conteúdo principal

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ámetroDescripciónEjemplo
TítuloTítulo principal de la lista"Menú del día"
DescripciónTexto descriptivo"Elige una opción"
Texto botónLabel del botón que abre la lista"Ver Menú"
OpciónNombre de la opción"Pizza"
DescripciónDetalle de cada opción"Pizza de queso"
IDIdentificador ú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ísticaListaBotones Respuesta
OpcionesHasta 10Hasta 3
Espacio visualCompactoMás grande
DescripcionesIncluidasNo disponible
Mejor paraMuchas opcionesPocas opciones
VisualizaciónMenú desplegableBotones 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