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.
Permissões necessárias
As seguintes permissões são necessárias:
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
- Navegar para Google Mapas.
- Na barra de pesquisa, digite um endereço.
- Na listagem do endereço, clique em Compartilhar.
- Na caixa de diálogo, clique no Incorporar um mapa aba.
- Clique no mapa tamanho menu suspenso e selecione um tamanho.
- Clique em Copiar HTML para copiar o código incorporado do mapa.
Adicionar um mapa do Google no editor de conteúdo
-
Acesse seu conteúdo:
- Clique no nome do conteúdo.
- No editor de conteúdo, clique no botão add Adicionar ícone na barra lateral esquerda.
- Clique para expandir o Texto seção e clique no botão Texto rico módulo e arraste-o para a posição.
- Na barra de ferramentas de rich text, clique no botão Avançado menu suspenso e selecione Código fonte.
- Na caixa de diálogo, cole o código incorporado do mapa e clique em Salvar.
-
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.
-
Acesse seu conteúdo:
- Clique no nome do conteúdo.
- Clique no Menu de configurações e selecione Modelo.
- Clique Edite este modelo. Você será direcionado ao Gerente de design.
- Clique em + Adicionar no inspetor.
- Na barra de pesquisa, digite texto rico.
- Clique no módulo de rich text e arraste-o para a posição no seu modelo.
- No canto superior direito, clique em Publicar alterações.
- 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.
- Acesse seu conteúdo:
- Clique no nome do conteúdo.
- Clique no menu Configurações e selecione Modelo.
- Clique em Editar este modelo.
- 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" %}
- No canto superior direito, clique em Publicar alterações.
- Continue adicionando o Google Map no módulo de rich text.
Blog
Design Manager
Website & Landing Pages
