Navegação no formulário Mulstep sem clicar no botão da próxima etapa

Sim, você pode navegar no formulário de várias etapas sem deixar o botão Avançar visível (vídeo de implementação https://d.pr/v/S8CQzA). Fazer isso:

1. Você deve adicionar uma classe CSS personalizada ao campo Selecionar > Avançado > Classes CSS

2. Da mesma forma, adicione uma classe CSS ao Próxima Etapa botão.

3. Instale o plugin “Simple Custom JS and CSS” > Adicione JS customizado > cole este código e publique:

setTimeout(()=>{ jQuery( function( $ ) { if ( window.elementorFrontend ) { $('.test-toggle input').click(()=>{ $('.test-next-button button' ).clique(); }); } } ); }, 500)

4. Certifique-se de que o nome da classe CSS personalizada seja semelhante às etapas 1 e 2.

5. Depois disso você pode personalizar o Próxima Etapa botão por um ícone. Se você quiser ocultar o botão, copie e cole este código em Aparência > Personalizar > CSS Adicional:

.test-next-button{visibilidade:oculto!importante; }

Vídeo: https://d.pr/v/S8CQzA

Quais são os seus sentimentos
Atualizado em 22 de outubro de 2023