A estrutura de uma página define onde cada elemento deve estar posicionado.
Neste artigo, eu vou te mostrar como inserir:
- Títulos e parágrafos;
- Botões;
- Formulários;
- Imagens;
- Vídeos;
- Códigos HTML;
- Cronômetro;
- E a seção de FAQ na sua página.
Vamos lá?
💡 Atenção: O editor do Hotmart Pages se adapta a diferentes dispositivos (desktop, tablet e mobile), tamanhos de tela e resoluções, oferecendo uma experiência de navegação agradável e consistente para seus usuários. Ao realizar ajustes no seu conteúdo, lembre-se de verificar como as edições impactam nos diferentes formatos de tela, pois:
- As edições feitas no desktop serão automaticamente atualizadas nas versões tablet e mobile.
- As alterações feitas na versão tablet também serão refletidas na versão mobile.
- Já as edições feitas na versão mobile serão aplicadas exclusivamente nesse formato.
Essa abordagem assegura que o seu conteúdo seja visualizado da melhor maneira possível em qualquer dispositivo, proporcionando uma experiência consistente e otimizada para todos que visualizarem a página.
Como adicionar elementos na página?
Para adicionar um elemento na sua página, o primeiro passo é inserir uma estrutura, pois é ela que vai ajudar na organização de cada um dos elementos que você for adicionar.
Ainda não sabe como adicionar uma estrutura (linha, coluna e caixa) na sua página? Pode ficar tranquilo que nós temos um tutorial completo sobre esse tema. Para conferir, é só clicar aqui.
Depois de incluir uma estrutura, podemos começar a inserir os elementos de conteúdo para que você consiga montar a página do jeito que desejar.
Como inserir títulos e parágrafos?
Para inserir o conteúdo em texto, você só precisa seguir os seguintes passos:
1. Com a sua conta logada, no menu da lateral esquerda da sua tela, clique no ícone de “+” ou clique na estrutura (linha, coluna ou caixa) que você inseriu anteriormente;
2. Clique em “Título” ou “Parágrafo”, segure e arraste e solte na seção que desejar.
Como adicionar botões?
O botão de Call to Action (CTA) tem como objetivo levar o visitante da sua página a realizar algum tipo de ação. Seja baixar um conteúdo, se inscrever para uma aula ou realizar a compra de algum produto/serviço que você tenha ofertado.
Para inserir um botão na sua página, é muito simples:
1. Clique no ícone de “+” ou clique na estrutura (linha, coluna ou caixa) que você inseriu antes;
2. Em seguida, selecione o elemento “Botão”, segure, arraste e solte na seção que desejar.
Caso precise de ajuda para realizar as configurações mais avançadas do botão, eu separei um tutorial que pode te ajudar. Para conferir, clique aqui.
Como adicionar um formulário de captura?
O formulário serve para que você, criador do site, consiga o email, nome, telefone e outras informações de contato das pessoas que visitam sua página e assim possa convertê-las em leads.
1. Clique no ícone de “+” ou clique na estrutura (linha, coluna ou caixa) que você inseriu;
2. Clique em “Formulário” no menu lateral esquerdo, segure, arraste e solte na seção que desejar;
3. No local onde o formulário foi inserido, clique em “Clique aqui para configurá-lo”;
4. No menu lateral esquerdo, clique na lista abaixo de “Tipos de formulário” e selecione a opção que desejar:
- Se o seu formulário foi criado no Hotmart Send, clique na opção “Formulário Hotmart Send” e selecione o formulário que deseja importar;
- Se o seu formulário foi criado através de uma plataforma externa, selecione a opção “Formulário Externo HTML” e cole o código no bloco em branco;
Como inserir imagens?
Existem duas maneiras de inserir imagens na sua página. Nesse tópico eu vou te ensinar os dois caminhos para que você escolha o que mais fizer sentido no seu dia a dia...
1. Adicionando imagem pelo menu de elementos:
- Clique no ícone de “+” ou clique na estrutura (linha, coluna ou caixa) que você inseriu;
- Clique em “Imagem” no menu lateral esquerdo, segure, arraste e solte na seção que desejar;
- Clique no bloco cinza que irá aparecer;
- No menu lateral esquerdo, clique em “Trocar imagem”;
Caso já tenha carregado as imagens que deseja utilizar, selecione a imagem que preferir. Porém, se ainda não carregou as imagens, clique em “Carregar imagem”, selecione a imagem em seu dispositivo e clique em “Abrir”.
2. Adicionando imagem pelo menu de imagens:
- No meu lateral esquerdo, clique no ícone de “Imagens”;
- Caso já tenha carregado a imagem que deseja utilizar, basta selecioná-la e, em seguida, é só arrastar e colar onde desejar;
- Ainda não fez o upload das imagens na plataforma? Clique em “Carregar imagem”, selecione o arquivo no seu dispositivo e clique em "Abrir". Depois disso, é só arrastar e soltar na sua página.
E como incluir um vídeo na minha página?
Você poderá inserir links de vídeos hospedados em plataformas como YouTube, Vimeo, etc. dentro da sua página.
1. Clique no ícone de “+” ou clique na estrutura (linha, coluna ou caixa) que você inseriu;
2. Clique em “Vídeo” no menu lateral esquerdo, segure e arraste e solte na seção que desejar;
3. No local onde você inseriu o elemento, clique no texto “Clique aqui para editar”;
4. No menu lateral esquerdo insira o link do vídeo no campo “Link do vídeo”.
Como inserir códigos HTML na minha página?
Dentro do Hotmart Pages, você consegue fazer a maior parte das edições na sua página sem saber nada de HTML, códigos, programação, etc.
No entanto, há alguns recursos externos mais avançados, como rastreamento de conversões de anúncios, monitoramento de navegação das páginas e chat de suporte, por exemplo, que são configurados através de códigos HTML.
Nesses casos, você vai precisar de uma ferramenta terceira, seja gratuita ou contratada por você, que irá gerar exatamente o código que você precisa colar dentro do Hotmart Pages para que o recurso desejado funcione dentro da sua página, ok?
Para inserir códigos HTML na sua página, basta seguir o passo a passo:
1. Clique no ícone de “+” ou clique na estrutura (linha, coluna ou caixa) que você inseriu;
2. Clique em “HTML” no menu lateral esquerdo, segure, arraste e solte na seção que desejar;
3. Na caixa “Código HTML” no meu lateral esquerdo, cole o código que deseja inserir na sua página.
Como inserir um cronômetro na minha página?
Com o Novo editor aberto, você deve clicar em “Adicionar estruturas e elementos”, representado pelo ícone de “+” no menu lateral esquerdo, rolar até as opções de “Elementos”, selecionar e arrastar o ícone do cronômetro para a sua página.
Lembrando que em alguns casos, como página em branco ou nova seção, será necessário inserir primeiro uma linha, clicando em “Adicionar estruturas e elementos”, depois clicando e arrastando a “Linha” para a sua página.
Caso precise de ajuda para realizar as configurações de contagem do cronômetro, basta clicar aqui para conferir o nosso artigo sobre o tema.
Como inserir uma FAQ na minha página?
O FAQ (Frequent Asked Questions), ou em português, “perguntas frequentes”, é um elemento que vai te ajudar a listar e organizar respostas às principais dúvidas que seus clientes podem possuir em relação ao seu produto ou serviço.
1. Clique no ícone de “+” ou clique na estrutura (linha, coluna ou caixa) que você inseriu;
2. Clique em “FAQ” no menu lateral esquerdo, segure, arraste e solte na seção que desejar;
3. Para inserir mais perguntas, basta clicar no elemento e clicar em “+ Adicionar Item”;
4. Selecione no “Comportamento inicial” se deseja deixar as respostas abertas ou fechadas no momento que sua página é acessada.
Tem alguma dúvida ou precisa de ajuda?
Se você já é cliente, nossos canais de atendimento estão disponíveis na própria plataforma. Ao efetuar o login na sua conta, basta clicar no botão de ajuda (?) localizado no canto superior direito.
Se você ainda não é cliente e não encontrou resposta para sua dúvida aqui na nossa Central de Ajuda, pode nos enviar um email através do formulário, clicando aqui.
*Imagens meramente ilustrativas. O painel dentro da plataforma pode sofrer alterações de acordo com novas atualizações.