Adicionar um passo sem abrir seu aplicativo
Digite o seletor CSS de um elemento no UserSignal para adicionar ou editar um passo e mantenha os tours funcionando quando seu aplicativo mudar.
Se você souber o seletor CSS do elemento, pode adicionar ou editar um passo diretamente no UserSignal. No editor do tour, pressione Add here, typing the element, ou o lápis ao lado de um passo.
O formulário tem tudo o que o construtor oferece: tooltip ou pop-up, o elemento, título e texto, uma imagem, GIF ou vídeo, posição, como o passo avança, o que o Next faz, e um botão de link. Um tooltip precisa de um elemento; um pop-up não.
Escrevendo um seletor
- Um id:
#save-button. - Uma classe:
.nav .payments. - Um atributo:
[data-usersignal-target="invite"].
Se vários elementos corresponderem, o tour usa o primeiro visível na tela.
Mantenha os tours funcionando quando seu aplicativo mudar
Um seletor construído a partir de classes geradas ou da posição do elemento quebra na próxima vez que o layout do seu aplicativo mudar. A maneira mais duradoura é dar aos elementos que seus tours apontam um atributo próprio:
<button data-usersignal-target="new-report">New report</button>Quando você seleciona um elemento no construtor, ele usa primeiro data-usersignal-target, depois ids de teste como data-testid, depois ids e os nomes de classe escritos pela sua equipe, evitando os gerados automaticamente.
Atualizado a 14 de outubro de 2026