Se você deseja exibir um mapa, calendário, formulário ou outro recurso do Google diretamente na sua página, é possível fazer essa integração utilizando o Hotmart Pages.

Recursos como Google Maps, Google Calendar e Google Forms podem ser incorporados à sua página por meio de um código HTML fornecido pelo próprio Google. Dessa forma, o visitante consegue visualizar e interagir com o conteúdo sem precisar sair da página.

Neste artigo, você vai aprender como gerar o código de incorporação no Google, como adicioná-lo corretamente no Hotmart Pages e quais pontos devem ser considerados para garantir que a integração funcione como esperado.

Como funciona a incorporação de recursos do Google?

A integração é feita por meio de um código de incorporação (embed), disponibilizado pelo Google. Esse código é um trecho em HTML que permite exibir o conteúdo em outro site. No Hotmart Pages, esse código deve ser inserido utilizando o elemento HTML, disponível no editor da página.

Cada recurso do Google possui um caminho específico para gerar o código, mas o processo costuma seguir o mesmo padrão: localizar a opção de compartilhamento e copiar o código de incorporação.

Como gerar o código de incorporação no Google?

Abaixo estão exemplos dos recursos mais utilizados:

• Google Calendar: crie ou selecione um evento, acesse as opções de compartilhamento e escolha a alternativa de publicação ou incorporação para copiar o código HTML.
• Google Maps: pesquise o endereço desejado, clique em Compartilhar e selecione Incorporar um mapa para obter o código.
• Google Forms: após criar o formulário, clique em Enviar e selecione o ícone de incorporação (<>) para copiar o código HTML.

Em todos os casos, o Google exibirá um trecho de código HTML. Esse é o conteúdo que deve ser utilizado no Hotmart Pages.

Se o recurso não permitir ajustar o tamanho durante a geração do código, você pode editar os atributos width (largura) e height (altura) diretamente no HTML antes de inseri-lo na página.

Como inserir o código no Hotmart Pages?

Com o código copiado, siga o passo a passo:

1. Acesse sua conta pelo link http://app.hotmart.com. 
2. No menu lateral, clique em Marketing e depois em Criação de páginas.
3. Acesse Minhas páginas.
4. Escolha a página desejada e clique em Editar ou crie uma nova página.
5. No editor, clique no ícone + para adicionar estruturas e elementos.
6. Selecione o elemento HTML e arraste-o para o local desejado.
7. Clique em Editar HTML e cole o código fornecido pelo Google.
8. Ajuste configurações visuais como tamanho, espaçamento interno e visibilidade, se necessário.
9. Clique em Publicar para aplicar as alterações.

Após a publicação, o recurso será exibido diretamente na página conforme configurado.

Informações importantes sobre a integração

Alguns pontos devem ser considerados ao incorporar recursos do Google:

• O funcionamento do recurso depende das permissões configuradas no próprio Google.
• Alterações feitas no conteúdo original (como editar um evento ou formulário) são refletidas automaticamente na página.
• Alguns recursos podem ter limitações de visualização em dispositivos móveis, conforme as regras do Google.
• Caso o código seja inserido incorretamente, o conteúdo pode não ser exibido.

Esses aspectos ajudam a explicar situações em que o recurso aparece diferente do esperado.