Configurar los ajustes del widget
Personaliza tu widget de autoservicio para que coincida con tu marca y flujo de soporte. Todos los ajustes se actualizan en la vista previa en tiempo real antes de guardar.
Se requiere acceso de administrador o propietario para personalizar los ajustes del widget.
Acceder a los ajustes del widget
Abre tu panel de Ferndesk
Ve a Centro de ayuda → Widget
Haz clic en Personalizar
Marca
Controla la identidad visual de tu widget:
Logotipo: Sube un archivo PNG, JPG o SVG (se recomienda 512x512px)
Color principal: Color de marca para botones y elementos destacados
Esquema de color: Elige el modo del sistema, claro u oscuro
Fuente de los encabezados: Elige entre Google Fonts
Fuente del cuerpo: Elige entre Google Fonts
Los logotipos cuadrados funcionan mejor. El widget cambia automáticamente el tamaño de 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 lanzador
Icono del botón: Icono que se muestra dentro del botón lanzador
Color del icono del botón: Color del icono. Déjalo vacío para detectarlo automáticamente según el contraste con el fondo del botón, o elige un color hexadecimal específico
Texto del botón: Etiqueta opcional que se muestra junto al icono. Déjalo vacío para mantener el lanzador solo con el icono. Admite hasta 40 caracteres, por ejemplo "¿Preguntas?" o "Ver documentación"
Tamaño: Tamaño del icono dentro del lanzador (16–32 píxeles, predeterminado: 24)
Redondeado: Elige Completo para usar un lanzador con forma de píldora o Personalizado para definir tu propio Radio de las esquinas (0–32 píxeles)
Posición
Elige dónde aparece el botón 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 lanzador:
Desplazamiento lateral: Distancia desde el borde izquierdo o derecho de la ventana gráfica (0–128 píxeles, predeterminado: 32)
Desplazamiento inferior: Distancia desde el borde inferior de la ventana gráfica (0–128 píxeles, predeterminado: 32)
El desplazamiento lateral se aplica a la posición seleccionada. Si el lanzador está a la izquierda, 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: "¿Cómo podemos ayudarte?")
Fondo: Elige un color, una imagen o un degradado para colocar detrás del encabezado
Color: Selecciona un color de fondo sólido
Imagen: Elige una imagen de Plantillas o Unsplash, o sube la tuya
Degradado: Selecciona un fondo degradado predefinido
Respuestas de IA
Activa el chat con tecnología de 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 e incluye citas integradas.
El asistente de IA solo busca en el contenido publicado. Publica los 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)
Abrir en una pestaña nueva: Activa o desactiva si el enlace se abre en una pestaña nueva del navegador. Desactívalo para abrir el enlace en la misma pestaña. Tu sitio también puede escuchar los clics mediante el Ferndesk SDK.
Arrastra y suelta para reordenar los enlaces.
Contacto
Elige cómo pueden ponerse en contacto los clientes con tu equipo de soporte. La sección Contacto tiene cuatro pestañas: Formulario, Enlace, Chat y Ninguno.
Formulario
Muestra un formulario de contacto que envía los mensajes a tu correo electrónico 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
Máximo de archivos: Hasta 3 imágenes por mensaje
Tamaño total: Hasta 15 MB combinados
Ajustes del formulario de contacto
Configura:
Dirección de correo de soporte: Dirección a la que se envían los mensajes
Título del contacto: Encabezado de la página de contacto
Descripción del contacto: Breve explicación
Texto del botón: Etiqueta del botón de envío (predeterminado: "Contactarnos")
Si un visitante empieza a completar el formulario de contacto, pero cierra el widget o se va a otra página, su borrador se conserva. Cuando vuelve a abrir el widget, su nombre, correo electrónico, asunto, mensaje y archivos adjuntos se restauran automáticamente. Los borradores solo se eliminan después de enviarlos correctamente.
Enlace
Redirige a los usuarios a una página de soporte externa o a un sistema de gestión 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 Formulario.
Chat
Transfiere la conversación 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, para que los visitantes vean 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 Usar 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 vía de contacto con tu equipo en el widget. En comportamiento de transferencia de IA, selecciona La IA decide, Siempre visible o Desactivado. Consulta Escalamiento y comportamiento de transferencia de IA para saber cómo funciona cada opción.
Activa Redactar un resumen de la transferencia para que la IA genere un resumen de la conversación antes de transferirla.
Los ajustes de la estrategia de escalamiento se aplican al asistente de IA del widget. Configura por separado el comportamiento de transferencia de la IA del centro de ayuda en Centro de ayuda > Personalizar > Contacto.
Traducciones
Traduce las cadenas de la interfaz de tu widget a varios idiomas. Los visitantes ven el widget en el idioma que coincide 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 Volver a traducir con IA para generar traducciones automáticamente
O edita manualmente el texto de la traducción
Consulta la actualización 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 Centro de ayuda → Traducir.
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 "Desarrollado por Ferndesk" en el pie de página del widget.
Instalar
Copia el fragmento de código de inserción 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 carga el widget automáticamente.
Los cambios en los ajustes del widget se aplican inmediatamente a tu widget activo después de guardar.