O Hotmart Pages oferece diferentes elementos nativos para compor sua página, como imagens, vídeos, botões e seções. Quando precisar complementar o conteúdo com materiais hospedados em serviços externos, o recurso de HTML permite incorporar trechos de código específicos, desde que atendam aos critérios de compatibilidade e boas práticas.
Neste artigo, explicamos como funciona essa incorporação, quais cuidados considerar antes de inserir o código e como aplicá-lo no editor do Pages.
-
Use apenas trechos de HTML, não estruturas completas
Códigos iniciados em<!DOCTYPE html>,<html>,<head>ou<body>fazem parte de uma página completa e não são compatíveis com o editor. -
Scripts e códigos de rastreamento não devem ser inseridos pelo elemento HTML
Esses códigos pertencem às áreas de<head>ou<body>e precisam ser configurados pelo menu de Scripts, nas configurações da página. Para integrações específicas, como Pixel ou API do Facebook, consulte os artigos dedicados a cada recurso. -
Priorize os elementos nativos do Pages
O Pages oferece componentes como imagem, vídeo, botão e texto. Utilize o HTML como complemento quando o resultado desejado não puder ser atendido pelos elementos nativos. -
O elemento HTML aceita diferentes tags
<iframe>é comum para players e serviços externos, mas tags como<img>,<div>,<audio>,<video>,<form>também podem ser utilizadas, conforme a indicação da ferramenta que irá disponibilizar o código. -
Personalizações avançadas requerem conhecimento técnico
Ao tentar utilizar códigos mais avançados, é importante ter familiaridade com programação e com HTML. Se necessário, considere buscar o apoio de um profissional da área para verificar a viabilidade.
- 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 pela plataforma de origem.
- 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.
Importante: as páginas do Hotmart Pages são responsivas e adaptam automaticamente o conteúdo para diferentes tamanhos de tela. No entanto, ajustes de tamanho e espaçamento podem ser personalizados para cada dispositivo. Por isso, antes de publicar, revise a visualização mobile para oferecer uma melhor experiência aos seus visitantes.
Se você ainda tiver dúvidas sobre incorporação de conteúdo por HTML, nossa equipe de suporte está à disposição para ajudar. Saiba como entrar em contato.