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: Agosto 3, 2021

Disponível para

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Marketing Hub Basic (versão anterior)

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 

  • 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.
    • Páginas de Aterragem Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
  • Passe o cursor do mouse sobre seu 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

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