Tag: Botões

Texto dinâmico no botão de Whatsapp

Texto dinâmico no botão de Whatsapp

O cliente tem vários produtos e gostaria que, no botão de Whatsapp em cada página, houvesse um texto personalizado com o nome do produto. O site usa ACF, então criei um campo para que, em cada produto, pudesse colocar o texto personalizado. O problema é que o Whatsapp...

Botão com Download Direto

Botão com Download Direto

O objetivo era criar um e-mail opt-in em que, após a pessoa se cadastrar, ela pudesse baixar o e-book. Para isso, usei o Bloom na opção Locked Content. O conteúdo bloqueado seria um botão de download, mas eu queria que o download fosse feito diretamente, sem abrir o...

Botão copiar para Clipboard

Botão copiar para Clipboard

O cliente queria um botão que copiasse o link da página inicial do site para o clipboard, para que os clientes pudessem compartilhar. Descobri como fazer isso com JavaScript. Primeiro, para que o botão, ao ser clicado, não tire a página do lugar, eu dei uma id para o...

Como alinhar botão na parte de baixo da coluna

Como alinhar botão na parte de baixo da coluna

Para alinhar um botão (ou outro módulo) na parte de baixo da coluna, achei esse tutorial: https://shihabiiuc.com/bottom-align-buttons-divi/. É necessário ir em cada coluna da linha e, na aba Avançado > Custom CSS > Elemento Principal, adicionar o seguinte...

Botão Load More no módulo Blog

Botão Load More no módulo Blog

O desafio dessa vez era fazer um site similar a outro já existente. Nesse site, o blog tem um botão Load More para carregar mais posts ao invés de paginação. O Divi não tem essa opção nativa, mas encontrei esse tutorial que resolve o problema:...

Centralizar botão do formulário de contato

Centralizar botão do formulário de contato

O Divi ainda não tem opção de alinhamento para o botão no formulário de contato. Ao decidir centralizá-lo, precisei de CSS para isso. O primeiro passo foi acrescentar uma classe ao formulário de contato, pois havia outro formulário no site que eu não queria...