Personalización

Haz Que Cada Experiencia In-App Parezca
Que Tú la Creaste

Crea temas personalizados con tus fuentes, colores y estilos de botón. Aplícalos en guías, hotspots,
modales, banners, encuestas y checklists. Agrega CSS cuando necesites control total.

Un tema, consistente en todas partes

El editor de Temas de UserGuiding te permite definir los colores, fuentes, redondeo de botones y tipografía de tu marca en un solo lugar. Cada guía, tooltip, hotspot, modal, banner, checklist y encuesta que crees hereda ese tema automáticamente, para que tu contenido in-app se vea nativo desde el primer día.

¿Necesitas más control? Cambia a la pestaña CSS dentro de cualquier tema y escribe estilos personalizados directamente. Incorpora fuentes personalizadas a través de Google Fonts o tu propia URL CSS, activa o desactiva barras de progreso y números de paso, y localiza el texto de botones como "Siguiente" y "Anterior" en cualquier idioma.

Qué puedes hacer con Personalización

Construye una experiencia in-app totalmente personalizada con temas, CSS personalizado y controles de localización.

Temas e identidad de marca

  • Crea temas personalizados con controles visuales para colores, fuentes y estilos de botón
  • Aplica un tema en todas las guías, hotspots, modales, banners, encuestas y checklists a la vez
  • Asigna temas diferentes a contenidos diferentes (ej.: un tema para onboarding, otro para anuncios de funcionalidades)
  • Elimina la marca UserGuiding automáticamente en todos los planes de pago
  • Previsualiza los cambios en un panel de vista previa antes de publicar

Tipografía

  • Elige de la lista de fuentes integrada o agrega cualquier Google Font a través de los campos CSS y URL de fuente personalizada
  • Define el color, tamaño y alineación de la fuente por tema
  • Incorpora tus propias fuentes alojadas pegando la regla CSS @import y la URL de la fuente

Estilo de botones

  • Personaliza los colores, redondeo y texto de los botones a través del editor de Temas
  • Cambia el texto de los botones de navegación predeterminados (Siguiente, Anterior, Listo) para que coincidan con la voz de tu producto
  • Agrega botones personalizados con acciones configurables: ir a URL, ejecutar JavaScript, iniciar otra guía, iniciar una encuesta o copiar texto

Beacons de hotspot

  • Define el color, tamaño y forma predeterminados de los beacons globalmente en el editor de Temas
  • Reemplaza beacons individuales con color, tamaño y forma personalizados a través de la Extensión de Chrome
  • Combina los estilos de los beacons con elementos específicos de la interfaz para una mejor integración visual

Personalización CSS

  • Escribe CSS personalizado en la pestaña CSS de cualquier tema para un control de estilo a nivel de píxel
  • Estiliza elementos individuales de onboarding (tooltips, modales, barras de progreso) con selectores CSS
  • Duplica un tema antes de editar para mantener un respaldo funcional

Idioma y localización

  • Traduce todo el texto predeterminado de la interfaz (Siguiente, Anterior, Enviar, Listo) a cualquier idioma a través de la pestaña Idioma en Temas
  • Crea temas separados por idioma para un onboarding totalmente localizado
  • Personaliza términos y frases para que coincidan con la terminología de tu producto

Controles de apariencia de guías

  • Muestra u oculta barras de progreso y números de paso por tema
  • Define un tema antes o después de crear una guía a través de la Extensión de Chrome o el Panel
  • Aplica cambios de tema al contenido existente sin recrear guías

Más de 1000 equipos escalan con éxito con UserGuiding

Únase a ellos y dé el primer paso hacia el crecimiento.
Comience su prueba gratuita hoy mismo con confianza.

Donde UserGuiding se une a tu pila de IA

Cuatro formas en las que UG funciona bien con las herramientas de IA que tu equipo ya usa.

Asistente de IA

Responda a las preguntas de los usuarios con IA capacitada en su producto, documentos de ayuda y tono de voz.

MCP Server

Conecta Claude, Cursor y Codex a los datos de tus productos con 17 herramientas, sin integraciones personalizadas.

Análisis sin código

Realice un seguimiento de los clics, los desplazamientos del ratón, el enfoque, las entradas y las páginas vistas sin escribir una línea de código.

Pregúntale a AI

Agregue un panel de chat dentro de su base de conocimientos que responda a las preguntas de los usuarios con citas de sus artículos publicados.

Preguntas Frecuentes

¿Cómo consigo que el contenido de UserGuiding se integre en mi plataforma?

Puede utilizar nuestro constructor de temas para editar todos los componentes del contenido de UserGuiding y adaptarlos al estilo de su marca. Si necesita una mayor personalización, puede utilizar CSS Personalizado y asegurarse de que su contenido UserGuiding es el mismo que tenía en mente.

¿Puedo utilizar diferentes opciones de personalización (temas) para diferentes guías?

Sí, puedes tener varios temas basados en diferentes proyectos y puedes cambiar el tema que quieras utilizar con un contenido específico con un simple clic.

¿Tengo que hacer cambios en las guías individuales y otro tipo de contenidos?

No, puede utilizar el creador de temas de UserGuiding para crear temas personalizados que se apliquen en tiempo real a varias guías a la vez.