Configurar los ajustes del widget
Personaliza tu Self-Service Widget para que coincida con tu marca y tu flujo de trabajo de soporte. Todos los ajustes se actualizan en la vista previa en tiempo real antes de guardar.
Necesitarás acceso de administrador o propietario para personalizar los ajustes del widget.
Acceder a los ajustes del widget
Abre tu panel de control de Ferndesk
Navega a Help Center → Widget
Haz clic en Customize
Branding
Controla la identidad visual de tu widget:
Logo: Sube un PNG, JPG o SVG (recomendado 512x512px)
Primary color: Color de marca para botones y acentos
Color scheme: Elige el modo del sistema, claro u oscuro
Heading font: Elige entre las Google Fonts
Body font: Elige entre las Google Fonts
Los logos cuadrados funcionan mejor. El widget redimensiona automáticamente las imágenes para que encajen.
Launcher
Personaliza el botón flotante y su ubicación en la página. El launcher es el botón en el que los visitantes hacen clic para abrir el widget.
Botón
Button color: Color de fondo del botón del launcher
Button icon: Icono que se muestra dentro del botón del launcher
Button icon color: Color del icono. Déjalo vacío para la autodetección basada en el contraste del fondo del botón, o elige un color hexadecimal específico
Posición
Elige dónde aparece el botón del launcher en la página:
Left: Coloca el launcher en la esquina inferior izquierda
Right: Coloca el launcher en la esquina inferior derecha (predeterminado)
El panel del widget se abre desde el mismo lado que la posición del launcher. Un launcher en la parte inferior izquierda abre el panel desde la izquierda, y un launcher en la parte inferior derecha lo abre desde la derecha.
Margen
Controla el espacio alrededor del botón del launcher:
Side offset: Distancia desde el borde izquierdo o derecho de la ventana (0–128 píxeles, predeterminado: 32)
Bottom offset: Distancia desde el borde inferior de la ventana (0–128 píxeles, predeterminado: 32)
El desplazamiento lateral (side offset) se aplica a la posición seleccionada. Si el launcher está a la izquierda, el side offset controla la distancia desde el borde izquierdo. Si está a la derecha, controla la distancia desde el borde derecho.
Padding
Launcher padding: Espacio interno alrededor del icono dentro del botón (8–40 píxeles, predeterminado: 16)
Encabezado
Title: Encabezado principal (predeterminado: "¿En qué podemos ayudarte?")
Background: Imagen o color de fondo personalizado
Respuestas con IA
Habilita el chat potenciado por IA para ayudar a los clientes a encontrar respuestas mediante consultas en lenguaje natural. Cuando está habilitado, 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 en el contenido publicado. Asegúrate de haber publicado artículos relevantes antes de habilitar esta función.
Enlaces
Añade hasta 5 enlaces de acceso rápido a tu widget. Cada enlace incluye:
Icon: Elige entre los iconos disponibles
Label: Texto del enlace
URL: Destino (interno o externo)
Arrastra y suelta para reordenar los enlaces.
Contacto
Elige cómo se comunican los clientes con tu equipo de soporte. La sección de Contacto tiene tres pestañas: Email, Link e Integration.
Correo electrónico
Muestra un formulario de contacto que envía mensajes a tu correo de soporte. Los clientes pueden adjuntar hasta 3 archivos de imagen (JPEG, PNG, GIF, WebP, HEIC, HEIF) de hasta 5 MB cada uno.
Configurar:
Support email address: Dirección donde se envían los mensajes
Contact title: Encabezado en la página de contacto
Contact description: Breve explicación
Button text: Etiqueta del botón de envío (predeterminado: "Ponte en contacto")
Si un visitante comienza a completar el formulario de contacto pero cierra el widget o navega fuera de la página, se conservará su borrador. Cuando vuelva a abrir el widget, se restaurarán automáticamente su nombre, correo electrónico, asunto, mensaje y cualquier archivo adjunto. Los borradores se borran solo después de un envío exitoso.
Enlace
Redirige a los usuarios a una página de soporte externa o un sistema de tickets.
Contact link URL: URL de destino
Button text: Etiqueta del botón
La carga de archivos solo está disponible con el método de contacto por Email.
Integración
Deriva a tu plataforma de chat actual cuando los visitantes hagan clic en el botón de contacto. El widget de chat permanece oculto hasta que Ferndesk lo abre, de modo que los visitantes vean primero tu contenido de autoservicio.
Plataformas compatibles:
Intercom: Abre el Intercom Messenger
Crisp: Abre el Crisp Live Chat
Help Scout: Abre el Help Scout Beacon
Pylon: Abre el widget de chat de Pylon
Zendesk: Abre el Zendesk Web Widget
Plain: Abre el widget de chat de Plain
Cada plataforma requiere que instales su widget en tu sitio con el launcher predeterminado oculto. Consulta Cómo usar Ferndesk con otras plataformas de chat para las instrucciones de configuración.
Ninguno
Oculta la opción de contacto para un soporte de autoservicio completo.
Traducciones
Traduce las cadenas de la interfaz de usuario 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 el idioma 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 de la traducción
Previsualiza las actualizaciones en tiempo real a la derecha
Las traducciones del widget se sincronizan con los idiomas de tu centro de ayuda. Añade primero los 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.
Powered By
Activa o desactiva el enlace "Powered by 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 tu ID de widget único y carga el widget automáticamente.
Los cambios en la configuración del widget se aplican inmediatamente a tu widget en vivo después de guardar.