💻Tela de login da área de membros

Quando entramos na tela de bloqueio, podemos ter tanto uma imagem na lateral, bem com uma imagem de fundo.

Essa tela é o primeiro contato do aluno com o seu produto, por isso, é interessante que ela seja bem atraente pois, é onde começa a experiência do aluno com o seu conteúdo!

Para configurar, comece entrando na sua área de membros. Se você quiser modificar uma área já criada, basta ir em editar. Caso você esteja começando do zero, basta ir em +criar área de membros, conforme a imagem:

Home > área de membros

Agora, basta clicar na "portinha", conforme imagem, e você terá acesso as configurações da tela de login.

Home > área de membros > criar área de membro

Imagem no fundo - Desktop

Para iniciar, selecione a versão desktop e a imagem de fundo, como mostra na figura:

Home > área de membros > criar área de membro

Passando o mouse por cima da imagem, abrirá um ícone de inserção de figura, clique nele, conforme ilustra o print a seguir:

Home > área de membros > criar área de membro

Clicando neste botão, você será direcionado para a tela de Configurar imagem, então, você deve anexar ou baixar a sua foto de fundo

Home > área de membros > criar área de membro

Recomendamos que sua imagem tenha pelo menos 1920px de largura e 1080px de altura e esteja nos seguintes formatos: .png, .jpg, .jpeg, .gif, .webp.

Após escolher a imagem, clique em enviar 1 arquivo

Home > área de membros > criar área de membro

Prontinho, a foto foi aplicada ao fundo!

demonstração/exemplo da aplicação

Imagem na lateral

Agora, selecione a versão desktop e a imagem na lateral, como mostra na figura:

Home > área de membros > criar área de membro

Passando o mouse por cima da imagem lateral, abrirá um ícone de inserção de figura, clique nele, conforme ilustra o print a seguir:

Home > área de membros > criar área de membro

Clicando neste botão, você será direcionado para a tela de Configurar imagem, então, você deve anexar ou baixar a sua foto da lateral.

Home > área de membros > criar área de membro

Recomendamos que sua imagem tenha pelo menos 960px de largura e 540px de altura e esteja nos seguintes formatos: .png, .jpg, .jpeg, .gif, .webp.

Após escolher a imagem, clique em enviar 1 arquivo

Home > área de membros > criar área de membro

Prontinho, a foto foi aplicada na lateral!

demonstração/exemplo da aplicação

Imagem no fundo - Mobile

Para iniciar, selecione a versão mobile e a imagem de fundo, como mostra na figura:

Home > área de membros > criar área de membro

Passando o mouse por cima da imagem, abrirá um ícone de inserção de figura, clique nele, conforme ilustra o print a seguir:

Home > área de membros > criar área de membro

Clicando neste botão, você será direcionado para a tela de Configurar imagem, então, você deve anexar ou baixar a sua foto de fundo

Home > área de membros > criar área de membro

Recomendamos que sua imagem tenha pelo menos 1920px de largura e 1080px de altura e esteja nos seguintes formatos: .png, .jpg, .jpeg, .gif, .webp.

Após escolher a imagem, clique em enviar 1 arquivo

Home > área de membros > criar área de membro

Prontinho, a foto foi aplicada ao fundo!

Imagem na lateral - Mobile

Agora, selecione a versão mobile e a imagem na lateral, como mostra na figura:

Home > área de membros > criar área de membro

Passando o mouse por cima da imagem na parte superior, abrirá um ícone de inserção de figura, clique nele, conforme ilustra o print a seguir:

Home > área de membros > criar área de membro

Clicando neste botão, você será direcionado para a tela de Configurar imagem, então, você deve anexar ou baixar a sua foto da lateral.

Home > área de membros > criar área de membro

Recomendamos que sua imagem tenha pelo menos 500px de largura e 1000px de altura e esteja nos seguintes formatos: .png, .jpg, .jpeg, .gif, .webp.

Após escolher a imagem, clique em enviar 1 arquivo

Home > área de membros > criar área de membro

Prontinho, a foto foi aplicada!

Botão de login - configuração

Além das fotos para ilustrar a tela de bloqueio, é possível colorir o botão de Entrar, que dá acesso ao produto.

Home > área de membros > criar área de membro

Basta selecionar a cor do botão e a cor do texto do botão:

Home > área de membros > criar área de membro

Isso é tudo! Sua tela de login está configurada. Feito o passo a passo é só clicar em publicar, prontinho, suas configurações já estão na vitrine.

Last updated

Was this helpful?