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
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 Direto
Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link direto abaixo. Basta copiar.
bruno.art.br/?p=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.