Ferndesk
Widget de autoservicio

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 una 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

  1. Abre el panel de control de Ferndesk

  2. Navega a Centro de AyudaWidget

    Opción de widget en la navegación lateral
  3. Haz clic en Personalizar

    Personalizar botón del widget en la tarjeta del widget

Branding

Controla la identidad visual de tu widget:

Sección Branding en ajustes del widget
  • Logotipo: Sube PNG, JPG o SVG (recomendado 512x512px)

  • Color primario: Color de marca para botones y acentos

  • Esquema de colores: Elige modo sistema, claro u oscuro

  • Color del botón: Personaliza el fondo del botón lanzador

  • Icono del botón: Selecciona entre los íconos disponibles

  • Color del icono del botón: Establece el color del icono dentro del botón lanzador. Déjalo vacío para detectar automáticamente según el contraste con el fondo del botón, o elige un color hex específico

  • Fuente del título: 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 ajustarse.

Encabezado

Sección Encabezado en ajustes del widget
  • Título: Título principal (por defecto: "¿Cómo podemos ayudar?")

  • Fondo: Color o imagen de fondo personalizada

Respuestas AI

Sección Respuestas AI en ajustes del widget

Activa el chat potenciado por 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 de tus artículos publicados con citas inline.

El asistente de IA solo busca en contenido publicado. Asegúrate de que hayas publicado artículos relevantes antes de activar esta función.

Enlaces

Sección Enlaces en ajustes del widget

Agrega 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

Sección Contacto en ajustes del widget

Selecciona cómo los clientes contactan con tu equipo de soporte:

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 5MB cada uno.

Configura:

  • Dirección de correo de soporte: A donde 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 (por defecto: "Contactar")

Enlace

Redirige a los usuarios a una página externa de soporte o 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 por correo electrónico.

Ninguno

Oculta la opción de contacto para soporte completamente de autoservicio.

Traducciones

Traduce las cadenas de la interfaz de tu widget a múltiples idiomas. Los visitantes ven el widget en el idioma que coincide con el idioma principal de tu centro de ayuda o el idioma que hayan seleccionado.

Para cada idioma:

  1. Selecciona un campo para traducir

  2. Haz clic en Re-translate with AI para generar traducciones automáticamente

  3. O edita manualmente el texto de traducción

  4. Previsualiza las actualizaciones en tiempo real a la derecha

Las traducciones del widget se sincronizan con los idiomas de tu centro de ayuda. Agrega idiomas primero en Centro de AyudaTraducir.

El widget se muestra automáticamente en el idioma apropiado cuando los visitantes navegan por tu centro de ayuda traducido.

Powered By

Sección Powered By en ajustes del widget

Activa o desactiva el enlace "Powered by Ferndesk" en el pie del widget.

Instalar

Sección Instalar con fragmento de código de inserción

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 único de widget y carga el widget automáticamente.

Los cambios en los ajustes del widget se aplican inmediatamente en tu widget en vivo después de guardar.

Artículos relacionados

¿Te fue útil?