Un widget de chat personalizable que parece que lo construiste desde cero
Cambia colores, posición, avatar, mensaje de bienvenida, forma del botón y comportamiento de la ventana de chat desde un panel visual. Sin necesidad de escribir CSS, ni contratar desarrolladores — tu marca, tus reglas, activo en minutos.
Mira el widget personalizable en acción en tu sitio
Introduce tu URL a continuación. La IA lee el contenido de tu sitio web, capta tu paleta de marca y construye un chatbot funcional que puedes empezar a personalizar inmediatamente.
Un widget de chat que desentona con tu sitio es peor que no tener ninguno
Los visitantes notan cuando algo no pertenece. Una burbuja de chat en el tono de azul incorrecto, un saludo que no suena como tu voz de marca, un widget que oculta tu botón de llamada a la acción — estos detalles erosionan la confianza antes de que comience la primera conversación. La mayoría de los widgets de chat te dan un selector de color y lo llaman personalización. Asyntai te ofrece un panel visual donde cada elemento visible es tuyo para controlarlo: colores primarios y secundarios, forma del botón, posición de la ventana de chat, imagen del avatar, texto de bienvenida, texto de marcador de posición y la personalidad general del asistente de IA. Cada cambio se previsualiza en tiempo real para que veas el resultado antes que tus visitantes. La personalización funciona igual en todos los planes — Gratis te da 100 mensajes al mes para probarlo, Starter por $39/mes maneja 2,500 mensajes en 2 sitios, Standard por $139/mes soporta 15,000 mensajes y 3 sitios, y Pro por $449/mes escala a 50,000 mensajes y 20 sitios. No estás pagando por la capacidad de hacer que el widget se vea bien. Estás eligiendo cuánta capacidad necesitas.
- Colores y marca que coinciden con tu sistema de diseñoConfigura tu color primario, color de acento y color de texto para que coincidan exactamente con tu sitio web. El encabezado del widget, el botón de enviar, las burbujas de mensajes del usuario y el lanzador heredan tu paleta. Si tu marca usa #1a2b3c para los encabezados y #e74c3c para los botones, tu widget de chat usa esos mismos valores. Se acabaron las burbujas moradas genéricas en tu sitio cuidadosamente diseñado en verde y blanco. Sube tu logotipo o un avatar personalizado para reemplazar el icono predeterminado — los visitantes ven tu marca, no la nuestra.
- Posición, tamaño y comportamiento de lanzamiento bajo tu controlColoca el widget a la izquierda o a la derecha. Configúralo para que se abra automáticamente después de un retraso, se abra al cargar la página o permanezca colapsado hasta que el visitante haga clic. Elige si el saludo aparece como una burbuja de vista previa sobre el lanzador o dentro de la ventana de chat. Ajusta las dimensiones de la ventana de chat para que se adapten a tu diseño. En móvil, el widget se adapta automáticamente, pero tú controlas si utiliza una vista de pantalla completa o una superposición compacta. Cada configuración es un interruptor o un deslizador — no se requiere código.
- Mensajes de bienvenida y personalidad que suenan como tu equipoEscribe el saludo que ven los visitantes cuando se abre el chat. Establece el texto de marcador de posición dentro del campo de entrada. Nombra al asistente — "Soporte", "Alex", "Equipo de Ventas", lo que se adapte a la voz de tu marca. Escribe instrucciones personalizadas que moldean cómo responde la IA: formal o informal, conciso o detallado, si debe hacer preguntas de seguimiento o ir directamente a las respuestas. El widget no solo se ve como tu marca, sino que habla como tu marca.
Personaliza lo que el widget sabe, cómo se comporta y a quién sirve
La personalización visual consigue que los visitantes confíen en el widget. La personalización del comportamiento hace que el widget sea realmente útil. Asyntai te permite controlar ambos desde el mismo panel de control: la configuración de apariencia da forma a lo que ven los visitantes, y la configuración de contenido y comportamiento da forma a lo que hace la IA. En los planes Standard ($139/mes) y Pro ($449/mes), las Herramientas Personalizadas permiten que el widget extraiga datos en vivo de tus propios sistemas durante las conversaciones, convirtiéndolo de un FAQ de marca en un portal de servicio interactivo que coincide con tu esquema de color.
- Marca blanca (White-label) en todos los planesElimina la insignia de atribución de Asyntai del widget de chat para que nada rompa la ilusión. El widget lleva tu nombre, tus colores y tu avatar sin marca de terceros visible para los visitantes. Las agencias que gestionan widgets para múltiples clientes implementan chatbots con apariencia distinta desde una sola cuenta en el plan Pro — cada sitio obtiene su propia identidad, su propia base de conocimiento y su propio estilo.
- Reglas de comportamiento personalizadas en lenguaje sencilloDile a la IA cómo actuar escribiendo instrucciones en lenguaje natural. "Saluda siempre a los visitantes recurrentes por su nombre si está disponible." "Nunca discutas precios — redirígelos al equipo de ventas." "Cuando alguien pregunte por devoluciones, recopila su número de pedido antes de responder." "Mantén las respuestas por debajo de tres frases a menos que el visitante pida más detalles." Estas instrucciones dan forma a cada conversación sin tocar ningún código. Actualízalas en cualquier momento desde el panel de control.
- Saludos multilingües y cambio automático de idiomaEstablece saludos en cualquiera de los 36 idiomas compatibles, o deja que la IA detecte el idioma del visitante y responda en consecuencia. Un visitante que escribe en alemán recibe una respuesta en alemán extraída del contenido de tu sitio web en inglés. No necesitas un sitio traducido. Si tu audiencia abarca varios mercados, el widget se adapta sin configuraciones separadas para cada idioma.
- Base de conocimiento que tú curasLa IA lee el contenido de tu sitio web — rastrea automáticamente hasta 50 páginas — y responde usando ese contenido. Sube documentos adicionales para temas que tu sitio no cubre. Elimina páginas que no quieres que la IA referencie. La base de conocimiento es tuya para moldear, y la IA se mantiene dentro de sus límites. No inventa respuestas a partir de conocimiento general, utiliza lo que tú le proporcionaste.
- Datos en vivo a través de Herramientas PersonalizadasEn los planes Standard y Pro, conecta tus propios puntos finales de API para que el widget pueda buscar estado de pedido, detalles de cuenta, disponibilidad de citas o niveles de inventario a mitad de la conversación. El visitante pregunta "¿Dónde está mi pedido?" y el widget comprueba tu sistema y responde con una actualización de seguimiento real, todo dentro de una ventana de chat que parece haber sido construida por tu propio equipo de ingeniería.
Pon un widget de chat de marca en tu sitio
Regístrate, pega tu URL, estiliza el widget en el panel visual e inserta una etiqueta de script. Todo el proceso toma unos quince minutos, la mayor parte es elegir el tono perfecto de azul.
- Regístrate en asyntai.com/pricing — Gratis te da 100 mensajes para probar con acceso total a la personalización. Starter ($39/mes) maneja 2,500 mensajes en 2 sitios. Standard ($139/mes) y Pro ($449/mes) añaden Herramientas Personalizadas para búsquedas de datos en vivo.
- Añade la URL de tu sitio web. La IA rastrea hasta 50 páginas y construye una base de conocimiento a partir de tu contenido: descripciones de productos, respuestas de preguntas frecuentes, información de la empresa, políticas y cualquier otra cosa publicada en tu sitio.
- Abre el panel de control de personalización. Configura los colores de tu marca, sube tu avatar, escribe tu saludo, elige la posición del widget y configura las instrucciones de comportamiento. Cada cambio se previsualiza en vivo para que veas exactamente lo que verán los visitantes.
- Copia el script de inserción y pégalo en tu sitio web. Funciona en WordPress, Shopify, Squarespace, Wix y cualquier plataforma que admita una etiqueta de script. Tu widget de chat de marca aparecerá inmediatamente.
<script src="https://asyntai.com/widget.js"
data-id="tu-id-de-sitio" async>
</script>
# Una etiqueta de script. Tus colores, tu logo, tu voz.
Widget de chat personalizable — Preguntas Frecuentes
Preguntas comunes sobre el estilo, la marca y la configuración del widget de chat de Asyntai para que coincida con tu sitio web.
¿Necesito saber CSS o JavaScript para personalizar el widget?
No. Cada opción de personalización — colores, posición, avatar, saludo, forma del botón, reglas de comportamiento — es accesible a través de un panel visual con interruptores, selectores de color, campos de texto y menús desplegables. Verás una vista previa en vivo de cada cambio antes de guardar. Si casualmente sabes CSS y quieres control a nivel de píxel, puedes añadir anulaciones de CSS personalizadas, pero el panel de control maneja todo lo que la mayoría de los sitios necesitan sin escribir una sola línea de código.
¿Puedo usar diferentes estilos de widget en diferentes páginas de mi sitio?
La configuración del widget se aplica por sitio. Si deseas widgets visualmente diferentes en distintas secciones de tu sitio web — digamos, un widget enfocado en ventas en las páginas de productos y un widget de soporte en la sección de ayuda — tendrías que configurarlos como sitios separados en tu panel de control, cada uno con su propio estilo y base de conocimiento. El plan Starter soporta 2 sitios, Standard soporta 3 y Pro soporta 20.
¿Puedo eliminar la marca Asyntai del widget?
Sí, la marca blanca (white-label) está disponible, lo que te permite eliminar la atribución de Asyntai para que el widget muestre solo tu identidad de marca. Los visitantes ven tu nombre, tus colores y tu avatar sin ninguna indicación de la plataforma subyacente.
¿Cómo hago coincidir el widget con los colores exactos de mi marca?
El panel de control incluye un selector de color que acepta valores hexadecimales. Si las directrices de tu marca especifican #2d3436 para el texto principal y #00b894 para los botones de acento, introduce esos valores exactos y el widget coincidirá con tu sistema de diseño con precisión. El encabezado, el botón de enviar, las burbujas de mensajes y el icono del lanzador heredan los colores que elijas. También puedes establecer colores separados para las burbujas de mensajes del visitante y las burbujas de respuesta de la IA.
¿La personalización afecta cómo la IA responde a las preguntas?
La personalización visual (colores, posición, avatar) no cambia el comportamiento de la IA en absoluto. La personalización del comportamiento — instrucciones personalizadas, contenido de la base de conocimiento, subida de documentos — da forma directa a cómo responde la IA. Controlas ambos de forma independiente. Puedes hacer que el widget se vea informal y divertido mientras que la IA mantiene un tono formal, o viceversa. La capa visual y la capa de inteligencia son configuraciones separadas en el mismo panel de control.
¿Puedo personalizar el widget para varios idiomas?
Sí. El widget es compatible con 36 idiomas con detección automática. Puedes establecer saludos personalizados para idiomas específicos, y la IA responde automáticamente en el idioma que utilice el visitante. El texto de marcador de posición, el mensaje de bienvenida y el nombre del asistente se pueden personalizar, y la IA adapta su idioma para que coincida con el visitante.
¿Qué sucede si cambio el diseño de mi sitio web más adelante?
Actualiza el estilo del widget en cualquier momento desde el panel de control — cambia colores, intercambia tu avatar, reescribe el saludo — y los cambios se activan inmediatamente. No se requiere volver a incrustar nada. La etiqueta de script sigue siendo la misma; el widget extrae su configuración actual de tu panel de control cada vez que se carga. Los cambios de marca, los temas estacionales o las renovaciones de diseño tardan unos dos minutos en aplicarse.
¿Puedo controlar cuándo y cómo aparece el widget?
Sí. Configura el widget para que se abra automáticamente después de un retraso de tiempo, muestre un mensaje de vista previa sobre el lanzador colapsado o permanezca oculto hasta que el visitante haga clic. Eliges la posición del lanzador (izquierda o derecha) y si la ventana de chat se abre como un panel o una superposición. En móvil, controlas si se pone a pantalla completa o se mantiene compacto. Estas configuraciones de comportamiento son independientes del estilo visual y se pueden cambiar por separado.
¿Es la personalización la misma en el plan Gratis que en los planes de pago?
Todas las funciones de personalización visual — colores, posición, avatar, saludo, estilo del botón, instrucciones de comportamiento — están disponibles en todos los planes, incluido el Gratis. El plan Gratis te da 100 mensajes al mes y 1 sitio. La diferencia entre los planes es el volumen de mensajes, el número de sitios y el acceso a funciones avanzadas como las Herramientas Personalizadas (Standard y Pro). No estás pagando por el derecho a personalizar, estás eligiendo la capacidad que se adapta a tu tráfico.
Por qué un widget de chat personalizable es la diferencia entre una herramienta en la que tus visitantes confían y una que ignoran
Lo primero que un visitante nota sobre un widget de chat no es lo que dice, sino si pertenece. Una burbuja flotante en el color equivocado, con un icono de robot genérico y un saludo programado de "¿Cómo puedo ayudarte hoy?", envía una señal de que el propietario del sitio añadió una herramienta de terceros sin pensarlo. El efecto es sutil pero medible: los visitantes son menos propensos a interactuar con un widget que parece una ocurrencia tardía que con uno que se siente diseñado junto con el resto del sitio. Esto no es vanidad. Es el mismo principio que hace que una fuente que no coincide en el menú de un restaurante se sienta ligeramente mal, incluso si nadie puede articular por qué. El widget de chat ocupa un espacio privilegiado — la esquina inferior de cada página — y o refuerza tus elecciones de diseño o las socava. No hay posición neutral.
La mayoría de las plataformas de widgets tratan la personalización como un nivel de característica: colores básicos en el plan gratuito, marca avanzada en el plan caro, marca blanca solo en el nivel empresarial. Asyntai adopta un enfoque diferente. Cada opción de personalización visual está disponible en todos los planes, incluido el Gratis. El razonamiento es pragmático: un widget que desentona con tu sitio no genera conversaciones, y un widget que no genera conversaciones no sirve de nada, independientemente de cuántas funciones de IA tenga. Dar a cada usuario acceso a la personalización visual completa significa que cada widget implementado parece deliberado, lo que significa que más visitantes interactúan, lo que significa más valor entregado en cada plan, desde Gratis hasta Pro.
El panel visual reemplaza el flujo de trabajo que antes requería un desarrollador front-end y una revisión de diseño de ida y vuelta. Los selectores de color aceptan valores hexadecimales de las directrices de tu marca. Un interruptor de posición cambia el widget entre las esquinas izquierda y derecha. Un campo de carga acepta tu logotipo o una imagen de avatar personalizada. Los campos de texto te permiten escribir el saludo, el texto de marcador de posición y el nombre del asistente. Un panel de comportamiento controla cuándo se abre el widget — al hacer clic, después de un retraso, al cargar la página — y si un mensaje de vista previa flota sobre el lanzador para invitar a la interacción. Cada cambio se renderiza en un panel de vista previa en vivo para que veas exactamente lo que verán los visitantes en escritorio y móvil, sin desplegar nada. Todo el proceso de estilo toma entre diez y quince minutos, y la mayor parte de ese tiempo se dedica a decidir entre el color principal de tu marca y la variante ligeramente más oscura.
La posición y el comportamiento de lanzamiento son detalles de personalización que la mayoría de los propietarios de sitios pasan por alto hasta que causan un problema. Un widget en la esquina inferior derecha funciona en la mayoría de los sitios, pero un sitio con un botón persistente de "Volver arriba" o un banner de consentimiento de cookies en la misma esquina crea una colisión que molesta a los visitantes en móvil. Mover el widget a la esquina izquierda — un cambio de un clic en el panel de control — elimina el conflicto. De manera similar, un widget que se abre automáticamente en una página de destino donde el visitante no se ha desplazado todavía se siente intrusivo, pero el mismo comportamiento de apertura automática en una página de documentación de soporte donde los visitantes buscan activamente respuestas se siente útil. Asyntai te permite configurar estos comportamientos por sitio, para que el widget aparezca en el momento y lugar adecuados para cada contexto. Sin necesidad de escribir escuchadores de eventos de JavaScript. Sin lógica condicional que mantener. Un interruptor y un deslizador de retraso.
Los mensajes de bienvenida merecen más atención de la que suelen recibir. El saludo predeterminado en la mayoría de los widgets de chat — "¡Hola! ¿Cómo puedo ayudarte hoy?" — es tan genérico que los visitantes lo leen de la misma manera que leen los banners de consentimiento de cookies: como ruido que debe descartarse. Un saludo que hace referencia a lo que el visitante está viendo realmente cambia la dinámica. "Buscando algo específico? Conozco todo este catálogo, pregúntame sobre tallas, materiales o envíos." Esa frase hace tres cosas: establece expectativas sobre el conocimiento de la IA, da al visitante una razón para escribir y suena como un dependiente real en lugar de un bot programado. Escribir esto toma treinta segundos en el panel de control de Asyntai. Ajustarlo en función de cómo responden los visitantes toma otros treinta segundos. El coste de equivocarse es cero; el coste de dejar el valor predeterminado es una tasa de apertura que se mantiene obstinadamente baja.
La voz de la marca va más allá del saludo. El panel de instrucciones personalizadas es donde das forma a cómo habla la IA durante toda una conversación, no solo en el primer mensaje. Escribe "Mantén las respuestas por debajo de tres frases a menos que el visitante pida más detalles" y cada respuesta se vuelve concisa. Escribe "Usa un tono cálido y conversacional, sin jerga corporativa" y la IA abandona la rigidez que hace que las interacciones del chatbot se sientan robóticas. Escribe "Dirígete siempre al visitante por su nombre si lo ha proporcionado" y el widget comienza a construir una relación como lo hace un vendedor experto. Estas instrucciones funcionan porque la IA las interpreta como reglas de comportamiento, no como activadores de palabras clave. Estás moldeando un estilo de comunicación, no programando un árbol de decisiones. Y debido a que las instrucciones están escritas en lenguaje sencillo, la persona que mejor entiende la voz de tu marca — tu líder de marketing, tu fundador, tu jefe de experiencia del cliente — puede escribirlas directamente sin traducir su intención a código.
La personalización multilingüe resuelve un problema que afecta a las empresas que atienden a mercados diversos. Un visitante de habla alemana que aterriza en tu sitio web en inglés no necesita una versión separada en alemán del sitio para mantener una conversación en alemán. La IA detecta el idioma del mensaje entrante y responde en el mismo idioma, extrayendo respuestas precisas de tu contenido en inglés. Establece un saludo en alemán para los visitantes cuyos navegadores indican una preferencia por el idioma alemán, y toda la experiencia se siente localizada — el saludo está en alemán, la conversación está en alemán, las respuestas reflejan tu contenido real — aunque tu sitio web sea monolingüe en inglés. Treinta y seis idiomas funcionan de esta manera, sin configuración adicional por idioma más allá de un saludo personalizado opcional. Para las empresas que venden a través de fronteras en Europa o atienden a comunidades multilingües en Norteamérica, esto convierte un despliegue de widget en un servicio que llega a cada visitante en su idioma preferido.
La marca blanca (white-label) es importante para las agencias y consultores que implementan widgets en sitios de clientes. Una agencia digital que gestiona cinco sitios web de clientes no quiere "Desarrollado por Asyntai" en cada uno; quieren que el widget parezca parte del producto entregado. Eliminar la insignia de atribución hace que el widget parezca nativo del sitio del cliente, lo que preserva la posición de la agencia como constructora y operadora de la herramienta. En el plan Pro, que soporta 20 sitios, una agencia puede implementar widgets de marca única para cada cliente — diferentes colores, diferentes avatares, diferentes saludos, diferentes bases de conocimiento — todo gestionado desde un único panel de control de Asyntai. Cada cliente solo ve su propio widget, estilizado según su marca, sin ninguna indicación de que comparte infraestructura con otras implementaciones de la agencia.
Las Herramientas Personalizadas extienden lo que significa "personalización" más allá de la capa visual. En los planes Standard ($139/mes) y Pro ($449/mes), puedes conectar el widget de chat a tus propios sistemas de backend a través de puntos finales de API. Una tienda de muebles conecta su sistema de inventario para que el widget pueda responder "¿Tienen este sofá en azul marino?" con una comprobación de stock en tiempo real. Una empresa de SaaS conecta su API de facturación para que el widget pueda decirle a un cliente la fecha de su próxima factura. Una empresa de gestión de propiedades conecta su sistema de mantenimiento para que los inquilinos puedan verificar el estado de las solicitudes de reparación a través del chat. Estas integraciones hacen que el widget no solo parezca parte de tu sitio, sino que actúe como parte de tu sitio, extrayendo datos en vivo de tus sistemas durante las conversaciones. El visitante experimenta una herramienta de marca sin fisuras. Detrás de escena, el widget llama a tus API bajo demanda.
La personalización móvil se maneja automáticamente, pero con controles que puedes anular. El widget detecta el tamaño de la pantalla y ajusta su diseño: el lanzador se encoge ligeramente, la ventana de chat se vuelve de ancho completo, el teclado empuja la conversación hacia arriba sin recortar mensajes. Tú eliges si el chat móvil se abre como una superposición de pantalla completa o permanece como un panel flotante. El esquema de color, el avatar y el saludo se transfieren desde la configuración de escritorio. Debido a que los visitantes móviles suelen tener conexiones más lentas, el widget se carga de forma asíncrona y no bloquea la renderización de la página; tu sitio se mantiene rápido y el widget aparece cuando está listo. Para los sitios donde el tráfico móvil domina (la mayoría, en 2026), esto asegura que la experiencia de marca se mantenga en las pantallas donde más importa.
La base de conocimiento es la personalización que los visitantes nunca ven pero siempre sienten. La IA lee el contenido de tu sitio web — rastrea automáticamente hasta 50 páginas cuando añades tu URL — y construye una base de conocimiento que fundamenta cada respuesta. Sube documentos complementarios para temas que tu sitio no cubre en profundidad: especificaciones detalladas de productos, documentos de preguntas frecuentes internos, PDFs de políticas, guías de incorporación. Elimina páginas de las que no quieres que la IA extraiga información. El resultado es un widget de chat que no solo parece pertenecer a tu sitio, sino que conoce tu sitio tan bien como tu mejor empleado. Cuando un visitante pregunta por tu política de devoluciones, obtiene tu política de devoluciones, no una respuesta genérica sobre prácticas de devolución minorista estándar. Esta base en tu contenido específico es lo que hace que la personalización se sienta completa. El widget coincide con tu marca visual y sustancialmente.
Los cambios estacionales y basados en campañas son trivialmente fáciles porque el estilo está desacoplado del código incrustado. ¿Estás ejecutando una promoción de Black Friday? Cambia el saludo del widget a "Las ofertas de Black Friday están activas, pregúntame qué está en oferta". Cambia el color de acento del widget para que coincida con tu banner promocional. Cuando termina la promoción, revierte ambos cambios en treinta segundos. Lanza un nuevo producto y actualiza el saludo para mencionarlo: "Nuevo: la colección Alpine ya está aquí. Pregúntame sobre materiales, tallas o entrega". Estos microajustes mantienen el widget actualizado y relevante, lo que mantiene altas las tasas de interacción. La etiqueta de script en tu sitio nunca cambia; cada actualización fluye automáticamente a través de la configuración del panel de control.
Para las empresas que evalúan widgets de chat, la profundidad de personalización de una plataforma revela algo sobre su filosofía. Un widget que te limita a tres colores y un campo de texto se ve a sí mismo como el producto y tu marca como un contenedor. Un widget que te da control sobre cada elemento visible y cada regla de comportamiento se ve a sí mismo como infraestructura y tu marca como el producto. Asyntai es lo segundo. El objetivo no es que los visitantes noten el widget de chat, sino que noten lo útil y bien diseñado que es tu sitio web. El widget tiene éxito cuando desaparece en la experiencia del sitio, respondiendo preguntas, capturando clientes potenciales y guiando a los visitantes sin llamar nunca la atención sobre sí mismo como una herramienta separada. La personalización completa es la forma en que funciona ese acto de desaparición.
Empieza a personalizar con el plan gratuito — 100 mensajes, acceso total al estilo, sin tarjeta de crédito. Mira cómo queda el widget en tu sitio en quince minutos.