Configurar la configuración del widget
Personaliza tu Self-Service Widget para que coincida con tu marca y tu flujo de soporte. Toda la configuración se actualiza en una vista previa en tiempo real antes de guardar.
Se requiere acceso de administrador o propietario para personalizar la configuración del widget.
Acceder a la configuración del widget
Abre tu panel de Ferndesk
Ve a Help Center → Widget
Haz clic en Customize
Marca
Controla la identidad visual de tu widget:
Logo: Sube PNG, JPG o SVG (se recomienda 512x512px)
Color principal: Color de la marca para botones y elementos destacados
Esquema de color: Elige el modo del sistema, claro u oscuro
Fuente del encabezado: Elige entre Google Fonts
Fuente del cuerpo: Elige entre Google Fonts
Los logotipos cuadrados funcionan mejor. El widget redimensiona automáticamente las imágenes para que encajen.
Lanzador
Personaliza el botón flotante y su ubicación en la página. El lanzador es el botón que los visitantes hacen clic para abrir el widget.
Botón
Color del botón: Color de fondo del botón del lanzador
Icono del botón: Icono que se muestra dentro del botón del lanzador
Color del icono del botón: Color del icono. Déjalo vacío para detectar automáticamente según el contraste del fondo del botón, o elige un color hex específico
Posición
Elige dónde aparece el botón del lanzador en la página:
Izquierda: Coloca el lanzador en la esquina inferior izquierda
Derecha: Coloca el lanzador en la esquina inferior derecha (predeterminado)
El panel del widget se abre desde el mismo lado que la posición del lanzador. Un lanzador en la parte inferior izquierda abre el panel desde la izquierda, y uno en la parte inferior derecha lo abre desde la derecha.
Margen
Controla el espacio alrededor del botón del lanzador:
Desplazamiento lateral: Distancia desde el borde izquierdo o derecho del viewport (0–128 píxeles, predeterminado: 32)
Desplazamiento inferior: Distancia desde el borde inferior del viewport (0–128 píxeles, predeterminado: 32)
El desplazamiento lateral se aplica a la posición seleccionada. Si el lanzador está a la izquierda, el desplazamiento lateral controla la distancia desde el borde izquierdo. Si está a la derecha, controla la distancia desde el borde derecho.
Relleno
Relleno del lanzador: Espacio interno alrededor del icono dentro del botón (8–40 píxeles, predeterminado: 16)
Encabezado
Título: Encabezado principal (predeterminado: "How can we help?")
Fondo: Elige un color, una imagen o un degradado detrás del encabezado
Color: Selecciona un color de fondo sólido
Imagen: Elige una imagen de Templates o Unsplash, o sube la tuya propia
Degradado: Selecciona un fondo de degradado preestablecido
Respuestas de IA
Activa el chat con IA para ayudar a los clientes a encontrar respuestas mediante consultas en lenguaje natural. Cuando está activado, el widget muestra una interfaz de chat que sintetiza respuestas a partir de tus artículos publicados con citas en línea.
El asistente de IA solo busca contenido publicado. Publica artículos relevantes antes de activar esta función.
Enlaces
Añade hasta 5 enlaces de acceso rápido a tu widget. Cada enlace incluye:
Icono: Elige entre los iconos disponibles
Etiqueta: Texto del enlace
URL: Destino (interno o externo)
Arrastra y suelta para reordenar los enlaces.
Contacto
Elige cómo los clientes se ponen en contacto con tu equipo de soporte. La sección Contacto tiene tres pestañas: Email, Link e Integration.
Muestra un formulario de contacto que envía mensajes a tu correo de soporte. Los visitantes pueden adjuntar archivos de imagen a sus mensajes.
Requisitos de los archivos adjuntos
Cuando los visitantes adjuntan imágenes a su mensaje de contacto, se aplican los siguientes límites:
Tipos de archivo: JPEG, PNG, GIF, WebP, HEIC, HEIF
Tamaño por archivo: Hasta 5 MB por archivo
Número máximo de archivos: Hasta 3 imágenes por mensaje
Tamaño total: Hasta 15 MB en total
Configuración del formulario de contacto
Configurar:
Dirección de correo de soporte: Dónde se envían los mensajes
Título de contacto: Encabezado en la página de contacto
Descripción de contacto: Breve explicación
Texto del botón: Etiqueta del botón de envío (predeterminado: "Get in touch")
Si un visitante empieza a rellenar el formulario de contacto pero cierra el widget o sale de la página, su borrador se conserva. Cuando vuelve a abrir el widget, su nombre, correo electrónico, asunto, mensaje y cualquier archivo adjunto se restauran automáticamente. Los borradores solo se eliminan después de un envío correcto.
Enlace
Redirige a los usuarios a una página de soporte externa o a un sistema de tickets.
URL del enlace de contacto: URL de destino
Texto del botón: Etiqueta del botón
Las cargas de archivos solo están disponibles con el método de contacto Email.
Integración
Deriva a tu plataforma de chat existente cuando los visitantes hagan clic en el botón de contacto. El widget de chat permanece oculto hasta que Ferndesk lo abre, así los visitantes ven primero tu contenido de autoservicio.
Plataformas compatibles:
Intercom: Abre Intercom Messenger
Crisp: Abre Crisp Live Chat
Help Scout: Abre Help Scout Beacon
Pylon: Abre el widget de chat de Pylon
Zendesk: Abre Zendesk Web Widget
Plain: Abre el widget de chat de Plain
Cada plataforma requiere que instales su widget en tu sitio con el lanzador predeterminado oculto. Consulta Uso de Ferndesk con otras plataformas de chat para obtener instrucciones de configuración.
Ninguno
Oculta la opción de contacto para ofrecer soporte completamente de autoservicio.
Estrategia de escalamiento
Controla cuándo el asistente de IA ofrece una derivación a tu equipo en el widget. En AI handoff behavior, selecciona La IA decide, Siempre visible o Desactivado. Consulta Comportamiento de escalamiento y derivación de IA para ver cómo funciona cada opción.
Activa Draft a handoff summary para que la IA genere un resumen de la conversación antes de la derivación.
La configuración de la estrategia de escalamiento se aplica al asistente de IA del widget. Configura por separado el comportamiento de derivación de IA del centro de ayuda en Help Center > Customize > Contact.
Traducciones
Traduce las cadenas de la interfaz de tu widget a varios idiomas. Los visitantes verán el widget en el idioma que coincida con el idioma principal de tu centro de ayuda o con el idioma que hayan seleccionado.
Para cada idioma:
Selecciona un campo para traducir
Haz clic en Re-translate with AI para generar traducciones automáticamente
O edita manualmente el texto traducido
Vista previa de las actualizaciones en tiempo real a la derecha
Las traducciones del widget se sincronizan con los idiomas de tu centro de ayuda. Primero añade idiomas en Help Center → Translate.
El widget se muestra automáticamente en el idioma adecuado cuando los visitantes navegan por tu centro de ayuda traducido.
Desarrollado por
Activa o desactiva el enlace "Powered by Ferndesk" en el pie de página del widget.
Instalar
Copia el fragmento de código incrustado y pégalo en el HTML de tu sitio antes de la etiqueta de cierre </body>. El fragmento incluye el ID único de tu widget y lo carga automáticamente.
Los cambios en la configuración del widget se aplican de inmediato a tu widget en vivo después de guardar.