Skip to main content

Todos los banners con IA, en directo en una página

Los banners con IA, funcionando en esta página ahora mismo

Nada de esto es una captura de pantalla. Cada banner de abajo es el widget de sommelier.bot en directo, leyendo esta página y a este visitante, con la línea de código exacta que lo genera justo debajo.

Una línea de código · cualquier CMS · sin desarrollador · el catálogo de demo es el nuestro

En directo: este banner está leyendo la página en la que está usted

Cómo leer esta página

Una demo que funciona, no una galería

Tres cosas que conviene saber antes de bajar.

Todo está en directo

Cada banner de abajo lo genera el widget real a partir de nuestro catálogo de demo. Recargue la página y el texto cambia, porque se crea para la página y el visitante, no se guarda.

Todos leen la misma página

El widget envía la URL, el título, la meta descripción, los encabezados H1 y H2 y los datos estructurados. Por eso todos los banners de una página comparten el mismo contexto y ninguno necesita configuración por página.

El código es toda la integración

El snippet bajo cada banner está completo. Cambie sommelierbot por su propia clave de comercio y funciona en su web, en cualquier CMS, sin plugin y sin desarrollador.

El contexto que leen los banners

La botella que demuestra esta página: Chablis Premier Cru Montée de Tonnerre 2021

Algunos banners trabajan a nivel de página y otros a nivel de botella. Para que ambos tipos tengan algo real que analizar, esta página incluye un vino de referencia en sus datos estructurados.

Botella de Chablis Premier Cru Montée de Tonnerre de Samuel Billaud
En la foto: Samuel Billaud, Chablis Premier Cru Montée de Tonnerre

La botella de referencia

Chablis Premier Cru Montée de Tonnerre 2021

Chardonnay seco y mineral del norte de Borgoña. Acidez alta, concha de ostra y sílex, limón y flores blancas. El vino clásico para ostras, y una buena prueba, porque su estructura es tan precisa que una recomendación equivocada salta a la vista.

ChardonnayChablis 1er CruSecoAcidez altaFrancia

Y el resto de la página

Vino, destilados y atención al cliente en la misma conversación

El vino no es lo único que resuelve el agente. Pídale un single malt turbado, pregúntele qué servir con las ostras o hágale una consulta sobre la entrega. Responde a las tres en la misma conversación, porque la conversación nunca queda limitada al banner desde el que la abrió.

Single maltMaridajeEntregaAtención al cliente

El formato principal

El banner en cuadrícula

Lee la página y se abre con seis caminos visuales en lugar de un campo de texto vacío, y por eso recibe toques donde una burbuja de chat se ignora.

Qué necesita Solo el contexto de la página. Funciona con un visitante anónimo nuevo, en la primera impresión.

banner-layout="grid" genera el formato ancho de seis bloques. Sin el atributo obtiene la versión de una línea, justo debajo. banner-id elige cuál de sus banners configurados aparece, así el mismo snippet puede abrir con otro enfoque en una página de categoría y en un artículo.

Mostrar el código
<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="banner"
  banner-id="5"
  banner-layout="grid"></script>

La versión discreta

El banner de texto

La misma apertura contextual escrita como una sola línea editorial, para los puntos de un artículo donde una cuadrícula de seis bloques llamaría demasiado la atención.

Qué necesita Solo el contexto de la página.

Mismo motor, misma conversación. Solo cambia la presentación, así que puede usar la cuadrícula en la parte superior y la versión de texto en mitad del artículo sin dividir al visitante en dos sesiones.

Mostrar el código
<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="banner"
  banner-id="5"></script>

Ordenado para este visitante

Destacados personalizados

Entiende de qué trata la página, ordena el catálogo según el perfil de sabor de este visitante y muestra las botellas que de verdad le encajan, no las más vendidas.

Qué necesita El contexto de la página y, cuando exista, el perfil del visitante.

En la primera visita, el orden sale solo de la página. Toque dos o tres cosas en cualquier parte de esta página, recargue, y la selección cambia: el perfil de sabor empieza con el primer toque, sin cuenta y sin login.

Mostrar el código
<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="picks"></script>

Venta cruzada que no es búsqueda por palabras clave

Productos similares

Encuentra equivalentes reales a la botella de la página, por denominación, uva y estructura, no por palabras en el nombre del producto.

Qué necesita Una botella en el contexto de la página. En una ficha de producto es automático.

Este es el que demuestra si un motor de recomendación entiende de vino. Un sistema de palabras clave responde a un Chablis con otro vino que lleva "Chablis" en el nombre. La comparación por atributos responde con otra denominación que se bebe igual.

Mostrar el código
<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="similar"></script>

El visitante frente a la botella

Puntuación de afinidad

Compara la botella de la página con el paladar de este visitante y explica la puntuación en una frase, para que el número nunca sea una caja negra.

Qué necesita Una botella en el contexto de la página y, para la puntuación, un perfil del visitante.

Antes de que el visitante interactúe con algo no hay paladar con el que comparar, así que el banner muestra la descripción del vino y espera. Tras tres a cinco toques tiene un perfil y empieza a puntuar. Es el comportamiento honesto: no se inventa un porcentaje para alguien a quien nunca ha visto.

Mostrar el código
<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="match"></script>

Cuatro escalas, sin jerga

Perfil de sabor en escalas

Sitúa el estilo, el cuerpo, el dulzor y la acidez de la botella en cuatro escalas y superpone el paladar del visitante.

Qué necesita Una botella en el contexto de la página.

Es el banner que enseña mientras vende. Un visitante que no sabe decir lo que le gusta puede ver que siempre elige acidez alta, y cada ajuste que hace vuelve a su perfil.

Mostrar el código
<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="taste"></script>

La pregunta más difícil que recibe una tienda

Reconocimiento de fotos

Suba una foto de una etiqueta, de una estantería o de la cena de esta noche, y el agente responde con el inventario real.

Qué necesita Nada. Funciona en cualquier página.

Acepta PNG, JPEG y WebP. Fotografíe una botella que ya tenga y pida algo parecido que pueda comprar, o fotografíe un plato y deje que lo maride con lo que hay en stock.

Mostrar el código
<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="dropzone"></script>

Asesoramiento y primera atención

La conversación completa, en la página

Pone toda la conversación con el sommelier directamente en la página, para una página de asesoramiento, un centro de ayuda o una carta de vinos.

Qué necesita Nada. Es el modo por defecto si omite el atributo mode.

Todos los banners de más arriba abren esta misma conversación. Lo que haya tocado arriba ya está aquí, y no se lo volverá a preguntar. Pídale un single malt turbado, pregúntele qué va bien con el Chablis o hágale una consulta sobre la entrega: es el mismo agente.

Mostrar el código
<script src="https://cdn.sommelier.bot/widget.js"
  merchant="sommelierbot"
  mode="embed"></script>

Toda la API

Todos los atributos que acepta el snippet

No hay archivo de configuración ni paso en el panel antes de que aparezca un banner. Esta tabla es toda la integración.

AtributoPor defectoQué hace
merchantobligatorioSu clave de comercio. sommelierbot es nuestro catálogo de demo público, el que usan todos los snippets de esta página.
modeembedQué formato mostrar: embed, banner, popup, similar, picks, match, taste o dropzone. Sin él, obtiene la conversación en la página.
banner-idsu valor por defectoCuál de sus banners configurados mostrar. Solo aplica a mode="banner".
banner-layouttextgrid para el formato de seis bloques, text para la línea única. Solo aplica a mode="banner".
themesu configuracióndark o light. Por defecto, el esquema de colores definido en su cuenta.
langidioma de la páginaen, de, fr, es, it, pt, nl, zh, ja, ru o hi. Se lee del atributo <html lang> si no lo indica.
popup-positionrightleft o right. Solo aplica a mode="popup".
popup-x / popup-y20Distancia al borde en píxeles. Solo aplica a mode="popup".

Todos los atributos funcionan también con el prefijo data-, para CMS y constructores de páginas que eliminan atributos desconocidos de las etiquetas script: data-merchant, data-mode, data-banner-id, etc.

Dónde rinde cada uno

Allí donde el visitante duda

Las ubicaciones son ilimitadas en todos los planes de pago. Estas son las que se pagan solas antes.

Su catálogo, sus banners

Ponga estos banners en sus páginas

Envíenos el enlace de su tienda. Los banners están en marcha en un día, el primer mes es gratis y puede cancelar cualquier mes.

¿Quiere agentes de IA a medida para su negocio?

¿Quiere una demo personalizada, un agente a medida o un trabajo con IA que no está en esta página? Trabajamos con machine learning e IA para el sector del vino desde 2019.

Hable con nosotros