Solicitud

Quiero una forma de cambiar el texto en los botones "siguiente", "atrás" o "listo" en mis pasos.

Solución

Cambiar el texto del botón de los pasos se puede lograr utilizando CSS.

CSS

Buscar ID de paso

En primer lugar, debes localizar el ID de paso de Smart Walk-Thru de la siguiente manera:

1. Haz clic en el paso que deseas actualizar en el editor
2. Abre la pestaña Notas
3. Copia el ID junto a "Para ajustes de CSS, utiliza el ID del globo:"
4. Pega el ID en lugar de "XXXXX" en las soluciones CSS proporcionadas en este artículo

Editar CSS global

1. Haz clic en Editar CSS global en el menú de ajustes del Editor de WalkMe
2. Introduce el CSS personalizado en el editor CSS
3. Haz clic en Guardar
4. Haz clic en Publicar ajustes

Cambiar el texto del botón Siguiente

Reemplaza las palabras “nuevo texto” con el texto que prefieras.

div#walkme-balloon-XXXXXXX button.walkme-custom-balloon-button.walkme-custom-balloon-normal-button.walkme-custom-balloon-next.walkme-action-next.walkme-click-and-hover span.walkme-custom-balloon-button-text {

font-size:0px !important;

}

div#walkme-balloon-XXXXXXX button.walkme-custom-balloon-button.walkme-custom-balloon-normal-button.walkme-custom-balloon-next-button.walkme-action-next.walkme-click-and-hover span.walkme-custom-balloon-button-text::before {

content: "nuevo texto" !important;

visibility: visible !important;

font-size: 12px !important;

}

Cambiar el texto del botón Atrás

Reemplaza las palabras “nuevo texto” con el texto que prefieras.

div#walkme-balloon-XXXXXXX button.walkme-custom-balloon-button.walkme-custom-balloon-normal-button.walkme-custom-balloon-back-button.walkme-action-back.walkme-click-and-hover span.walkme-custom-balloon-button-text {

font-size: 0px!important;

}

div#walkme-balloon-xxxxxxx button.walkme-custom-balloon-button.walkme-custom-balloon-weak-button.walkme-custom-balloon-back-button.walkme-action-back.walkme-click-and-hover span.walkme-custom-balloon-button-text::before {

content: "nuevo texto" !important;

visibility: visible !important;

font-size: 12px !important;

}

Cambiar el texto del botón Listo

Reemplaza las palabras “nuevo texto” con el texto que prefieras.

div#walkme-balloon-xxxxxxx button.walkme-custom-balloon-button.walkme-custom-balloon-normal-button.walkme-custom-balloon-done-button.walkme-action-done.walkme-click-and-hover span.walkme-custom-balloon-button-text {

font-size: 0px !important;

}

div#walkme-balloon-xxxxxxx button.walkme-custom-balloon-button.walkme-custom-balloon-normal-button.walkme-custom-balloon-done.walkme-action-done.walkme-click-and-hover span.walkme-custom-balloon-button-text::before {

content: "nuevo texto" !important;

visibility: visible !important;

font-size: 12px !important;

}

Cambiar el texto del botón con la configuración multilingüe