Categorias: HTML

Tags: Botões

Botão com Download Direto

Escrito por Amanda de Lavra

15 de agosto de 2023
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 arquivo numa nova aba. Para isso, achei esse tutorial: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-direct-single-click-download-button-in-divi-using-the-download-attribute. O atributo download não precisa ter nenhum valor. Se você coloca um valor, ele renomeia o arquivo para o nome que você definir. O código do botão ficou assim:
<a href="https://blog.amandadelavra.com.br/wp-content/uploads/botao-com-download-direto.pdf" download="kos-digital" data-et-target-link="_blank" id="botao_ebook" class="et_pb_button" rel="noopener">Faça Download do E-book</a>
E esse é o botão:

Posts relacionados

Botão Leia Mais no Elementor

Botão Leia Mais no Elementor

O site do cliente tinham alguns textos que eram muito extensos e, num layout de coluna, variavam muito de tamanho. Decidi adaptar o que já havia feito no Divi, ao incluir um botão Leia Mais (https://blog.amandadelavra.com.br/modulo-texto-com-botao-leia-mais/), mas...

Como manter a proporção de um elemento com CSS

Como manter a proporção de um elemento com CSS

Me pediram para colocar um elemento flutuante no site com o preço de cada produto. Como os preços variam de acordo com o produto, eu não podia ajustar com padding apenas para que ficasse redondinho na proporção 1:1. Para isso, usei a propriedade do CSS aspect-ratio....

Google Maps no Divi sem chave API

Google Maps no Divi sem chave API

O módulo Maps do Divi exige que você informe uma API key e para criá-la no Google é necessário cadastrar cartão de crédito, o que é uma incomodação para o cliente. Fui tentar descobrir como colocar um mapa sem a chave, já que no Elementor é possível e achei esse...