Flujos de tarjetas

Flujos de tarjetas

Un flujo de tarjetas es un flujo web que avanza como una página en lugar de una burbuja de chat. Úsalo para una landing page, un formulario de contacto o cualquier visita en la que el comprador deba ver un paso a la vez, manteniendo la oferta visible en la página.

Los flujos de chat y los flujos de tarjetas comparten el mismo gráfico de Studio, los mismos nodos y la misma analítica web. Los flujos de mensajes siguen el camino de LinkedIn.

Crear uno

En Console elige Crear agente → Flujo de tarjetas y ponle un nombre.

Crear agente con Flujo de tarjetas seleccionado

Studio se abre en las mismas pestañas que un flujo de chat: Componer → Diseño → Estilo → Ajustes.

El enlace público termina en /cards. Abrir la URL de chat de un flujo de tarjetas lleva al visitante allí.

Generar los pasos

En un flujo de tarjetas, Componer ofrece formulario de contacto. Define el objetivo, el idioma y el tono, luego genera.

Componer generando un formulario de contacto en un flujo de tarjetas

Un flujo de chat ofrece las otras plantillas web: generación de leads, cuestionarios y la guía de preguntas. El formulario de contacto permanece en los flujos de tarjetas.

Lista de plantillas de flujo de chat en Componer

Personaliza la página

Abre Estilo → Página. El texto y el diseño pueden situarse en tres lugares. Si dejas una región desactivada, la tarjeta permanece centrada.

  • Encima de la tarjeta. Una imagen aquí permanece dentro del área, como lo haría un logotipo.
  • Al lado de la tarjeta, a la izquierda o a la derecha. El encabezado y el cuerpo son texto enriquecido: listas, enlaces y énfasis, guardados para el idioma seleccionado en el encabezado de Studio.
  • Debajo de la tarjeta.

Cada región puede usar un color de tema o una imagen, las mismas opciones que la propia tarjeta. La vista previa a la derecha se actualiza a medida que escribes.

Estilo, Página, con texto al lado y la vista previa de la tarjeta

Qué ve el visitante

La página alojada muestra las regiones y la tarjeta juntas. La pregunta llena la tarjeta. Una barra de progreso se sitúa en la tarjeta y avanza a medida que el visitante responde.

El siguiente paso reemplaza la pregunta. Los datos de contacto son su propia tarjeta.

Paso de datos de contacto en un flujo de tarjetas

El mismo patrón es el que utiliza la página de contacto de SMOC: la oferta permanece y la tarjeta avanza.

Incrustar frente a la página completa

La página /cards alojada muestra las regiones y la tarjeta.

El fragmento de incrustación añade iframe_mode=true. Eso muestra solo la tarjeta, a todo el ancho del iframe, para que una incrustación de contacto corta no intente encajar una landing page en 450 píxeles.

<iframe src="https://go.smoc.ai/<company>/<flow>/<variant>/cards?iframe_mode=true" width="100%" height="450" style="border: none; overflow: hidden;" loading="lazy"></iframe>

Copia el fragmento en vivo desde Console en el agente (Copiar incrustación) o desde Studio → Ajustes → Incrustar.

Idiomas

El idioma del generador, y el idioma de la cabecera de Studio, es el texto que lee el comprador. No es el idioma del sitio, de Console ni de Studio. Esos siguen el menú de idioma de smoc.ai y se recuerdan en la siguiente visita, incluido el inicio de sesión. El inglés se queda en la empresa. Añade el idioma de mercado en Sales Launch. El panel de traducción completa los demás idiomas del flujo.

Ver Una empresa, todos los idiomas.

Relacionado

Dónde corre la IA

La IA hace el trabajo. Tú lo revisas.

El chat del sitio, los flujos de tarjetas y LinkedIn comparten un sistema. La IA hace cada trabajo de abajo. La línea bajo el título dice dónde corre ese trabajo.

Cada agente

IA recorre el sitio y escribe la oferta, la audiencia, la voz y la marca. El chat del sitio, los flujos de tarjetas y LinkedIn parten de ahí.

Panel · Estrategia de leads

Fija tu objetivo de leads. IA simula miles de mezclas de canales, las ordena por eficiencia y muestra el plan más rentable. Tus datos y tus límites guían el cálculo.

Cada agente · tema en la web · lista en LinkedIn

IA escribe el flujo. El tema se ejecuta en el chat del sitio y en las tarjetas. La traducción se ejecuta en cada agente. IA encuentra la lista de prospectos en LinkedIn.

Ruta en cada flujo · web y LinkedIn por separado

El aprendizaje por refuerzo en la ruta del flujo se ejecuta en cada agente. Las recomendaciones se ejecutan en la web. El momento adecuado y la lectura de respuestas se ejecutan en LinkedIn.

Cada agente

IA propone una variante, usa tu revisión en el siguiente borrador y parte de un ejemplo que ya funciona. Tú aplicas el cambio.

Sigue de cerca el cambio en las ventas con IA

Recibe novedades del producto y una mirada sobre agentes de IA proactivos, orquestación multicanal y conversión, sin ruido.

Producto del año Señal semanal sobre ventas con IA proactiva
Únete al boletín