Apariencia del widget

Aquí personalizas cómo se ve tu chatbot en tu web: el icono, los colores de tu marca, el tamaño de la ventana y los textos que ve el visitante. Todo se actualiza en tu widget sin tocar una línea de código.

Iconos

Icono del chatbot

Es la imagen que aparece en el header del chat y como avatar del bot. Recomendaciones:

• Formato cuadrado 1:1, mínimo 256×256 px (ideal 512×512).
• PNG transparente o con tu color de fondo.
• Máximo 2 MB.

Si no subes ningún icono, se muestra un robot genérico con tu color de marca.

Icono del lanzador

El lanzador es el botón circular flotante que se ve cuando el chat está cerrado. Por defecto usa el mismo icono que el chatbot, pero puedes poner otro.

• Límite de 512 KB para la imagen.
• Texto del lanzador: hasta 18 caracteres.
• El color del lanzador se adapta automáticamente a tu color de marca.

Modo del widget

Si eliges Inline, recuerda preparar el contenedor en tu web. Tienes los detalles en instalar el widget en tu web.

Posición y tamaño

• Posición del lanzador (solo en modo popup): abajo-derecha (por defecto) o abajo-izquierda.
• Tamaño de ventana:

En móvil, la ventana siempre se abre a pantalla completa, independientemente del tamaño elegido.

Colores

• Color primario — el de tu marca. Se aplica al lanzador, el header, los botones y las burbujas del usuario.
• Color de la burbuja del bot — el fondo de los mensajes del chatbot.

Los textos se adaptan automáticamente a claro u oscuro según el color de fondo, así que no tienes que preocuparte por el contraste.

Textos

• Subtítulo del header — por ejemplo, "Normalmente responde en 2 minutos".
• Placeholder del input — el texto gris dentro de la caja de escritura.

Opciones adicionales

• Mostrar avatar del bot — activa o desactiva el avatar junto a los mensajes.
• Auto-abrir — abre el chat automáticamente. Se configura por separado en escritorio y móvil. Úsalo con cuidado en móvil: puede resultar intrusivo.
• Email de notificaciones de formularios — a dónde llegan los avisos de nuevos leads. Puedes poner varios separados por ;. Más sobre esto en formularios.
• Zona horaria — para que las marcas de tiempo cuadren con tu negocio.
• Preguntas sugeridas — hasta 4 botones de inicio para guiar al visitante.

Vista previa

• En el plan Pro tienes vista previa en vivo mientras editas.
• En cualquier plan, el botón "Probarlo" del Resumen abre tu chatbot en una pestaña nueva para que lo veas tal cual lo verá un visitante.

¿Quieres que quede perfecto?

Si tienes dudas con los iconos, los colores o el tamaño, abre el Asistente ChatME en el panel y te orienta al momento. Y si prefieres que lo revisemos contigo, reserva una demo.