Elementor

Nesse post eu compartilho um código CSS para criar um BOX com efeito vidro (fundo transparente embaçado) com borda degradê, como mostra abaixo: Segue código CSS abaixo para copiar e modificar como necessário: ... Continue a ler.

Nesse post compartilho um código Javascript que permite que você crie um botão dentro do seu Popup do Elementor, que permita ao usuário clicar e fechar (removendo o popup do HTML) o popup. Segue código abaixo: Para adicionar esse código, recomendo usar o widget HTML do Elementor, e adicionar dentro do próprio Popup, assim o […] ... Continue a ler.

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: 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. ... Continue a ler.

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.

Nesse post vou compartilhar um código em PHP para criar um link de redirecionamento dinâmico para o WhatsApp (ou qualquer outra página ou site que quiser) enviando parâmetros personalizados como o titulo da página que direcionou. Segue código abaixo: OBS: Assim que adicionar o código PHP no seu site WordPress, não se esqueça de atualizar […] ... Continue a ler.

Esse código em PHP facilita que você adicione no seu site WordPress para capturar os dados de qualquer formulário do Elementor adicionado nesse site. Com esse código adicionado no seu site, ele é capaz de interceptar todas as mensagens de qualquer formulário do Elementor. Assim, você não precisa se preocupar com configurar cada formulário para […] ... Continue a ler.

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.

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.

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.