Puedes personalizar Notiondesk Messenger para que coincida con tu marca y decidir a qué pueden acceder los visitantes desde el widget.
La personalización de Messenger incluye sus colores, lanzador, diseño, pantalla de inicio, módulos de soporte, idiomas y dominios web permitidos.
Personaliza los colores y la marca.
Utiliza la configuración de apariencia de Messenger para que Messenger combine con tu sitio web o aplicación.
Puedes personalizar los colores que se utilizan en Messenger, incluyendo:
- Color primario
- color de fondo
- Colores del texto
- Colores del encabezado
- Colores del lanzador
- Colores de mensajes de IA y para visitantes
- Colores de entrada
También puedes configurar las fuentes que se utilizan en Messenger.
Estos ajustes de marca se controlan desde Notiondesk en lugar de a través del SDK de JavaScript.
Personaliza el lanzador de Messenger
El lanzador es el botón que los visitantes utilizan para abrir Messenger.
Puedes personalizar:
- Si se muestra el lanzador
- Posición del lanzador
- Forma del lanzador
- Espacio lateral
- Espacio inferior
- Colores del lanzador
- Icono de lanzador personalizado
Cambiar la posición del lanzador
Messenger puede aparecer en cualquiera de las esquinas inferiores de su sitio web:
- Abajo a la derecha
- Abajo a la izquierda
Elige la posición que evite que se superponga con la navegación de tu sitio web, los controles de cookies, las herramientas de accesibilidad u otros elementos flotantes.
Cambiar la forma del lanzador
El lanzador puede usar:
- Cuadrado redondeado
- Círculo
Elige la forma que mejor se adapte a tu interfaz.
Utiliza un lanzador personalizado
Puedes ocultar completamente el lanzador estándar Notiondesk y abrir Messenger desde tu propia interfaz.
Por ejemplo, podrías abrir Messenger desde:
- Un botón de Ayuda en su navegación
- Un botón de contacto con el soporte
- Menú de tu cuenta
- Un botón flotante que ya utilizas
- Una sección de soporte dentro de su aplicación
Desactive la opción Mostrar lanzador en la configuración de Messenger y, a continuación, utilice el SDK de JavaScript de Messenger Notiondesk para abrir o alternar Messenger.
Por ejemplo:
Consulte Control Notiondesk Messenger con el SDK de JavaScript para ver ejemplos de lanzadores personalizados y controles del SDK.
Elige el diseño predeterminado de Messenger
Notiondesk Messenger admite diferentes diseños según cómo quieras que aparezca el soporte dentro de tu producto.
Los diseños disponibles incluyen:
helpButton.addEventListener("click", () => {
void notiondesk.toggle();
});- Flotante: Messenger se abre como un panel flotante sobre su sitio web.
- Barra lateral: Messenger se abre como un panel lateral de altura completa.
- Pantalla completa: Messenger utiliza la ventana gráfica disponible.
Configura el diseño predeterminado desde la configuración de Messenger.
Messenger también se adapta automáticamente a pantallas más pequeñas para que los visitantes puedan usarlo cómodamente en dispositivos móviles.
Elige qué módulos de Messenger están disponibles
Messenger puede contener varios módulos de soporte.
| Módulo | Objetivo |
|---|---|
| Hogar | Pantalla de inicio personalizada con contenido de soporte y accesos directos. |
| Mensajes | Conversaciones de soporte impulsadas por IA |
| Ayuda | Explora y busca en tu centro de ayuda |
| Contacto | Contacta con tu equipo de soporte. |
| Registro de cambios | Consulta las últimas actualizaciones de tus productos. |
Habilita únicamente los módulos que sean relevantes para tu experiencia de soporte.
Mensajes
El módulo Mensajes proporciona conversaciones con inteligencia artificial dentro de Messenger.
Se debe conectar y configurar un chatbot de IA Notiondesk para este módulo.
Los visitantes pueden usar la función de Mensajes para hacer preguntas y recibir respuestas basadas en el contenido de soporte que ofrezcas.
Ayuda
El módulo de Ayuda permite a los visitantes acceder a su centro de ayuda sin salir de su sitio web.
Los visitantes pueden explorar categorías, abrir artículos y buscar en tu documentación directamente dentro de Messenger.
Contacto
El módulo de Contacto ofrece a los visitantes una forma de ponerse en contacto con su equipo cuando el soporte de autoservicio no es suficiente.
Registro de cambios
El módulo Changelog muestra las actualizaciones de tus productos publicados directamente en Messenger.
Esto permite a los clientes descubrir nuevas funciones y mejoras sin salir de la aplicación.
Personaliza los idiomas de Messenger
Configura los idiomas disponibles en Messenger y elige el idioma predeterminado.
Los visitantes solo pueden seleccionar los idiomas habilitados para Messenger.
Si tu aplicación ya conoce el idioma preferido del visitante, también puedes configurar el idioma de Messenger mediante programación con el SDK de JavaScript:
notiondesk.setLanguage("fr");El idioma solicitado también debe estar habilitado en la configuración de Messenger.
Consulte Control Notiondesk Messenger con el SDK de JavaScript para la sincronización del lenguaje en tiempo de ejecución.
Restringir Messenger a dominios de confianza
Puedes restringir tu Messenger para que solo se cargue en dominios web aprobados.
Utilice dominios de confianza cuando Messenger solo deba integrarse en sitios web y aplicaciones que usted controle.
Por ejemplo, podrías permitir:
Cuando se configuran dominios de confianza, Messenger no se cargará desde un sitio web no autorizado.
Esto resulta especialmente útil cuando Messenger expone funciones de atención al cliente destinadas únicamente a tu propia aplicación.
www.example.com
app.example.com