Ir para o conteúdo principal
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.
Landing Pages

Adicionar um mapa do Google ao conteúdo do HubSpot

Ultima atualização: Janeiro 18, 2023

Disponível para

Todos os produtos e planos

Para adicionar um mapa interativo do Google ao conteúdo do HubSpot, você pode copiar o código incorporado do mapa e adicioná-lo a um módulo de HTML.


Obter o código incorporado do mapa do Google

  • Acesse Google Maps.
  • Na barra de pesquisa, insira um endereço
  • Na listagem de endereços, clique em Compartilhar.

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

  • Na caixa de diálogo, clique na guia Incorporar um mapa
  • Clique no menu suspenso Tamanho do mapa e selecione um tamanho
  • Clique em Copiar HTML para copiar o código incorporado do mapa. embed-a-google-map

Adicionar um mapa do Google no editor de arrastar e soltar 

  • Na conta da HubSpot, clique no ícone do Marketplace marketplace na barra de navegação principal.
  • Clique no separador Módulos.
  • Na barra de pesquisa, introduza HTML 
  • Clique no módulo HTML 
  • No canto superior direito, clique em Obter módulo gratuitamente. A instalação do módulo pode demorar alguns minutos a concluir.
  • Quando o módulo tiver terminado a instalação, navegue até ao seu conteúdo:

    • Blog: Na sua conta da HubSpot, navegue até Marketing > Site > Blog.
    • Páginas do site: Na sua conta da HubSpot, navegue até Marketing > Site > Páginas do site.
    • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
  • Passe o cursor do mouse sobre o conteúdo e clique em Editar
  • No editor de conteúdo, insira HTML na barra de pesquisa do editor da barra lateral. 
  • Clique no módulo de HTML e arraste-o para a posição no seu conteúdo. 
add-html-module-to-page
  • Clique no Módulo de HTML para editá-lo. 
  • No editor da barra lateral, cole o código incorporado para o mapa do Google.

Adicionar um mapa do Google ao conteúdo sem uma área de arrastar e soltar

Se o seu conteúdo não tiver uma área de arrastar e soltar, você precisará adicionar o módulo de HTML diretamente ao modelo e editá-lo no editor de conteúdo. 

Adicionar um módulo de HTML a um modelo

  • Quando o módulo tiver terminado a instalação, navegue até ao seu conteúdo:

    • Blog: Na sua conta da HubSpot, navegue até Marketing > Site > Blog.
    • Páginas do site: Na sua conta da HubSpot, navegue até Marketing > Site > Páginas do site.
    • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
  • Passe o cursor do mouse sobre o conteúdo e clique em Editar
  • Clique na guia Configurações e, em seguida, em Opções avançadas.
  • Na seção Modelo, clique em Editar este modelo.
  • No gerenciador de design, clique em Adicionar no inspetor
  • Na barra de pesquisa, insira HTML
  • Clique no módulo de HTML e arraste-o para a posição no seu modelo. 

add-html-module-to-template

  • No canto superior direito, clique em Publicar alterações.

Inserir o código incorporado no módulo de HTML

  • Na sua conta da HubSpot, acesse seu blog, páginas do site ou landing pages.
  • Passe o cursor do mouse sobre o conteúdo e clique em Editar
  • No editor de conteúdo, clique no Módulo de HTML
  • No editor da barra lateral, cole o código incorporado para o mapa do Google.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.