JavaScript (JS)
Adicionar Tag Personalizada no Usuário com Mautic Usando JavaScript
Se você estiver usando o Mautic para automatizar seu marketing e monitorar os usuários acessando o seu site. Você pode adicionar algumas tags de maneira dinâmica para o usuário via javascript, mesmo que ele ainda não tenha se cadastrado em nenhum formulário vinculado ao Mautic. Isso é interessante pois, quando o usuário se cadastrar fornecendo […] ... Continue a ler.
Efeito Rolagem Suave (Smooth Scroll) no Site com Biblioteca JavaScript LocomotiveScroll
LocomotiveScroll é uma biblioteca JavaScript que transforma a rolagem de seu site em uma experiência suave e atraente. Esta ferramenta se destaca por sua facilidade de instalação e eficácia imediata em melhorar a rolagem do seu site. Segue aqui uma página demonstrativa utilizando o efeito de rolagem suave da biblioteca: https://locomotivemtl.github.io/locomotive-scroll/ Para começar a usar […] ... Continue a ler.
[Download] Editor de Código Visual Online (Open Source)
Baixe o Editor de Código Visual Online (Código Aberto): Agora você pode hospedar facilmente este editor em seu servidor e editar códigos HTML diretamente do seu navegador. Com apenas um arquivo, este editor é extremamente leve e prático para uso imediato. Veja o código fonte no GitHub: https://github.com/brunoalbim/editor-codigo-visual-online ... Continue a ler.
Barra Horizontal Indicadora de Rolagem em HTML, CSS e JS
Adicione este código no seu site para criar uma barra de rolagem vertical para indicar a rolagem da página. Alem disso, você pode adicionar uma posição fixa no topo ou no rodapé da tela, para que a barra fique sempre visível para o usuario. FONTE: https://www.w3schools.com/howto/howto_js_scroll_indicator.asp ... Continue a ler.
Automação para Localizar Texto/HTML na Página com JS e N8N
Caso você queira criar uma automação com N8N que faça a verificação de hora em hora, ou 1 vez por dia, em uma página da internet, para localizar uma palavra especifica, ou cruzar 2 palavras para confirmar o resultado, você pode usar esse código abaixo: Segue exemplo de fluxo no N8N: Na imagem acima, é […] ... Continue a ler.
[Download] Construa o Seu Próprio Cronometro Online com HTML, CSS e JS
Neste artigo vou disponibilizar todo o código de um cronometro online que usa pouco código HTML, CSS e JavaScript para rodar. Ele pode ser instalado facilmente em qualquer hospedagem simples, e roda muito bem. Você pode testar ele online neste link: https://sites.projetosdeclientes.com.br/@drive/cronometro-online/ Segue os códigos abaixo para estudo e implementação: Arquivo (index.html): Arquivo (script.js): Arquivo […] ... Continue a ler.
Dividir URLs Separadas por Virgula com JavaScript
Caso você tenha uma variável string que traz alguns links separados por virgula, segue abaixo uma maneira de separar os itens em um array: Exemplo do código usando dentro do N8N: ... Continue a ler.
Código Javascript para Verificar Quando uma Requisição Ajax do JetSmartFilter Começa e Acaba
Abaixo segue código javascript para auxiliar na visualização de quando um filtro inicia e finaliza no JetSmartFilter. Isso é útil para quando precisa executar um código javascript durante ou depois de algum filtro ser aplicado no JetSmartFilter. ... Continue a ler.
Código JavaScript para Transformar Imagens da Galeria Padrão do WordPress em Lightbox Slide com Elementor
O WordPress, nativamente, possui um recurso de Galeria, quando você cria posts para seu blog, como mostra abaixo: Se você tem um site construído com Elementor, você tem habilitado por padrão o lighbox em imagens, e você pode usar isso nas páginas de post, apenas configure a imagem ou galeria do post WordPress para abrir […] ... Continue a ler.