Como adicionar elementos na minha página?

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á?

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 inteiro sobre esse tema. Para conferir, você só precisa 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. 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 for do Hotmart Send, clique na opção “Formulário Klicksend” e selecione o formulário que deseja importar;
• Se o seu formulário for de outra plataforma de email marketing, selecione a opção “Formulário Externo HTML” e cole o código HTML do formulário 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 depois, é 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". Em seguida, é 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, tudo bem?

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. 

FAQ

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.

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. Conforme mostra a imagem abaixo:

*Imagem meramente ilustrativa. O painel dentro da plataforma pode sofrer alterações de acordo com novas atualizações.

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 e-mail através do formulário, clicando aqui.