Solicitud

Quiero 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

Primero, debes localizar el ID de paso de Smart Walk-Thru siguiendo estos pasos:

1. En el editor, abre el Smart Walk-Thru
2. Haz clic en el paso que deseas actualizar
3. En el encabezado, selecciona Copiar junto al ID de paso
   
4. Pega el ID en lugar de "XXXXX" en las soluciones CSS proporcionadas en este artículo

Editar CSS global

1. En el editor, haz clic en Configuración
2. Selecciona Editar CSS global
   
   
3. Introduce el CSS personalizado en el editor CSS
   
4. Haz clic en Guardar
5. 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;

}