# 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 <mark style="color:blue;">**área de membros**</mark>**.** Se você quiser modificar uma área já criada, basta ir em <mark style="color:blue;">**editar**</mark>. Caso você esteja começando do zero, basta ir em <mark style="color:blue;">**+criar área de membros**</mark>, conforme a imagem:

<figure><img src="/files/kz0WWCSZgHVVgEM7jKSh" alt=""><figcaption><p>Home > área de membros</p></figcaption></figure>

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

<figure><img src="/files/FK8dzMjGVAEW7EIhREqB" alt="" width="563"><figcaption><p>Home > área de membros > <strong>criar área de membro</strong></p></figcaption></figure>

{% hint style="warning" %}
As telas de login possuem duas opções, a imagem de fundo e a imagem na lateral. Além disto, precisam ser configuradas na versão desktop e mobile.&#x20;
{% endhint %}

### Imagem no fundo - Desktop

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

<figure><img src="/files/1q0zWE4kvFnzW7DY1Yyo" alt="" width="563"><figcaption><p>Home > área de membros > <strong>criar área de membro</strong></p></figcaption></figure>

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

<figure><img src="/files/FEKLy5XiuVMV9MZj1WcU" alt="" width="563"><figcaption><p>Home > área de membros > <strong>criar área de membro</strong></p></figcaption></figure>

Clicando neste botão, você será direcionado para a tela de <mark style="color:blue;">**Configurar imagem,**</mark> então, você deve anexar ou baixar a sua foto de fundo

<figure><img src="/files/JuEpiDUci7es4JsKEoVO" alt="" width="352"><figcaption><p>Home > área de membros > <strong>criar área de membro</strong></p></figcaption></figure>

{% hint style="info" %}
Recomendamos que sua imagem tenha pelo menos 1920px de largura e 1080px de altura e esteja nos seguintes formatos: .png, .jpg, .jpeg, .gif, .webp.
{% endhint %}

Após escolher a imagem, clique em <mark style="color:blue;">**enviar 1 arquivo**</mark>

<figure><img src="/files/m8uVmlRr77RQ6CWD0qyf" alt="" width="334"><figcaption><p>Home > área de membros > <strong>criar área de membro</strong></p></figcaption></figure>

Prontinho, a foto foi aplicada ao fundo!&#x20;

<figure><img src="/files/I94fbS8gRmxE87HEy4Cf" alt="" width="375"><figcaption><p>demonstração/exemplo da aplicação</p></figcaption></figure>

### Imagem na lateral

Agora, selecione a versão desktop e a <mark style="color:blue;">**imagem na lateral**</mark>, como mostra na figura:

<figure><img src="/files/ezHMYyI4RwKqwnedP07d" alt="" width="563"><figcaption><p>Home > área de membros > <strong>criar área de membro</strong></p></figcaption></figure>

Passando o mouse por cima da <mark style="color:blue;">**imagem lateral**</mark>, abrirá um ícone de inserção de figura, clique nele, conforme ilustra o print  a seguir:

<figure><img src="/files/NUFcXgrn6y3wVUgDAmon" alt="" width="563"><figcaption><p>Home > área de membros > <strong>criar área de membro</strong></p></figcaption></figure>

Clicando neste botão, você será direcionado para a tela de <mark style="color:blue;">**Configurar imagem,**</mark> então, você deve anexar ou baixar a sua foto da lateral.

<figure><img src="/files/JuEpiDUci7es4JsKEoVO" alt="" width="352"><figcaption><p>Home > área de membros > <strong>criar área de membro</strong></p></figcaption></figure>

{% hint style="info" %}
Recomendamos que sua imagem tenha pelo menos 960px de largura e 540px de altura e esteja nos seguintes formatos: .png, .jpg, .jpeg, .gif, .webp.
{% endhint %}

Após escolher a imagem, clique em <mark style="color:blue;">**enviar 1 arquivo**</mark>

<figure><img src="/files/m8uVmlRr77RQ6CWD0qyf" alt="" width="334"><figcaption><p>Home > área de membros > <strong>criar área de membro</strong></p></figcaption></figure>

Prontinho, a foto foi aplicada na lateral!&#x20;

<figure><img src="/files/fh63jsG1VtSqnaiCJyTG" alt="" width="375"><figcaption><p>demonstração/exemplo da aplicação</p></figcaption></figure>

### Imagem no fundo - Mobile

Para iniciar, selecione a versão mobile e a <mark style="color:blue;">**imagem de fundo**</mark>, como mostra na figura:

<figure><img src="/files/iaaBtkyvuYN2d5MaMhtx" alt="" width="563"><figcaption><p>Home > área de membros > <strong>criar área de membro</strong></p></figcaption></figure>

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

<figure><img src="/files/5jqboJUvwY3yy9xlXJMy" alt="" width="254"><figcaption><p>Home > área de membros > <strong>criar área de membro</strong></p></figcaption></figure>

Clicando neste botão, você será direcionado para a tela de <mark style="color:blue;">**Configurar imagem,**</mark> então, você deve anexar ou baixar a sua foto de fundo

<figure><img src="/files/JuEpiDUci7es4JsKEoVO" alt="" width="352"><figcaption><p>Home > área de membros > <strong>criar área de membro</strong></p></figcaption></figure>

{% hint style="info" %}
Recomendamos que sua imagem tenha pelo menos 1920px de largura e 1080px de altura e esteja nos seguintes formatos: .png, .jpg, .jpeg, .gif, .webp.
{% endhint %}

Após escolher a imagem, clique em <mark style="color:blue;">**enviar 1 arquivo**</mark>

<figure><img src="/files/m8uVmlRr77RQ6CWD0qyf" alt="" width="334"><figcaption><p>Home > área de membros > <strong>criar área de membro</strong></p></figcaption></figure>

Prontinho, a foto foi aplicada ao fundo!&#x20;

### Imagem na lateral - Mobile

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

<figure><img src="/files/YemQHeiNmE0dS8oyuBJB" alt="" width="563"><figcaption><p>Home > área de membros > <strong>criar área de membro</strong></p></figcaption></figure>

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:

<figure><img src="/files/tPG9FLSOeFhIp0jya7JY" alt="" width="256"><figcaption><p>Home > área de membros > <strong>criar área de membro</strong></p></figcaption></figure>

Clicando neste botão, você será direcionado para a tela de <mark style="color:blue;">**Configurar imagem,**</mark> então, você deve anexar ou baixar a sua foto da lateral.

<figure><img src="/files/JuEpiDUci7es4JsKEoVO" alt="" width="352"><figcaption><p>Home > área de membros > <strong>criar área de membro</strong></p></figcaption></figure>

{% hint style="info" %}
Recomendamos que sua imagem tenha pelo menos 500px de largura e 1000px de altura e esteja nos seguintes formatos: .png, .jpg, .jpeg, .gif, .webp.
{% endhint %}

Após escolher a imagem, clique em <mark style="color:blue;">**enviar 1 arquivo**</mark>

<figure><img src="/files/m8uVmlRr77RQ6CWD0qyf" alt="" width="334"><figcaption><p>Home > área de membros > <strong>criar área de membro</strong></p></figcaption></figure>

Prontinho, a foto foi aplicada!&#x20;

### Botão de login - configuração

Além das fotos para ilustrar a tela de bloqueio, é possível colorir o botão de <mark style="color:blue;">**Entrar**</mark>, que dá acesso ao produto.

<figure><img src="/files/ibdzVMlwjRpPOO1HSrfC" alt="" width="302"><figcaption><p>Home > área de membros > <strong>criar área de membro</strong></p></figcaption></figure>

Basta selecionar a <mark style="color:blue;">**cor do botão**</mark> e a <mark style="color:blue;">**cor do texto do botão**</mark>:

<figure><img src="/files/Gw4xcj3XPRliXoxslacs" alt=""><figcaption><p>Home > área de membros > <strong>criar área de membro</strong></p></figcaption></figure>

### Visualizar outras configurações

Ao acessar a opção de visualizar as configurações de entrada, você será direcionado para a página onde é possível definir como o usuário acessará a plataforma.&#x20;

Nessa área, é possível escolher entre formulário simples ou completo, habilitar autenticação utilizando o CPF e até restringir novos cadastros apenas para quem receber um convite. Essas opções ajudam a controlar e personalizar a forma de acesso de acordo com as necessidades do seu negócio.

Saiba mais em [Configurar a plataforma](/configuracoes/inicio/configurar-a-plataforma.md)

<figure><img src="/files/0I3QVf2ci95NU783VFGj" alt=""><figcaption></figcaption></figure>

Isso é tudo! Sua <mark style="color:blue;">**tela de login**</mark> está configurada. Feito o passo a passo é só clicar em <mark style="color:blue;">**publicar**</mark>, prontinho, suas configurações já estão na vitrine.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.curseduca.com/conteudos/area-de-membros/como-configurar-sua-area-de-membros/tela-de-login-da-area-de-membros.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.