Volver al panel

Documentación

Aprende a usar Asyntai

Fichas de producto

Muestra tarjetas de productos visuales en sus conversaciones de chat

Gestionar productos
Planes Standard y Pro

Descripción general

Las tarjetas de producto permiten que su IA muestre información visual de productos directamente en el chat. Cuando un visitante pregunta sobre productos o cuando es relevante para la conversación, la IA puede mostrar tarjetas interactivas con imágenes, precios, descripciones y botones de acción.

Esto es diferente de su base de conocimiento - mientras que la base de conocimiento ayuda a su IA a responder preguntas, las tarjetas de producto son elementos visuales que aparecen en la conversación para ayudar a los visitantes a descubrir y comprar sus productos.

Cómo funciona

  1. Tú agregas productos con nombres, imágenes, precios y descripciones
  2. Escribes una descripción para la IA indicándole cuándo mostrar cada producto
  3. El visitante hace una pregunta que coincide con su descripción para la IA
  4. La IA muestra la tarjeta de producto con imagen, precio y botones de acción
Asistente IA
Muéstrame auriculares de menos de $200
¡Aquí tiene dos excelentes opciones! El AudioElite X1 tiene excelentes reseñas de nuestros clientes.
Headphones
SoundMax Pro
$149
Añadir al carrito
Headphones
AudioElite X1
$179
Añadir al carrito

Importar desde URL

En lugar de ingresar manualmente los detalles del producto, puede importarlos automáticamente desde cualquier página de producto:

  1. Haga clic en el botón "Importar desde URL" en el encabezado del formulario
  2. Pegue la URL de su página de producto
  3. Click Import - AI will extract the product information
  4. Revise los campos autocompletados y realiza los ajustes necesarios
  5. Haga clic en Add Product para guardar

La IA extrae automáticamente:

  • Nombre y precio del producto
  • Descripción del producto
  • Imagen principal del producto
  • Texto sugerido del botón (por ejemplo, "Buy Now", "Subscribe")
  • Descripción de IA para cuándo mostrar el producto

Consejo: La URL de la página del producto se utiliza automáticamente para ambos enlaces de botón, para que los visitantes puedan hacer clic para comprar. Puede cambiar estos enlaces si tiene URLs específicas de carrito o pago.

Añadir productos manualmente

Cada producto tiene los siguientes campos:

Campos obligatorios

Nombre del producto Requerido

El nombre que se muestra en la tarjeta. Máximo 30 caracteres.

Ejemplo: "Premium Wireless Headphones"
Descripción de IA Requerido

Indica a la IA cuándo mostrar este producto. Escriba en lenguaje natural describiendo las situaciones en las que este producto es relevante.

Ejemplo: "Mostrar cuando el usuario pregunte sobre auriculares, equipos de audio o dispositivos para escuchar música de menos de $200"

Campos opcionales

Precio Opciónal

Acepta cualquier formato de texto - puede usar símbolos de moneda, rangos o texto personalizado.

Ejemplos: "$29.99" • "Desde $19/mes" • "Gratis" • "Contactar para precios"
Descripción del producto Opciónal

Una breve descripción de las características y beneficios de su producto. Se muestra debajo del precio en la tarjeta.

URL de la imagen Opciónal

URL directa a la imagen de su producto. Compatible con formatos JPG, PNG y WebP. Para mejores resultados, use imágenes de al menos 300px de ancho.

Ejemplo: https://yoursite.com/images/product.jpg

Consejo: Las imágenes de productos se vinculan mediante URL, no se suben. Puede usar imágenes alojadas en su sitio web, un CDN o servicios de alojamiento de imágenes.

Configurar botones

Cada tarjeta de producto tiene dos botones configurables:

Botón principal

Texto del botón Opciónal

The label on the primary action button. Default: "Add to cart"

Ejemplos: "Comprar ahora" • "Comenzar" • "Reservar una demo" • "Suscribirse"
Enlace del botón Obligatorio si se establece el texto del botón

A dónde lleva el botón a los visitantes cuando hacen clic - su carrito de compras, página de pago, formulario de reserva o URL de la página del producto.

Ejemplo: https://yoursite.com/cart?add=product-123

Botón secundario

Texto del botón de detalles Opciónal

La etiqueta del botón secundario. Por defecto: "More details"

Ejemplos: "Learn more" • "View specs" • "See details"
Enlace a la página del producto Opciónal

Link to the full product page with specifications and more information.

Ejemplo: https://yoursite.com/products/premium-headphones

Escribir buenas descripciones de IA

La descripción para la IA es crucial - determina cuándo aparece su producto en las conversaciones. Escriba descripciones claras de las situaciones en las que el producto es relevante:

Buenos ejemplos
  • "Mostrar cuando alguien pregunte sobre portátiles para estudiantes o mencione que necesita una computadora para la escuela"
  • "Mostrar cuando el visitante mencione restricciones de presupuesto o pregunte sobre opciones económicas"
  • "Mostrar cuando el usuario pregunte sobre funciones premium, planes de precios o herramientas profesionales"
Malos ejemplos
  • "Laptop" - Demasiado vago, no coincidirá con preguntas naturales
  • "Show always" - Saturará las conversaciones
  • "Best product" - No describa cuándo mostrarlo

Gestionar productos

  • Activar/Desactivar: Active o desactive productos sin eliminarlos - útil para artículos de temporada o productos agotados
  • Posición: Establece el orden de visualización cuando se muestran varios productos (los números más bajos aparecen primero)
  • Vista previa en vivo: Ve cómo se verá su tarjeta mientras completas los campos

Nota: Changes take effect immediately - no need to republish your widget.

Productos dinámicos desde datos en tiempo real

¿Tiene productos que cambian frecuentemente? En lugar de gestionar productos manualmente aquí, puede mostrar tarjetas de producto dinámicamente desde su Feed de datos en tiempo real.

Tarjetas de productos estáticas
  • Añada productos manualmente aquí
  • Ideal para inventario estable
  • Control total sobre cada producto
  • Establece descripciones de IA personalizadas
Tarjetas de productos dinámicas
  • Generadas automáticamente desde su fuente de datos
  • Perfecto para inventario cambiante
  • Precios y stock siempre actualizados
  • No requiere mantenimiento manual

Para activar las tarjetas de productos dinámicas:

  1. Configure un Feed de datos en tiempo real con los datos de sus productos
  2. Toggle "Enable Dynamic Product Cards" ON
  3. Incluye campos de producto en su feed: name, price, image_url, button_link

Consejo: ¡Puede usar ambos! Productos estáticos para artículos destacados, y productos dinámicos para inventario en vivo. Aprende más en la documentación del Feed de datos en tiempo real.