Os recursos do Google, como Maps, Calendar, Forms e outros, permitem incorporar informações e funcionalidades externas diretamente em uma página. Essa integração pode ser útil para exibir localização, agendas, formulários ou conteúdos interativos de forma prática, sem que o visitante precise sair da página.
No Hotmart Pages, essa configuração é feita por meio do elemento HTML, utilizando os códigos de incorporação (embed) disponibilizados pelo próprio Google.
Neste artigo, explicamos como gerar esses códigos e mostramos como adicioná-los corretamente à página.
Como gerar o código de incorporação de um recurso do Google
Cada recurso do Google possui um caminho próprio para gerar o código HTML, mas o processo costuma seguir a mesma lógica: acessar o conteúdo desejado, localizar a opção de compartilhamento e copiar o código de incorporação.
Veja alguns exemplos comuns:
- Google Calendar: crie ou selecione um evento, acesse as opções do evento e escolha a alternativa de publicação ou incorporação para copiar o código HTML.
Google Maps: localize primeiro o endereço ou local desejado no mapa, clique em Compartilhar e, em seguida, em Incorporar um mapa para obter o código.
Google Forms: após criar o formulário, utilize a opção Enviar e selecione o ícone de incorporação (
<>) para copiar o código.
Em todos os casos, o Google exibirá um trecho de código HTML. Esse é o conteúdo que será utilizado no Hotmart Pages.
Dica: se o recurso não permitir ajustar o tamanho no momento da geração do código, localize no HTML os termos width (largura) e height (altura) e altere os valores conforme necessário.
Como inserir o código do Google no Hotmart Pages
Com o código de incorporação em mãos, siga o passo a passo abaixo:
- Acesse sua conta Hotmart pelo link app.hotmart.com.
- No menu lateral, vá em Marketing e depois em Criação de páginas.
- Dentro do Hotmart Pages, acesse o menu lateral e selecione Minhas páginas.
- Escolha a página em que deseja personalizar e clique em Editar; ou em Criar página para começar do zero.
- No editor, clique no ícone + no menu lateral para Adicionar estruturas e elementos.
- Selecione o elemento HTML, arraste e solte no local onde deseja inserir.
- Clique em Editar HTML. No menu lateral exibido, cole o trecho de código HTML fornecido pelo Google.
- Personalize o visual conforme preferir (tamanho, espaçamento interno e visibilidade).
- As alterações são salvas automaticamente como rascunho. Clique em Publicar para colocar a página no ar ou atualizar a versão publicada.
Após a publicação, o recurso do Google será exibido diretamente na página, conforme a configuração realizada.
Informações importantes
O funcionamento e o visual do recurso dependem das permissões e configurações feitas no próprio Google.
Alterações no conteúdo original (evento, mapa ou formulário) são refletidas automaticamente na página, sem necessidade de nova edição no Pages.
Alguns recursos podem ter limitações de visualização em dispositivos móveis, conforme as regras do Google.
Se você ainda tiver dúvidas sobre como integrar os recursos do Google no Hotmart Pages, nossa equipe de suporte está à disposição para ajudar. Saiba como entrar em contato.