Solicitação

Quero alterar o texto nos botões Avançar, Voltar ou Concluído nas minhas etapas.

Solução

Alterar o texto do botão para as etapas pode ser feito usando CSS.

CSS

Localizar ID da etapa

Primeiro, você precisa localizar o ID da etapa do Smart Walk-Thru seguindo estas etapas:

1. No editor, abra o Smart Walk-Thru
2. Clique na etapa que deseja atualizar
3. No cabeçalho, selecione Copiar ao lado do ID da etapa
   
4. Cole o ID no lugar de "XXXXX" nas soluções CSS fornecidas neste artigo

Editar CSS global

1. No editor, clique em Configurações
2. Selecione Editar CSS global
   
   
3. Insira o CSS personalizado no editor de CSS
   
4. Clique em Salvar
5. Clique em Publicar configurações

Alterar o texto do botão Próximo

Substitua as palavras "novo texto" pelo texto preferido.

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 {

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: "novo texto" !important;

visibilidade: visível !important;

font-size: 12px !important;

}

Alterar o texto do botão Voltar

Substitua as palavras "novo texto" pelo texto preferido.

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: "novo texto" !important;

visibilidade: visível !important;

font-size: 12px !important;

}

Alterar o texto do botão Concluído

Substitua as palavras "novo texto" pelo texto preferido.

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-button.walkme-action-done.walkme-click-and-hover span.walkme-custom-balloon-button-text::before {

content: "novo texto" !important;

visibilidade: visível !important;

font-size: 12px !important;

}