Configurar los ajustes del widget
Personalice su widget de autoservicio para que coincida con su marca y flujo de trabajo de soporte. Todos los ajustes se actualizan en la vista previa en tiempo real antes de guardar.
Necesitará acceso de administrador o propietario para personalizar los ajustes del widget.
Acceder a los ajustes del widget
Abra su panel de control de Ferndesk
Vaya a Centro de ayuda → Widget
Haga clic en Personalizar
Imagen de marca
Controle la identidad visual de su widget:
Logotipo: Suba archivos PNG, JPG o SVG (se recomiendan 512x512px)
Color principal: Color de marca para botones y acentos
Esquema de colores: Elija modo de sistema, claro u oscuro
Fuente de encabezado: Elija entre Google Fonts
Fuente de cuerpo: Elija entre Google Fonts
Los logotipos cuadrados funcionan mejor. El widget ajusta automáticamente el tamaño de las imágenes para que encajen.
Lanzador
Personalice el botón flotante y su ubicación en la página. El lanzador es el botón en el 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éjelo vacío para la detección automática basada en el contraste del fondo del botón, o elija un color hexadecimal específico
Posición
Elija 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 un lanzador en la parte inferior derecha lo abre desde la derecha.
Margen
Controle 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, 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: "¿En qué podemos ayudarle?")
Fondo: Elija un color, imagen o degradado detrás del encabezado
Color: Seleccione un color de fondo sólido
Imagen: Elija una imagen de Plantillas o Unsplash, o suba la suya propia
Degradado: Seleccione un fondo degradado preestablecido
Respuestas de IA
Active el chat con tecnología de IA para ayudar a los clientes a encontrar respuestas mediante consultas en lenguaje natural. Cuando se activa, el widget muestra una interfaz de chat que sintetiza las respuestas de sus artículos publicados con citas en línea.
El asistente de IA solo busca contenido publicado. Asegúrese de haber publicado artículos relevantes antes de activar esta función.
Enlaces
Añada hasta 5 enlaces de acceso rápido a su widget. Cada enlace incluye:
Icono: Elija entre los iconos disponibles
Etiqueta: Texto del enlace
URL: Destino (interno o externo)
Arrastre y suelte para reordenar los enlaces.
Contacto
Elija cómo los clientes se comunican con su equipo de soporte. La sección de Contacto tiene tres pestañas: Correo electrónico, Enlace e Integración.
Correo electrónico
Muestre un formulario de contacto que envíe mensajes a su 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 archivos: 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 en total
Ajustes del formulario de contacto
Configurar:
Dirección de correo electrónico de soporte: Dónde se envían los mensajes
Título de contacto: Encabezado en la página de contacto
Descripción de contacto: Explicación breve
Texto del botón: Etiqueta del botón de envío (predeterminado: "Ponerse en contacto")
Si un visitante comienza a completar el formulario de contacto pero cierra el widget o navega fuera, su borrador se conserva. Cuando vuelven a abrir el widget, se restauran 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
Redirigir a los usuarios a una página de soporte externa o un sistema de tickets.
URL del enlace de contacto: URL de destino
Texto del botón: Etiqueta del botón
Las subidas de archivos solo están disponibles con el método de contacto por correo electrónico.
Integración
Transferencia a su plataforma de chat existente cuando los visitantes hacen 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 su contenido de autoservicio.
Plataformas compatibles:
Intercom: Abre el Intercom Messenger
Crisp: Abre 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 instale su widget en su sitio con el lanzador predeterminado oculto. Consulte Uso de Ferndesk con otras plataformas de chat para obtener instrucciones de configuración.
Ninguno
Oculte la opción de contacto para un soporte totalmente de autoservicio.
Traducciones
Traduzca las cadenas de la interfaz de usuario de su widget a varios idiomas. Los visitantes verán el widget en el idioma que coincida con el idioma principal de su centro de ayuda o el idioma que hayan seleccionado.
Para cada idioma:
Seleccione un campo para traducir
Haga clic en Volver a traducir con IA para generar traducciones automáticamente
O edite manualmente el texto de la traducción
Previsualice las actualizaciones en tiempo real a la derecha
Las traducciones del widget se sincronizan con los idiomas de su centro de ayuda. Añada primero los idiomas en Centro de ayuda → Traducir.
El widget se muestra automáticamente en el idioma correspondiente cuando los visitantes navegan por su centro de ayuda traducido.
Desarrollado por
Active o desactive el enlace "Desarrollado por Ferndesk" en el pie de página del widget.
Instalar
Copie el fragmento de código de inserción y péguelo en el HTML de su sitio antes de la etiqueta de cierre </body>. El fragmento incluye su ID de widget único y carga el widget automáticamente.
Los cambios en los ajustes del widget se aplican inmediatamente a su widget en vivo después de guardarlos.