Adicionar um mapa do Google ao conteúdo do HubSpot

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.

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

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. 

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

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