Categorias: HTML

Google Maps no Divi sem chave API

Escrito por Amanda de Lavra

23 de março de 2023
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 tutorial: https://www.peeayecreative.com/embed-a-google-map-in-divi/.

É necessário simplesmente colocar a localização no mapa, dar o zoom que você deseja, clicar em compartilhar, copiar o iframe que o Google fornece e colocar num módulo de código no Divi. Para deixar o mapa da largura da tela, é só alterar a width do iframe para 100%.

Simples assim!

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....

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...