Se você encontrou esse artigo, é sinal que você ainda usa o antigo editor de páginas do Hotmart Pages... 🕸️🕷️
Nesse caso, eu preciso te dar um recado muito importantes:
- A Hotmart já lançou uma versão atualizada e mais robusta do editor de páginas.
Nessa nova versão, o Hotmart Pages conta com mais de 80 modelos de páginas prontos para você editar e publicar, alguns deles assinados por grandes nomes do mercado digital. Além de contar com o apoio de uma Inteligência Artificial (AI) que te ajuda a criar páginas em poucos instantes. Clique aqui e comece a utilizar agora mesmo.
Em algum momento você já teve dúvidas de como iniciar a criação de sua página ou até mesmo de como editar os elementos adicionados nelas?
Dúvidas de como alterar uma imagem de fundo ou alterar um texto, por exemplo, surgem a todo momento, não é mesmo?
Por esse motivo que esse artigo vai te mostrar como criar uma página e editá-la.
Assim que você efetuar o login na sua conta do Hotmart Pages, essa tela inicial é exibida.
Nela, clique em Criar Página.
Para iniciar a criação de uma página existem 2 opções:
- Escolher um template pronto;
- Começar do zero.
Temos templates para todas as etapas de um lançamento.
O template pode ser escolhido através do menu categórico, da pesquisa ou das tags.
Começar uma página do zero significa escolher seção por seção, que são representadas em blocos.
Um cabeçalho, por exemplo, é uma seção. A área para os visitantes se inscreverem é uma outra seção.
E assim a página é construída, bloco a bloco.
Neste exemplo, vamos escolher um template pronto e mostrar como editar alguns elementos presentes na página.
Posicione o mouse sob o template desejado e serão exibidas 2 opções:
Visualizar e Escolher.
A opção Visualizar, irá abrir uma janela de pré-visualização para você conferir se o template realmente atende sua necessidade.
A opção Escolher, irá criar a página e você será redirecionado para a Página de Edição.
É importante observar, que muitas vezes não queremos ou não precisamos de TODAS as seções padrão de um template, assim como pode ser necessário adicionar outras seções que atendem melhor ao que você precisa.
Caso queira remover alguma seção, basta passar o mouse sob ela e localizar o ícone da Lixeira. Clique no ícone e confirme a exclusão.
A edição de uma página, consiste em uma parte Visual e outra de Configurações Internas.
Vou iniciar mostrando como alterar a parte visual, que são os textos, planos de fundos e cores.
Clique no fundo de uma seção e será exibido um menu lateral com todos os campos presentes nessa seção.
Clique na engrenagem da opção Plano de Fundo para personalizá-lo.
O plano de fundo pode ser uma imagem ou uma cor. Neste caso irei usar uma imagem.
Caso queira adicionar uma seção para utilizar uma imagem de plano de fundo, recomendamos utilizar uma seção nomeada por: Kp - Banner
Essa seção atende melhor à responsividade em todos os dispositivos, sendo: Computador, Tablet e Smartphone.
Para colocar uma imagem própria, basta acessar as configurações do plano de fundo e clicar no nome do arquivo.
Caso a seção não tenha uma imagem própria clique em “Selecione”.
Ao clicar, será aberta a Central de Mídias no menu lateral esquerdo.
Se você já tiver feito o Upload de alguma imagem anteriormente é possível escolher esta imagem dentro da Central de mídias.
Caso contrário, é possível subir uma imagem direto do seu computador clicando em Fazer Upload:
Alteramos um texto, dando um clique sobre ele e marcando com o mouse.
No menu lateral esquerdo, podemos configurar a Cor, Fonte, alinhamento do texto, dimensão, espaçamento, dentre outras opções.Um elemento de Imagem, por exemplo, pode ser personalizado através de um clique, seguindo a mesma ideia de um plano de fundo.
Para fazer uma configuração interna como definir a ação de um botão, primeiro clicamos sob a engrenagem deste botão. Como mostra a imagem abaixo:
Um menu com as possibilidades de configurações será aberto na lateral esquerda.
Nesse exemplo, eu estou acessando a configuração de um Botão CTA.
CTA é uma sigla que significa Chamada Para Ação (Call To Action).
Podemos alterar também a cor de fundo do botão, inserir um link para abrir assim que houver o clique ou o mesmo direcione o visitante para uma seção específica da página, entre outras opções.
Por enquanto, vou apenas alterar a cor do botão.
Nesse exemplo, irei configurar para que, ao clicar no botão, o visitante seja direcionado para uma seção da página.
Para isso, vou escolher a opção “Dois passos POP-UP” neste exemplo.
No campo Tipo, selecione a opção Seção.
Em seguida, basta selecionar a seção para qual o usuário precisa ser redirecionado.
Ou seja, assim que o CTA receber o clique o usuário será direcionado para a seção escolhida por você.
É válido frisar que, para acessar esse menu de configurações do CTA, eu cliquei direto sob o botão.
Se eu clicar no texto, será aberto um novo menu que se refere às configurações do Texto. Aqui eu posso alterar a cor e o tamanho da fonte dessa frase padrão.
E para alterar a frase é da mesma maneira que fiz nos passos anteriores, basta clicar e selecionar o texto completo e em seguida, digitar a frase desejada.
As opções de configurações internas variam de acordo com o tipo de elemento que você estiver personalizando.
Já a forma de navegar na Edição se assemelha como vimos até aqui.
Com essa experiência, você já consegue criar a sua primeira página e dar os primeiros passos na Edição.
Eu me despeço por aqui! Um abraço :)
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.