Cómo incrustar AVA 4.0 en tu sitio web

Aprenda a incrustar y publicar su AVA.

Last updated:
December 30, 2025

Antes de publicar, te recomendamos probar AVA en la opción de vista previa para ver los resultados.

Insertar AVA

Selecciona el AVA que deseas incrustar y luego haz clic en la opción «Insertar» ubicada en el lado izquierdo de la pantalla.

A partir de aquí, ofrecemos dos opciones diferentes de visualización de AVA.

Mostrar preguntas frecuentes sobre el producto

Integra AVA como contenido nativo e interactivo para que los visitantes puedan chatear o hacer preguntas directamente desde tu sitio web.

Personaliza el widget de preguntas frecuentes añadiendo un título, un subtítulo y habilitando el icono de IA.

Habilite las preguntas generadas por IA

Cuando está habilitada, AVA genera automáticamente preguntas de preguntas frecuentes personalizadas basadas en el contenido de la página, los datos de los productos y el comportamiento de cada comprador en el sitio, optimizando continuamente la experiencia de preguntas frecuentes para cada visitante. Los mensajes que configures aquí aparecerán en el widget de preguntas frecuentes integrado en tu sitio.

Puedes personalizar completamente la presentación de las preguntas frecuentes: editar el título y los subtítulos, cambiar el icono, seleccionar el color principal de tu marca y ajustar el tamaño de la fuente y el radio de las esquinas para que se ajusten al diseño visual de tu sitio.

Preguntas

Habilite las preguntas generadas por IA

Los mensajes siguientes aparecerán en el widget de preguntas frecuentes integrado en tu sitio web. Cuando está habilitada, AVA generará automáticamente preguntas personalizadas basadas en el contenido de la página, los datos del producto y el comportamiento de cada comprador en el sitio, optimizando de forma dinámica la experiencia de preguntas frecuentes para cada visitante.

Si la IA está desactivada, las preguntas predeterminadas que defina se mostrarán en todas las páginas relevantes.

Agregue hasta seis preguntas frecuentes (cada una de 60 caracteres como máximo) para ofrecer respuestas rápidas y soporte de navegación en el widget incorporado.

Conjunto de preguntas adicional: puede establecer condiciones de URL para aplicar preguntas de inicio a URL específicas. Para ello, cree un nuevo conjunto de preguntas con condiciones de URL designadas que determinen dónde se mostrarán estas preguntas en las distintas páginas web. Simplemente haz clic en el botón +Conjunto de preguntas para agregar más.

También puede personalizar el texto del marcador de posición de entrada.

Las preguntas frecuentes aparecerán tan pronto como el usuario abra AVA por primera vez.

Estilismo

  • Punto de entrada
  • Modal
  • Ava abrirá una ventana de chat que aparecerá sobre la página.
  • En línea
  • Ava responderá a las preguntas de los usuarios directamente en la página
  • Desde esta sección, puedes personalizar el estilo del widget, el título y el botón, junto con el diseño y la alineación generales.
  • Haz clic en Guardar cuando hayas terminado y, a continuación, selecciona Insertar código para copiar el código y usarlo en tu sitio web.

Botón nativo

Botón - Puedes ajustar lo siguiente para el botón de CTA:

Título del widget — Añade un título para tu widget.

Mostrar asistente digital — Activa o desactiva para mostrar el asistente en el widget.

Tamaño del widget — Elige entre Auto o Personalizado. Seleccionando Personalizado permite establecer manualmente las dimensiones del widget.

Etiqueta de botón — Defina el texto que se muestra en el botón CTA.

Color del botón principal — Establece el color principal del botón.

Color del borde del botón — Elige el color del borde del botón.

Color de fuente del botón — Seleccione el color del texto del botón.

Usa el icono de IA — Activa o desactiva para mostrar un icono de IA en el botón.

Fondo del widget — Actívalo para personalizar la configuración de fondo:

  • Editar el color de fondo
  • Ajustar el grosor del borde
  • Definir el radio de esquina
  • Elige el color del borde
  • Haga clic en «Código de inserción» para copiar y pegar el código del widget en tu sitio web.