Como adicionar o MAPA DO GOOGLE MAPS em uma página
Para adicionar um Mapa do Google Maps no seu site você precisará seguir os passos abaixo:
Acesse o https://www.google.com.br/maps e busque pelo endereço que você deseja incorporar na página;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng_1e8spqp.png)
Em seguida, clique no botão "Compartilhar", conforme indicado na imagem abaixo;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar2png_ljkfii.png)
Depois disso irá abrir uma tela onde você precisará clicar em "Incorporar um mapa";
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar3png_jichi2.png)
Clique em "Copiar HTML";
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar4png_fnd502.png)
Agora, acesse o seu editor de páginas;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar3png_cexs8o.png)
Dentro do editor de páginas, adicione um elemento de HTML (conforme indicado abaixo) no local onde você deseja que apareça o mapa;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng_1udmqwx.png)
Em seguida, clique em "Editar";
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar2png_ecabas.png)
No espaço que irá abrir, insira todo o código HTML que havia sido copiado no Google Maps e clique em "Pronto";
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar3png_1b7ibht.png)
Por último, se você quiser alterar as dimensões do mapa (largura e altura), edite direto no código HTML, nos locais indicados abaixo.
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar4png_19a5rcn.png)
O ideal é que a largura seja de no máximo 360px, para que no mobile o elemento fique inserido completamente dentro da página.
Esperamos ter ajudado! Se tiver dúvidas pode contar com o nosso suporte.
Acesse o https://www.google.com.br/maps e busque pelo endereço que você deseja incorporar na página;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng_1e8spqp.png)
Em seguida, clique no botão "Compartilhar", conforme indicado na imagem abaixo;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar2png_ljkfii.png)
Depois disso irá abrir uma tela onde você precisará clicar em "Incorporar um mapa";
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar3png_jichi2.png)
Clique em "Copiar HTML";
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar4png_fnd502.png)
Agora, acesse o seu editor de páginas;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar3png_cexs8o.png)
Dentro do editor de páginas, adicione um elemento de HTML (conforme indicado abaixo) no local onde você deseja que apareça o mapa;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng_1udmqwx.png)
Em seguida, clique em "Editar";
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar2png_ecabas.png)
No espaço que irá abrir, insira todo o código HTML que havia sido copiado no Google Maps e clique em "Pronto";
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar3png_1b7ibht.png)
Por último, se você quiser alterar as dimensões do mapa (largura e altura), edite direto no código HTML, nos locais indicados abaixo.
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar4png_19a5rcn.png)
O ideal é que a largura seja de no máximo 360px, para que no mobile o elemento fique inserido completamente dentro da página.
Esperamos ter ajudado! Se tiver dúvidas pode contar com o nosso suporte.
Atualizado em: 18/01/2022
Obrigado!