Adicione um mapa do Google ao conteúdo do HubSpot

Adicione um mapa interativo do Google ao conteúdo do HubSpot copiando o código incorporado do mapa e inserindo-o em um módulo de rich text. Esse método funciona no editor de conteúdo e em modelos compatíveis com módulos de rich text. 

Antes de começar

Antes de adicionar um mapa do Google ao conteúdo do HubSpot, revise os requisitos e considerações a seguir. 

Compreender limitações e considerações

• O Google Maps incorporado é gerenciado pelo Google. O comportamento de exibição, o estilo e a funcionalidade dependem das configurações de incorporação do Google. 

Obtenha o código incorporado do Google Map

1. Navegar para Google Mapas.
2. Na barra de pesquisa, digite um endereço. 
3. Na listagem do endereço, clique em Compartilhar.

4. Na caixa de diálogo, clique no Incorporar um mapa aba. 
5. Clique no mapa tamanho menu suspenso e selecione um tamanho. 
6. Clique em Copiar HTML para copiar o código incorporado do mapa.

Adicionar um mapa do Google no editor de conteúdo 

1. Acesse seu conteúdo:

   • Blog: Na sua conta da HubSpot, acesse Conteúdo > Blog.
   • Páginas do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.
   • Landing pages: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.
2. Clique no nome do conteúdo. 
3. No editor de conteúdo, clique no botão add Adicionar ícone na barra lateral esquerda. 
4. Clique para expandir o Texto seção e clique no botão Texto rico módulo e arraste-o para a posição.
5. Na barra de ferramentas de rich text, clique no botão Avançado menu suspenso e selecione Código fonte. 
6. Na caixa de diálogo, cole o código incorporado do mapa e clique em Salvar. 

7. No canto superior direito, clique emPublicarou Atualizar para ativar suas alterações.

Adicionar um mapa do Google a um modelo

Se o seu modelo de arrastar e soltar ou modelo codificado não contiver um módulo de rich text, adicione um no Gerenciador de design. Depois de publicar o modelo, edite o módulo de rich text no editor de conteúdo.

Adicionar um módulo de rich text a um modelo de arrastar e soltar

Adicione um módulo de rich text a um modelo de arrastar e soltar para que o Google Map possa ser adicionado ao editor de conteúdo. Saiba mais sobre como usar módulos em modelos de arrastar e soltar. 

1. Acesse seu conteúdo:

   • Blog: Na sua conta da HubSpot, acesse Conteúdo > Blog.
   • Páginas do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.
   • Landing pages: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.
2. Clique no nome do conteúdo. 
3. Clique no Menu de configurações e selecione Modelo. 
4. Clique Edite este modelo. Você será direcionado ao Gerente de design.
5. Clique em + Adicionar no inspetor. 
6. Na barra de pesquisa, digite texto rico. 

7. Clique no módulo de rich text e arraste-o para a posição no seu modelo. 
8. No canto superior direito, clique em Publicar alterações.
9. Continue adicionando o Google Map no editor de conteúdo.

Adicionar um módulo de rich text a um modelo codificado

Adicione um módulo de rich text a um modelo codificado para que o Google Map possa ser adicionado no editor de conteúdo. Saiba mais sobre como usar módulos em modelos codificados. 

1. Acesse seu conteúdo:
   • Blog: Na sua conta da HubSpot, acesse Conteúdo > Blog.
   • Páginas do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.
   • Landing pages: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.
2. Clique no nome do conteúdo.
3. Clique no menu Configurações e selecione Modelo.
4. Clique em Editar este modelo.
5. No editor de código, adicione o módulo de Rich text onde o mapa deve aparecer. Por exemplo:

{Módulo %
"map_embed"
path="@hubspot/rich_text"
label="Google Map" %}

6. No canto superior direito, clique em Publicar alterações.
7. Continue adicionando o Google Map no módulo de rich text.