Please log in to continue
WalkMe stores your data in the region chosen during account setup.
We have data centers in the US and EU that follow local privacy and compliance laws. If you're not sure which region to select, check with your admin.
Las hojas de estilo en cascada (CSS) te permiten aplicar una personalización avanzada a las encuestas, incluidos elementos como la fuente, el fondo y el borde.
Se pueden utilizar CSS para personalizar las Surveys de WalkMe y las Surveys de NPS:
Las hojas de estilo en cascada (CSS) son un lenguaje de hojas de estilo utilizado para describir el formato de un documento escrito en un lenguaje de marcado. Al escribir CSS, deberás referirte a los diferentes componentes (técnicamente conocidos como elementos) de la encuesta. Al escribir en la ventana CSS Personalizada, WalkMe muestra las opciones de autocompletado para los selectores, propiedades y valores.
Cada encuesta incluye una serie de componentes o elementos que se pueden personalizar con CSS.
Por ejemplo, puedes seleccionar la sección de título de una encuesta utilizando esta clase:
Consulta la lista completa de clases.
Se puede acceder a CSS global desde el editor.
Por defecto, el diseño del tema de WalkMe anula cualquier otro cambio de diseño en un globo o aplicación.
Para que se aplique CSS, la regla CSS debe contener "!important" para garantizar que anule el estilo por defecto.
Por ejemplo:
#walkme-survey-balloon-37897 .walkme-survey-title {
color: #000 !important;
}
| DIV | Funciones editables |
| #walkme-survey-balloon-XXXXX | Los principales componentes de la encuesta, que incluyen:
|
| .walkme-survey-title | Título de la encuesta, que incluye lo siguiente:
|
| .walkme-survey-question-title | Preguntas de la encuesta, que incluyen:
|
| #walkme-survey-answer-text-XXXXXX | Respuestas de encuestas, que incluyen:
|
| #walkme-survey-answer-radiobutton-XXXXX | Botones de radio de respuesta a la encuesta, que incluyen:
|
| .walkme-click-and-hover.walkme-custom-balloon-close-button.walkme-action-close.walkme-inspect-ignore | Botón "Cerrar" de la encuesta, que incluye:
|
| .walkme-custom-balloon-content-wrapper | Contenido general de la encuesta y texto, que incluye:
|
| DIV | Funciones editables |
| .walkme-survey-question-nps-answers | Todas las respuestas de la encuesta de NPS (generalmente de 0 a 10), incluyendo:
|
| .walkme-survey-nps-answer seleccionado .walkme-survey-answer-label-nps-radiobutton | La respuesta de NPS seleccionada, que incluye:
|
|
Etiquetas de puntaje alto y bajo, que incluyen:
|
| .walkme-custom-side-border | Borde lateral de la encuesta, que incluye:
|
#walkme-survey-id-XXXXXX .walkme-survey-title {
font-size: XXpx !important;
}
#walkme-survey-balloon-XXXXX .walkme-custom-side-border{
background-color: #XXXXXX !important;
}
#walkme-survey-balloon-XXXXX .walkme-custom-balloon-submit-button{
background-color: #XXXXXX !important;
}
#walkme-survey-question-nps-answers-XXXX .walkme-survey-nps-answer {
margin: XXpx !important;
}
#walkme-survey-balloon-XXXXX .walkme-custom-balloon-content {
font-family: (aquí la fuente) !important;
}
.walkme-survey-question-nps-answers.selected .walkme-survey-nps-answer.selected label {
background: XXX !important;
border-color: XXX !important;
}
.walkme-survey-answer-label-nps-radiobutton.walkme-survey-answer-label-nps-radiobutton-unchecked:hover {
background: XXX !important;
border-color: XXX !important;
}
#walkme-survey-balloon-XXXXXX {
ancho: 650 px !important;
altura: auto !important;
}
#walkme-survey-balloon-XXXXXX .walkme-custom-balloon-mid-div {
ancho: 650 px !important;
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%,-50%) !important;
}
.walkme-survey-balloon .walkme-survey-question-mandatory {
color: #ff0000 !important;
}
Puedes cambiar el texto de los botones de la encuesta en la página Multilingüe de la consola.
