post #6409

Código JS para Redirecionamento com Parâmetros em Formulários WordPress/Elementor

Publicado em: 08/09/2025 / Atualizado em: 08/09/2025

Categorias: BlogElementorJavaScript (JS)JSWordpress

Nesse post vou mostrar um jeito, via código JS, de redirecionar o usuário para uma URL especifica adicionando parâmetros nela para rastreamento das informações.

Segue código abaixo: 

<script>
let form = document.querySelector('.CLASS_DO_FORMULARIO form');
if(form){
  form.addEventListener('submit', function(e){
    e.preventDefault();
    
    // url base do redirecionamento
    const baseUrl = "https://URL_DO_SITE/obrigado/";

    // lista de campos que você quer enviar
    const campos = ["segmento", "funcionarios", "empresa"];
    
    // função para slugify
    function slugify(text) {
      return text
        .toLowerCase() // minúsculas
        .normalize("NFD") // separa acentos
        .replace(/[\u0300-\u036f]/g, "") // remove acentos
        .replace(/[^a-z0-9\s]/g, "") // remove caracteres especiais
        .trim() // tira espaços extras
        .replace(/\s+/g, "+"); // troca espaços por +
    }

    // monta query string
    const query = campos.map(nome => {
      let valor = form.querySelector(`[name="form_fields[${nome}]"]`).value;
      return nome + "=" + slugify(valor);
    }).join("&");

    // monta url final
    let url = baseUrl + "?" + query;
    window.location.href = url;
  });
}
</script>

OBS: O código acima esta otimizado para pegar dados de formulários do Elementor que usam o name de form_fields[ALGUMA_COISA] mas você pode adaptar para o seu código.

Publicações recomendadas:

Link Curto para Compartilhamento

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link curto abaixo. Basta clicar em cima do link para copiar.

bruno.art.br/pb/6409

ID de Referência: 6409

Sugira uma publicação

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato