JavaScript (JS)
Setas Customizadas Usando Função Slide Listing do JetEngine + JS
Caso queira usar botões customizados para controlar a rolagem dos itens no widget Listing do JetEngine, você pode criar isso usando os widgets de “Botão” do Elementor e adicionar um JavaScript personalizado. Adicione 2 botões do Elementor em sua página, e adiciona uma class classButtonPrevCliente em um deles e uma class classButtonNextCliente no outro. Depois […] ... Continue a ler.
Rastreador (Tracker) de UTM para Link Externo Checkout Kiwify
Código JavaScript que identifica botões com URLs que contêm “kiwify.com.br” (incluindo subdomínios) e adiciona os parâmetros UTM da URL da página atual ao link desses botões. Esse código deve ser incluído no script da sua página: Explicação: Instruções: ... Continue a ler.
Código para Sincronizar Dados de Uma Página Horizontal em Página Vertical Dentro do Google Sheets (Usando o Apps Script)
Imagina que você tenha uma planilha criada, com dados de um cliente que estão organizados com uma linha do tempo na horizontal. Isso quer dizer que, cada coluna é uma data (dia 01, dia 02, dia 03, assim por diante) e cada linha representa um cliente ou canal. Porem, agora você precisa sincronizar esses dados […] ... Continue a ler.
Código Personalizado Para Página de Vendas com Typebot e Tagueamento UTM
Este código abaixo, basicamente permite armazenar os valores do UTM da URL, na sessão do usuário. Assim, ele pode navegar no site, caso tenha mais de uma página, e mesmo assim, os valores do UTM serão enviados para o Typebot. Abaixo segue um código de exemplo, aplicado a uma página da web: OBS: Você vai […] ... Continue a ler.
Slide Horizontal com Contêiner do Elementor e JS Customizado
Este código personalizado abaixo, ajuda a criar um slide horizontal navegável com os blocos do Elementor, sem a necessidade de plugins adicionais ou CPT. Essa solução se encaixa para poucos casos de uso. Em geral, vai preferir usar um plugin para isso, ou até mesmo a propriedade de “slide” do JetEngine, usando o Listing Grid. […] ... Continue a ler.
Efeito Animação Confete com Javascript
Com este código abaixo é possível adicionar um efeito de confete quando o usuário acessa determinada página ou até mesmo quando clica em algo. Basta apenas adicionar a função fireConfetti() como mostra abaixo: ... Continue a ler.
Popup Personalizado com CSS + JS
Com este código abaixo é possível criar um popup personalizado rapidamente em sua pagina. ... Continue a ler.
[Código] Mapa do Brasil SVG Dinâmico com JS e CSS
Com este código, é possível implementar em seu site, um filtro dinâmico usando o mapa do Brasil, para selecionar e exibir informações por estado, como pode ver o funcionamento abaixo: Segue código completo abaixo: ... Continue a ler.
Simulação de Clique em Elemento Dinâmico com JavaScript (Exemplo: Slide JetEngine)
Para automatizar a interação com elementos específicos em seu site, você pode usar JavaScript para simular cliques em elementos selecionados dinamicamente. Usando o parâmetro click() do JavaScript: Este código permite selecionar um item específico dentro de uma lista de pontos de navegação (.jet-slick-dots li) com base em um índice dinâmico e simular um clique nele […] ... Continue a ler.