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.
- 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.
Thank you for your feedback, it means a lot to us.
Conteúdo relacionado
-
Usar fontes no HubSpot
As fontes disponíveis para o conteúdo no HubSpot dependem do tipo de conteúdo e do tipo de fonte. Certas...
Central de conhecimento -
Inserir e gerenciar links de âncora
Ao criar uma âncora em uma parte específica de uma página, post de blog ou artigo da central de conhecimento,...
Central de conhecimento -
Criar e personalizar páginas
Na HubSpot, você pode criar site e landing pages para seu site. Você pode personalizar o conteúdo e as...
Central de conhecimento