Chatbots

Personalizar un chatbot

Cambia el aspecto de un chatbot, dónde se ubica, qué idioma usa y cuántos mensajes acepta.

Open in ChatGPT Open in Claude

Abre un chatbot desde Chatbots para cambiar su configuración. El cuadro de diálogo tiene una sección básica en la parte superior y una sección avanzada debajo. Guarda con Update Chatbot. Los cambios aparecen en las páginas que ya tienen el chatbot integrado.

Ajustes básicos#

  • Chatbot Name y Chatbot Description.
  • Chatbot enabled: activa o desactiva el chatbot.
  • Show title & description: muestra el título y la descripción en la parte superior de una conversación nueva, encima del primer mensaje.
  • Used Agent: el agente que responde. Puedes apuntar un chatbot a un agente diferente más adelante.
  • Chatbot Style: Chat button, Embedded, Full page o Commerce search. Consulta Create and embed.
  • Show close button: solo para el estilo embedded.
  • Show session messages history: establece una cookie en el navegador del visitante para que el chat permanezca abierto mientras se mueve entre páginas.

Ventana y diseño#

En URL & Window:

  • Chatbot window width: por defecto 540px. Usa un tamaño CSS como 500px.
  • Chatbot window height: vacío por defecto. Usa un tamaño CSS como 80vh.

En Window & Layout:

  • Chatbot theme: Auto, Light o Dark.
  • Chatbot position: Bottom right, Bottom left, Top left o Top right. Se aplica al estilo del botón de chat.
  • Text direction: Auto-detect, Left to Right (LTR) o Right to Left (RTL).
  • Chatbot language: inglés, eslovaco, neerlandés, persa o danés. Las instrucciones del agente, y no este ajuste, deciden en qué idioma responde.

Colores, burbuja y entrada#

  • Primary color: el color de las burbujas de chat del visitante y de los botones en las respuestas.
  • Sent message text color: el color del texto dentro de las burbujas del visitante.
  • Chatbot bubble background color y Chatbot bubble icon color: el botón de chat.
  • Chatbot bubble size in px y Chatbot bubble custom image URL: cambia el tamaño del botón o sustituye su icono por tu propia imagen. Usa una URL de imagen válida.
  • Message placeholder text: la pista en la entrada vacía. El valor predeterminado es “Ask me any question…”.
  • Max input characters: el mensaje más largo que puede escribir un visitante. Déjalo vacío para no tener límite.

Branding y personalización#

  • Chatbot header text y Chatbot header logo URL: un nombre y un logo que se muestran en la cabecera de la ventana de chat.
  • Chat header logo URL: sustituye la imagen predeterminada que aparece encima del título cuando Show title & description está activado.
  • Assistant avatar image URL: el avatar que aparece junto a las respuestas del agente.
  • Remove FlowHunt branding oculta la etiqueta de FlowHunt. El interruptor solo está disponible cuando tu plan lo permite. Eliminar el branding requiere el plan Pro más un complemento mensual de pago, y el cuadro de diálogo muestra el precio y un botón para comprarlo.

Mensajes emergentes#

En Popup Messages, añade mensajes breves que aparezcan junto al botón de chat para invitar a visitarlo. Escribe un mensaje y haz clic en Insert message. Messages display delay establece la espera en milisegundos. Al hacer clic en un mensaje emergente se abre el chat.

Límite de velocidad#

En Rate Limiting, protege tus créditos frente a un uso intensivo:

  • Rate limit messages: el número máximo de mensajes por hora que acepta todo el chatbot.
  • Rate limit messages from the same IP: el número máximo de mensajes por hora desde una misma dirección de visitante.
  • Custom message for Rate limit messages: lo que ven los visitantes cuando se alcanza un límite. Sin él, reciben un error genérico.

Un valor de 0 significa que no hay límite.

Opciones de búsqueda de comercio#

Para el estilo Commerce search aparecen ajustes adicionales: AI Mode button text, Search bar placeholder, AI Mode button inside the search bar, colores para la barra de búsqueda y el botón, el radio de las esquinas desde Square hasta Pill, y hasta cuatro AI Mode sample queries que un comprador puede elegir cuando se abre el AI Mode. Deja las consultas de ejemplo vacías para usar los valores predeterminados.

Prueba antes de guardar#

El panel Test your chatbot muestra una vista previa en vivo mientras cambias colores y texto, usando el agente que seleccionaste. Elige primero un agente, o el panel te lo pedirá.

Widgets on the page

Estos ajustes se aplican a la ventana de chat. Para cambiar lo que dice o sabe el agente, edita el agente y sus fuentes de conocimiento.