Configuración de Dominio y Marca blanca
Configuración de marca blanca
Tres elementos convierten tu organización en una plataforma totalmente personalizada con tu marca: un dominio personalizado, tu Marca y tu propio Servidor SMTP. El Dominio y el SMTP son obligatorios para un entorno de producción; la Marca se puede ajustar en cualquier momento.
1. Dominio personalizado
Tus clientes inician sesión en tu propio dominio (por ejemplo, chat.your-agency.com). El asistente de configuración en Cuenta → Configuración de marca blanca te guía paso a paso:
- Introduce tu Dominio, se recomienda un subdominio como
chat.your-agency.com. - Crea un registro DNS en tu proveedor de DNS:
Tipo Nombre Valor TTL CNAME chat.your-agency.comconnect.webchatagent.com300 - Haz clic en Comprobar DNS ahora. Una vez propagado el registro (normalmente minutos, hasta 24 horas según tu proveedor), el dominio se marca como Verificado.
El certificado TLS para tu dominio se emite automáticamente en la primera visita, sin necesidad de subir ningún certificado.
connect.webchatagent.com (solo DNS). Si usas Cloudflare para tu propia zona, establece el registro en "Solo DNS" (nube gris), sin proxy.Una vez verificado, el dominio aparece en Settings → Cuenta con un distintivo verde y tu plataforma estará accesible en https://chat.your-agency.com.
2. Marca
En Settings → Cuenta → Marca puedes controlar la apariencia de la plataforma para tus clientes:
| Campo | Usado en |
|---|---|
| Nombre de la plataforma | Título del Navegador, encabezado del Panel, todos los correos |
| URL del logo | Barra lateral del Panel, página de inicio de sesión, encabezado del correo |
| URL del favicon | Pestaña del Navegador |
| Color primario | Botones, enlaces, elementos destacados en todo el Panel |
| Texto Powered-by y URL | Línea de atribución opcional en el Widget de chat |
| Texto de pie de email | Pie de cada correo enviado a tus clientes |
| URL de aviso legal y privacidad | Enlaces legales en correos, dirígelos a páginas de tu propio Sitio web |
Los cambios se aplican a toda la plataforma tras guardar.
3. SMTP (tu propio servidor de correo)
Todos los correos electrónicos para tus clientes, como invitaciones, restablecimientos de contraseña o notificaciones, se envían a través de tu Servidor SMTP con tu Dirección del remitente. Esto es obligatorio: sin una Configuración SMTP operativa, no se enviará ningún correo para tu organización (la plataforma nunca recurre a su propio remitente, ya que revelaría la identidad de la plataforma y rompería SPF/DKIM).
Configúralo en Settings → Cuenta → Correo / SMTP:
| Campo | Ejemplo |
|---|---|
| Host SMTP | smtp.your-domain.com |
| Puerto | 587 (predeterminado) |
| TLS/SSL | según tu Servidor |
| Usuario / Contraseña | tus credenciales SMTP |
| Nombre del remitente | Your Brand |
| Dirección del remitente | noreply@your-domain.com |
Usa la opción de enviar correo de prueba para verificar la Configuración antes de invitar a los clientes.
4. Integración del Widget bajo tu marca
El script del Widget servido desde tu dominio utiliza etiquetas de elementos neutrales respecto a la marca. Proporciona a tus clientes finales fragmentos con <chat-widget> (flotante) o <chat-agent-inline> (integrado), cargados desde tu dominio de marca blanca:
<script src="https://chat.your-agency.com/widget/chat-widget.js" async></script>
<chat-widget chatbot-id="THEIR_CHATBOT_ID"></chat-widget>
Lo mismo se aplica a los Datos de contexto de sesión: además del atributo neutral context-data, el Widget acepta los nombres de JavaScript neutrales window.chatWidgetContext (variable global, puede definirse antes de que cargue el script) y el evento chat-widget:context. Para el consentimiento de cookies, el evento neutral chat-widget:consent funciona junto con el evento de marca. Documenta estos nombres neutrales para tus clientes finales; sus páginas nunca necesitarán hacer referencia a la plataforma.