JavaScript (JS)
Bloquear Visualização em Dispositivos Mobile com JavaScript
Neste artigo vou disponibilizar um código Javascript para que seja possível bloquear a visualização de uma página ou site completo em dispositivos mobile. Isso serve para quando você ainda não tem a versão mobile pronta, e precisa que alguém acesse a aplicação somente em desktop. ... Continue a ler.
Botão “Leia Mais” Customizado p/ Parágrafos de Texto no Elementor (WordPress) com JavaScript (JS) + CSS
Neste artigo, vamos criar um efeito “Leia Mais” em páginas construídas com o Elementor. Vamos implementar um código personalizado em JavaScript e CSS que permite alternar entre mostrar e ocultar o conteúdo de textos longos, utilizando dois botões distintos para abrir e fechar o conteúdo. Além disso, adicionaremos um gradiente invertido ao final do parágrafo […] ... Continue a ler.
Código JavaScript (JS) p/ Controlar Slide do JetEngine c/ Widget Listing (Simulando Clique)
Este código JavaScript sincroniza botões customizados com um slider implementado pelo Slick Slider do JetEngine usando o Widget “Listing”, garantindo que, ao clicar nos botões ou interagir com o slider (por meio de setas, dots ou deslizando), a classe active-button seja atribuída ao botão correspondente ao slide atualmente visível. Ele também oculta tooltips associados aos […] ... Continue a ler.
Função JavaScript para Minificar o Código HTML ao Passar para Variável
Nessa publicação vou disponibilizar um trecho de código simples para minificar código ao passar para uma variável. Segue código abaixo: ... Continue a ler.
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.