JS


  • Código JS para Formatar Telefone/Celular no Formulário do Elementor

    Segue abaixo código JavaScript simples para adicionar em seu site WordPress com Elementor, para formatar o campo de telefone, para seguir o padrão de formatação (XX) 9XXXX-XXXX para celular ou (XX) XXXX-XXXX para telefone fixo. Segue código abaixo: Lembrando que para enviar o campo telefone com essa formatação, precisa deixar o campo como tipo texto, […] ... Continue a ler.

  • Código JavaScript Scroll Suave no Mobile para o Widget Tabs do Elementor

    Com esse código JS você adiciona um scroll suave ao clicar nas tabs do Elementor e também adiciona um alinhamento de scroll automático assim que o usuário clica no botão da tab ele é automaticamente movido para cima ou para baixo para que a visualização do usuário se ajuste com a tela. ... Continue a ler.

  • Código JavaScript para Exibir Conteúdo Depois do Envio do Formulário no Elementor

    Nesse post vou compartilhar um código para ser usado junto com o formulário do Elementor, onde você pode exibir uma seção oculta depois do envio do formulário e esconder o formulário atual. Segue código abaixo: Em seu código, você precisa ter as seções como abaixo: Alem disso, não esquecer de adicionar o ID #form-download-material no […] ... Continue a ler.

  • Código JavaScript para Obter Dados do Formulário Automaticamente e Enviar via HTTP/Webhook

    Esse código em javascript permite obter qualquer campo dentro de um formulário <form> e enviar para qualquer URL (API, Webhook, automação) de forma simples e automática. Segue código abaixo: ... Continue a ler.

  • Expressão para Mapear Campos e Formatar Automaticamente os Dados no N8N

    Imagina que você recebe um Payload estruturado com varios dados, ou como no exemplo abaixo, onde eu estruturei manualmente usado o Node “Edit Field” (pois os dados vieram mau estruturados), e no final, você tem um JSON como este abaixo: Assim, no próximo Node, você precisa mandar esses dados estruturados em uma lista ou HTML […] ... Continue a ler.

  • Código JS Personalizado Registrar Conversão Google Ads e Redirecionar Automaticamente no Elementor

    Se você precisa adicionar o código de conversão do Google Ads em uma página de obrigado ou de redirecionamento, e precisa que esse redirecionamento seja feito de forma automática após o registro da conversão, mas não quer que esse código seja executado dentro do editor do Elementor, você pode usar esse código abaixo: ... Continue a ler.

  • Adicionando URL de Redirecionamento Automático na Tag de Conversão do Google Ads

    Caso esteja implementando a tag de conversão do Google Ads em seu site, e queira que logo após o carregamento e registro da tag de conversão o usuário seja redirecionado para outro lugar, como um link de whatsapp ou checkout, adicione o parâmetro de “event_callback” no código, como mostra abaixo: ... Continue a ler.

  • Código JavaScript para Scroll Suave em Links Ancoras com Espaço de Cabeçalho

    Neste post eu vou compartilhar um código JavaScript que permite você acionar automaticamente um score suave em links âncoras no seu site, seja ele desenvolvido em WordPress com Elementor ou em HTML puro. Além disso ele conta com uma variável espacoFixo, onde você pode adicionar um valor em pixels para que o scroll pare antes […] ... Continue a ler.

  • Código JavaScript para Trocar Imagens ao Passar o Mouse em Seções no Elementor ou HTML puro

    Nesse post, eu vou compartilhar um código CSS e JavaScript para que você tenha a possibilidade de trocar imagens dependendo da posição do mouse. Isso significa que você pode criar algumas colunas de conteúdo e, ao passar ao mouse entre as colunas, as imagens de uma outra sessão se alteram automaticamente. ... Continue a ler.