Ferndesk
Personalización

Cómo personalizar tu centro de ayuda

Personaliza la marca, la navegación y las funciones de tu centro de ayuda desde la interfaz de personalización. Todos los cambios se previsualizan en tiempo real antes de que guardes.

Se requiere acceso de administrador o propietario para personalizar tu centro de ayuda. Accede desde Dashboard > Help Center > Customize.

Marca

Controla la identidad visual de tu centro de ayuda:

  • Logo: Logotipos separados para los modos claro y oscuro

    • Modo claro: Logo que se muestra cuando los usuarios ven tu centro de ayuda en modo claro, o cuando el esquema de color está configurado en Light

    • Modo oscuro: Logo que se muestra en modo oscuro (opcional). Si no subes un logo para modo oscuro, se usará el logo del modo claro

  • Texto del logo: Añade texto junto a tu logo

  • Favicon: Configura el icono de la pestaña del navegador (16x16px)

  • Color primario: Color principal para enlaces y botones

  • Color complementario: Color de acento secundario

  • Esquema de color: Elige el modo System (auto), Light o Dark

Ambos logotipos usan el tamaño recomendado de 512x512px. Puedes subir solo un logo para modo claro si quieres que el mismo logo aparezca en todos los temas, o añadir un logo separado para modo oscuro para mejorar la visibilidad en entornos oscuros.

Aprende a usar fuentes personalizadas

Encabezado

Configura la sección superior de tu centro de ayuda:

  • Título del encabezado: Texto principal en la parte superior de tu centro de ayuda

  • Subtítulo del encabezado: Texto de apoyo debajo del título

  • Mostrar artículos destacados: Muestra artículos populares en el encabezado

Añade enlaces personalizados a tu centro de ayuda. Cada área admite hasta 3 enlaces:

  • Enlaces del encabezado: Navegación en la barra superior

  • Enlaces del pie de página: Navegación en la parte inferior

  • Enlaces de la barra lateral: Enlaces personalizados con iconos en la barra lateral

Para cada enlace, especifica la etiqueta, la URL y un icono opcional. Arrastra para reordenar.

Desarrollado por

Controla si el enlace de crédito de Ferndesk aparece en el pie de página de tu centro de ayuda.

  • Mostrar enlace de desarrollado por: Actívalo para mostrar un pequeño enlace "Powered by Ferndesk" en el pie de página

Los nuevos centros de ayuda lo tienen activado de forma predeterminada. Desactívalo si prefieres un pie de página completamente sin marca.

Contacto

Configura cómo los usuarios contactan con tu equipo de soporte desde el centro de ayuda. Cuando está activado, aparece un botón de Contacto en el encabezado y en el menú móvil. Al hacer clic, se abre un panel de contacto nativo con un formulario de mensaje.

Formulario de contacto

El panel de contacto alojado recopila:

  • Tu nombre

  • Tu correo electrónico

  • Asunto

  • Un cuerpo del mensaje

Los visitantes pueden adjuntar imágenes usando el botón Adjuntar imágenes. Después del envío, el formulario envía el correo al proveedor de Contact configurado.

Comportamiento de derivación a IA

Elige cuándo el asistente de IA ofrece una vía para contactar con tu equipo. En Comportamiento de derivación a IA, selecciona AI decides, Always visible o Off. Consulta Comportamiento de escalado y derivación a IA para ver cómo afecta cada opción a la experiencia del centro de ayuda.

Activa Redactar un resumen de derivación para que la IA genere un resumen de la conversación antes de la derivación.

Apariencia del contacto

Personaliza el botón y el panel de contacto:

  • Título de contacto: Encabezado en el panel de contacto

  • Descripción del contacto: Breve explicación que se muestra en el panel

  • Texto de CTA: Etiqueta del botón en el encabezado del centro de ayuda

Respuestas de IA

Activa la asistencia impulsada por IA en tu centro de ayuda. Cuando está activada, los usuarios pueden hacer preguntas en lenguaje natural y obtener respuestas instantáneas de tu base de conocimientos con citas.

Requiere al menos un artículo publicado para funcionar.

Las respuestas de IA funcionan de forma independiente de tus configuraciones de IA del widget. Configura cada una por separado.

Idioma

Establece el idioma predeterminado para los elementos de la interfaz, los mensajes de búsqueda y los saludos del asistente de IA. Opciones disponibles: English, French, Spanish y German.

Esto afecta solo a la interfaz, no al contenido de los artículos. Los artículos se muestran en el idioma en el que fueron escritos.

SEO

Optimiza tu centro de ayuda para los motores de búsqueda y la compartición en redes sociales:

  • Título de la página: Título de la pestaña del navegador y del resultado de búsqueda (se recomiendan entre 50 y 60 caracteres)

  • Meta descripción: Descripción del resultado de búsqueda (se muestra un límite de 160 caracteres)

  • Imagen SEO: Imagen de vista previa para compartir en redes sociales (se recomiendan 1200x630px)

Dominio personalizado

Conecta un subdominio (como help.yourcompany.com) a tu centro de ayuda. Configurarás un registro CNAME que apunta a cname.ferndesk.cloud. El estado muestra pendientes, activo o error.

Solo se admiten subdominios. No se pueden usar dominios apex (yourcompany.com). Los cambios de DNS pueden tardar hasta 48 horas en propagarse.

Para obtener instrucciones detalladas de configuración, consulta Conectar un dominio personalizado.

Configuración avanzada

Inyecta código personalizado en tu centro de ayuda:

  • Código del head: Añade scripts, hojas de estilo o etiquetas meta a la sección <head>

  • Código del body: Añade scripts o HTML a la sección <body>

El código personalizado no está disponible durante la prueba. Cambia a un plan de pago para acceder a las funciones de código personalizado del head y del body.

Redirecciones

Crea redirecciones de URL para conservar los enlaces al reestructurar el contenido. Especifica la ruta antigua (From) y el nuevo destino (To). Ambas rutas deben comenzar con /.

Para obtener instrucciones paso a paso sobre cómo añadir y administrar redirecciones, consulta Gestionar redirecciones del centro de ayuda.

Guardado de cambios

Haz clic en Guardar en la esquina superior derecha para aplicar todos los cambios de inmediato. Puedes volver en cualquier momento para hacer ajustes.

Los cambios surten efecto inmediatamente después de guardar. Visita tu centro de ayuda en vivo para ver cómo aparecen las personalizaciones a los usuarios.

Problemas comunes

El logo aparece pixelado

Causa: La imagen que subiste es más pequeña que el tamaño recomendado, por lo que Ferndesk la amplía y se ve borrosa.

Solución: Usa una imagen de mayor resolución. Recomendado: 512x512px para el logo y 16x16px para el favicon.

El dominio personalizado muestra un error

Causa: Falta el registro CNAME, apunta al destino incorrecto o el DNS aún se está propagando.

Solución: Verifica que tu registro CNAME apunte a cname.ferndesk.cloud. Los cambios de DNS pueden tardar hasta 48 horas en propagarse.

El asistente de IA dice "no pudo encontrar información"

Causa: El asistente de IA solo busca artículos publicados. Si no hay artículos publicados que coincidan con la pregunta, la IA no puede generar una respuesta.

Solución: Publica al menos un artículo. La IA no usa borradores ni cambios no publicados.

Error de validación del botón de contacto

Causa: El formato de la dirección de correo electrónico no es válido o falta https:// en la URL.

Solución: Revisa el formato del correo electrónico y asegúrate de que cualquier URL incluya https://.

No se pueden añadir más enlaces de navegación

Causa: Cada área de navegación tiene un límite de 3 enlaces.

Solución: Elimina un enlace existente antes de añadir uno nuevo, o añade el enlace en un área diferente.

No se pudo cargar la vista previa

Causa: Una extensión del navegador, un bloqueador de anuncios o rastreadores, o un problema temporal de red impidió que el iframe de vista previa incrustado se cargara en 15 segundos. Tu dominio personalizado también puede estar desconectado.

Solución: El panel de error muestra dos opciones:

  • Haz clic en Reintentar para volver a cargar el iframe de vista previa con una solicitud nueva.

  • Haz clic en Abrir en una nueva pestaña para ver el centro de ayuda en vivo en una nueva pestaña del navegador.

Qué sigue

¿Te fue útil?