Personalización | UserGuiding

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

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.

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

Un tema, consistente en todas partes