Isenção de responsabilidade de tradução: esse conteúdo foi traduzido para sua conveniência com o uso de software e pode não ter sido revisado por uma pessoa. O texto oficial é a versão em inglês e sempre será o texto mais atualizado. Para ver a versão em inglês, clique aqui.
CMS-General

Adicione um mapa do Google à sua página

Ultima atualização: Abril 16, 2019

Disponível para

Marketing Hub Professional, Enterprise
Basic
HubSpot CMS

Para adicionar um mapa interativo do Google à sua página do HubSpot, você pode copiar o código incorporado do mapa e adicioná-lo a um módulo HTML.

Observação: se você já incorporou o mapa em um módulo de mapas do Google, será necessário trocar o módulo antigo para um módulo HTML. Por causa de alterações na API do Google, esse módulo não será mais suportado. 

Para trocar um módulo de mapa existente para um módulo HTML:

  • Baixe o módulo HTML do Marketplace. 
  • Na sua conta da HubSpot,  acesse suas landing pages ou páginas do site
  • Passe o cursor do mouse sobre uma página e clique em Editar
  • Clique na guia Configurações e selecione Opções avançadas
  • Na seção Modelo, posicione o cursor do mouse sobre a miniatura e clique em Editar modelo.
  • Clique no módulo do mapa existente para abrir o editor de módulo. 
  • No editor de módulo à direita, clique no menu suspenso com o  nome do módulo e selecione módulo HTML.existing%20map%20
  • Clique em Publicar alterações.

Se precisar adicionar o módulo HTML ao seu modelo:

  • Na sua conta da HubSpot, acesse as páginas de site ou landing pages.
  • Passe o cursor do mouse sobre uma página e clique em Editar
  • Clique na guia Configurações e selecione Opções avançadas.
  • Na seção Modelo, posicione o cursor do mouse sobre a miniatura e clique em Editar modelo.
  • No editor de modelo, na barra lateral esquerda, clique em Adicionar.
  • Use a barra de pesquisa para procurar o módulo HTML. Arraste e solte o módulo para uma posição em seu modelo.
  • Clique em Publicar alterações.add%20the%20html

Assim que o módulo HTML for adicionado ao modelo, você poderá adicionar seu mapa às suas páginas.  

  • Navegue até o Google Maps.
  • Use a barra de pesquisa para procurar o seu endereço. 
  • Clique em Compartilhar e selecione Incorporar um mapa.  

search-for-address-in-google-maps-

  • Personalize o tamanho e clique em Copiar HTMLcopy-html
  • No HubSpot, navegue até uma página do site ou landing page.
  • Passe o mouse sobre a página e clique em Editar
  • Clique em Editar módulos na barra lateral à esquerda. 
  • Selecione o módulo HTML. Cole o código HTML copiado do Google Maps no campo HTML e clique em Salvar e ir para a lista de módulos

paste-the-html-code

  • Clique em Atualizar no canto superior direito para publicar suas alterações.