Flujos de estilo y temas
Aprenda a diseñar sus flujos y a crear temas para contenido de diseño estandarizado y repetible.
Nos centramos en brindarte configuraciones predeterminadas atractivas para que puedas crear contenido de Flow rápidamente. Además, te ofrecemos una personalización mucho más profunda de tu estilo, para que tu contenido se sienta acorde con la marca y nativo de tu aplicación (es decir, que parezca que pertenece a ella).
Hay dos herramientas que utilizarás para personalizar la apariencia de tus Flows: Temas y la Minibarra .
Tenga en cuenta que los temas actualmente solo funcionan para flujos web y pines .
Uso de temas
Los temas sirven para crear contenido de Flow estandarizado y repetible en Appcues . Los usamos para que nuestros diseñadores de producto puedan configurar los valores predeterminados, lo que da a nuestros compañeros de equipo mayor dom para crear mensajes. Ahora sabemos que todos se verán acordes con la marca.
Los temas de tu cuenta incluyen opciones de fuentes, colores y opciones de personalización como la opacidad del fondo. ¡Incluso puedes controlar la apariencia de las balizas para pines, puntos de acceso y descripciones emergentes! Si quieres saber más sobre los temas de tu cuenta, haz clic aquí.
Administrar su tema predeterminado
Al crear tu cuenta, uno de los temas Appcues se establecerá como predeterminado. Este tema se usará para todos los flujos nuevos que se creen.
Si desea actualizar el tema predeterminado, puede hacerlo seleccionando los tres puntos del nuevo tema y seleccionando "Establecer como predeterminado". Esto hará que cualquier flujo nuevo que se cree use este tema como predeterminado. Esto no afectará a los flujos existentes.
¡Editar los temas que usan tus Flows existentes afectará esos Flows tan pronto como los guardes, así que ten cuidado!
Agregar fuentes personalizadas
Tus temas también pueden incluir la tipografía que elijas, importada con fuentes de Google, Typekit o CSS personalizado. Consulta este artículo de ayuda para obtener más información.
Uso de CSS personalizado
Si las opciones de Temas no son suficientes, también puedes personalizar tu tema con CSS personalizado. La sección de CSS personalizado de Temas admite cualquier personalización de CSS que necesites. Para encontrar los selectores adecuados, consulta esta guía.
El CSS personalizado prevalecerá sobre los ajustes de la configuración del tema. Si no ves el cambio en la vista previa, ajusta tu CSS personalizado.
NOTA: Los CSS personalizados no se aplican a los pines en este momento.
El minibar
La minibarra permite aplicar estilo a los componentes dentro del Constructor Appcues . Para cada tipo de componente, elija opciones como el estilo de fuente, la alineación y el espaciado.
Opciones de estilo avanzadas
CSS personalizado para patrones específicos
A continuación puede encontrar nuestros artículos de ayuda para estilos CSS específicos: