# Como configurar sua área de membros

#### 📖Visão de Negócio

Transforme sua Área de Membros em uma vitrine profissional que aumenta o valor percebido do seu curso, melhora o engajamento dos alunos e fortalece a percepção da sua marca no mercado.

#### 🎯Objetivo

Este guia tem como objetivo permitir a personalização completa da vitrine da Área de Membros, onde os alunos acessam os produtos e conteúdos da plataforma. Ao final, você será capaz de ajustar rapidamente a aparência da sua Área de Membros, organizando e destacando os conteúdos de forma visual e intuitiva, alinhada à identidade do seu negócio, para criar uma experiência de aprendizado única.

#### 👍 Benefícios 

* Oferece uma experiência visual mais profissional e organizada para os seus alunos.
* Facilita a navegação pelos conteúdos, produtos e módulos disponíveis.
* Permite destacar produtos ou informações estratégicas logo na entrada da plataforma.
* Ajuda a estruturar o conteúdo em seções personalizadas, melhorando o engajamento dos alunos.
* Dá flexibilidade para adaptar o layout da Área de Membros conforme o tipo de negócio ou público.
* Centraliza a gestão da apresentação dos conteúdos sem necessidade de conhecimento técnico.

#### 📍 Rota rápida

Para chegar a configuração da sua área de membros, siga este caminho:

Se você vai criar sua primeira área de membros:\
➡️***Área de membros > Criar área de membros***

Se você já tem uma área de membros configurada:\
➡️***Área de membros > Editar***

<figure><img src="/files/yfixQLHvUxPYVzPU1tCl" alt=""><figcaption></figcaption></figure>

### 👣 Passo-a-Passo

Nesta seção, vamos explorar todas as opções de customização disponíveis para você criar uma Área de Membros única.

#### Área de Membros

Acesse seu painel administrativo:

<figure><img src="/files/6EGxK3gae4F6N1dA7k59" alt=""><figcaption></figcaption></figure>

<p align="center"><sup>Página inicial</sup></p>

Clique no botão <mark style="color:blue;">**Área de Membros**</mark>, conforme ilustra a imagem abaixo:

<figure><img src="/files/4t97LYTZDFJWDo28uj6t" alt=""><figcaption></figcaption></figure>

<p align="center"><sup>Menu lateral</sup></p>

Na <mark style="color:blue;">**Área de membros**</mark> ficam as vitrines dos seus produtos, conforme mostra a imagem de exemplo.   Aqui, é possível criar destaques, categorizar conteúdos em seções e muito mais.

<figure><img src="/files/9xLsrpIzCuWq3lMetsCr" alt=""><figcaption></figcaption></figure>

### ▶️ Botões iniciais da área de membros e suas funcionalidades

Ao ter uma ou mais área de membros, cada uma aparecerá com o banner e os seguintes botões:

* <mark style="color:blue;">**Acessar:**</mark> aqui você acessa sua área de membros
* <mark style="color:blue;">**Editar:**</mark> aqui você configura a sua área de membros: aparência, conteúdos, menus, gamificação, e-mails
* <mark style="color:blue;">**'3 pontinhos'**</mark> você pode:

&#x20;               \- ***'Copiar link'*** : você pode coletar o link da sua área de membros.

&#x20;               \- ***'Copiar link da comunidade'*** : você pode ter o link da sua comunidade e pode enviar para outra pessoa ou inseri-lo como menu, por exemplo.

&#x20;               \- **'Tornar área de membros padrão'** : para quem tem mais de uma área de membros e quer tornar uma delas a área principal, basta clicar neste botão.

&#x20;               \- ***'Copiar código'*** : se você precisar do código específico da área de membros, pode coletar a partir deste botão.

&#x20;               \- ***'Excluir área de membros'***: para quem tem mais de uma área de membros e quer excluir alguma, basta clicar neste botão. ⚠️ **ATENÇÃO: essa ação NÃO pode ser desfeita.**

<figure><img src="/files/6GfLfFXcBDJ7bumc7qBI" alt=""><figcaption></figcaption></figure>

### 🏚️ Criando a minha área de membros

Para iniciarmos as configurações, precisamos clicar em <mark style="color:blue;">**editar**</mark>, assim continuamos editando um modelo já iniciado. Ou, clicamos em <mark style="color:blue;">**+criar área de membros**</mark>, para começarmos uma nova área de membros. Conforme mostra imagem:

<figure><img src="/files/tq9QPnvtWXUkcjg5yQ9V" alt=""><figcaption></figcaption></figure>

<p align="center"><sup>Home > Área de membros</sup></p>

Clicando em <mark style="color:blue;">**+criar área de membros**</mark> a plataforma irá te oferecer algumas opções para compor o menu da sua área. Basta você selecionar e salvar. Caso fique alguma dúvida, passe o mouse pelo 'i' e, você verá as definições.

<figure><img src="/files/avtlJgh7JoU5Q1ndlwro" alt=""><figcaption></figcaption></figure>

Em seguida, sua área de membros novinha, será aberta do zero, conforme mostra a imagem. Agora basta começar a criar!

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

### Configuração inicial da área de membros

Aqui você vai encontrar as seções para customizar a sua área de membros.

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

#### **Aparência**

Configure cores, temas, orientação do menu e imagens da plataforma.

<figure><img src="/files/2J2aRoLtIbnoY6XAFOr6" alt=""><figcaption><p>Home > área de membros > criar área de membros > <strong>aparência</strong></p></figcaption></figure>

**Cores**\
\
**Tema:** Você vai selecionar um tema Claro ou Escuro

<figure><img src="/files/D4FPrq9uzp0PnF8nJnpF" alt=""><figcaption><p>Home > área de membros > criar área de membros > aparência > <strong>cores</strong></p></figcaption></figure>

Templates de cores: Aqui você pode selecionar cores previamente selecionadas ou criar as suas próprias usando a cor primária, cor do menu e cor da fonte do menu.

<figure><img src="/files/qOwTnJttWnGVv0kzH3HM" alt=""><figcaption><p>Home > área de membros > criar área de membros > aparência > <strong>cores</strong></p></figcaption></figure>

**Orientação do menu**\
\
Você pode escolher se prefere o menu na vertical ou horizontal.

<figure><img src="/files/Qn5p0MRzz5nAMsUbFuWm" alt=""><figcaption><p>Home > área de membros > criar área de membros > aparência > <strong>orientação do menu</strong></p></figcaption></figure>

**Imagens**\
\
Aqui você pode adicionar três tipos de imagens, Logo, Favicon e Imagem de compartilhamento.

<figure><img src="/files/rMGoc1eUTsvfi0BZ0qvp" alt=""><figcaption><p>Home > área de membros > criar área de membros > aparência > <strong>imagens</strong></p></figcaption></figure>

\
**Visualização**\
\
Ao lado direito da tela, no campo de Visualização, você pode conferir a aparência da sua área enquanto faz as alterações na sua plataforma.

<figure><img src="/files/xFKiyrRzBV2eDjXVnwrX" alt=""><figcaption><p>Home > área de membros > criar área de membros > aparência > <strong>visualização</strong></p></figcaption></figure>

#### Login

\
Personalize a página de login da plataforma.

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

**Orientação do login**

&#x20;Aqui você vai escolher se quer o login centralizado ou lateral.

<figure><img src="/files/wnhxs6UKH4Koo0AECCd0" alt=""><figcaption><p>Home > área de membros > criar área de membros > login > <strong>orientação login</strong></p></figcaption></figure>

**Imagem desktop**

&#x20;Aqui você vai adicionar a imagem do seu login para desktop.

<figure><img src="/files/sOYgQr1TRnDkb1IZyWNw" alt=""><figcaption><p>Home > área de membros > criar área de membros > login > <strong>imagem desktop</strong></p></figcaption></figure>

**Imagem mobile**

Aqui você vai adicionar a imagem do seu login para a versão mobile.

<figure><img src="/files/uzacEAAyu6HiAZKauNN3" alt=""><figcaption><p>Home > área de membros > criar área de membros > login > <strong>imagem mobile</strong></p></figcaption></figure>

**Cor e texto do botão**

Aqui você vai adicionar a cor do botão e a cor do texto que fica no botão da página de login.

<figure><img src="/files/F8R77A1tRLSSCX0eDkXM" alt=""><figcaption><p>Home > área de membros > criar área de membros > login > <strong>cor do botão > cor do texto do botão</strong></p></figcaption></figure>

#### Configurações

Defina informações gerais da plataforma.

<figure><img src="/files/PkGrpvhpcZQSaeNLwm77" alt=""><figcaption><p>Home > área de membros > criar área de membros > <strong>configurações</strong></p></figcaption></figure>

**Nome da plataforma**

Aqui você vai colocar o nome da sua plataforma que vai aparecer no cabeçalho e em toda a plataforma.

<figure><img src="/files/kw6NC7Ay6bWwNS4PhNsK" alt=""><figcaption><p>Home > área de membros > criar área de membros > configurações > <strong>nome da plataforma</strong></p></figcaption></figure>

**URL da área de membros**

Aqui você vai escolher o link da área de membros.

<figure><img src="/files/BwhAeRZyJaagD1X4850I" alt=""><figcaption><p>Home > área de membros > criar área de membros > configurações > <strong>url da área de membros</strong></p></figcaption></figure>

**Descrição da plataforma**

Você pode adicionar uma breve descrição sobre a sua plataforma.

<figure><img src="/files/rO9JG2OAjL8ngZf0xB2T" alt=""><figcaption><p>Home > área de membros > criar área de membros > configurações > <strong>descrição da plataforma</strong></p></figcaption></figure>

**Idioma padrão**

Você poderá escolher o idioma que será utilizado na sua vitrine.

<figure><img src="/files/RmHKOltiG829IXqfQz3U" alt=""><figcaption></figcaption></figure>

**Texto de rodapé**

Você pode adicionar um texto que será exibido em todas as páginas da sua plataforma.

<figure><img src="/files/TxFNNgtI0CQEIpSauKUv" alt=""><figcaption><p>Home > área de membros > criar área de membros > configurações > <strong>texto do rodapé</strong></p></figcaption></figure>

**Script customizável**

Você pode usar o script para criar campos personalizados em JavaScript.

<figure><img src="/files/YSUo910D1YZXLG92JtgS" alt=""><figcaption><p>Home > área de membros > criar área de membros > configurações > <strong>script customizável</strong></p></figcaption></figure>

#### E-mail (Em breve)  Gamificação (Em breve)

### Criando seções da sua área de membros

Após finalizar a etapa anterior, você será direcionado para a página da sua vitrine. Lá você poderá: adicionar um novo menu, adicionar seção ou editar seção.<br>

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

{% hint style="success" %}
💡Dica: Geralmente os designers indicam que o site tenham um banner no cabeçalho. Porém, fica a seu critério. Além disto, você pode incluir quantos banners quiser tanto na parte superior, como no meio e até mesmo na parte inferior.
{% endhint %}

#### **Menu lateral**

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

Clicando no botão do menu lateral, algumas opções vão aparecer para você.&#x20;

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

* **Relatório de membros:** Você será direcionado para a página do relatório de membros
* **Criar produto:** Você será direcionado para a página de produto.
* **Editar vitrine Netflix:** Você será direcionado para a página de edição da sua área de membros.
* **Configurações da área de membros:** Você será direcionado para a página de Configuração de área.
* **Alterar área de membros:** Você poderá alterar a tela entre as suas áreas de membros já existentes
* **Criar nova área de membros:** Você será direcionado para a página de criação de uma nova área de membros.

&#x20;

#### Adicionar um novo menu

<figure><img src="/files/bQgxg73rb9hHhED8WvTu" alt=""><figcaption><p>Home > área de membros > editar > novo menu</p></figcaption></figure>

\
Para adicionar um novo menu, você pode seguir as instruções [aqui](https://help.curseduca.com/conteudos/area-de-membros/configurando-sua-area-de-membros/menu-da-area-de-membros/como-configurar-o-menu-na-vitrine).<br>

#### Adicionar seção

<figure><img src="/files/Hh8ZOYBlfzKmrI5ABV6p" alt=""><figcaption><p>Home > área de membros > editar > adicionar seção</p></figcaption></figure>

Clicando no botão de <mark style="color:blue;">**Adicionar Seção**</mark> você poderá escolher entre as opções de seção disponíveis:

* Produto
* Módulos
* Banner
* Espaço em branco

<figure><img src="/files/pD5FUxOEtGw6jzpIbfVq" alt=""><figcaption><p>Home > área de membros > editar > adicionar seção</p></figcaption></figure>

Ao adicionar sua nova seção, você poderá editar posteriormente.<br>

#### Editar seção

Para editar a sua seção, você pode clicar no botão <mark style="color:blue;">**Editar seção**</mark> ao lado direito superior de cada seção.

<figure><img src="/files/MSA1qttiWkciPaQPv1IJ" alt=""><figcaption><p>Home > área de membros > editar > editar seção</p></figcaption></figure>

<details>

<summary><strong>Editar seção do tipo Banner</strong></summary>

Ao clicar na opção de <mark style="color:blue;">**Editar seção**</mark> das seções do tipo <mark style="color:blue;">**Banner**</mark>, você verá as seguintes opções:

<figure><img src="/files/nxNQNQNLNjE7uwr9fiOc" alt=""><figcaption><p>Home > área de membros > editar > editar seção</p></figcaption></figure>

**Editar mídias:** Você poderá adicionar ou alterar a sua imagem do banner.

<figure><img src="/files/FDoDfdpIzROmhPM3zCrC" alt=""><figcaption><p>Home > área de membros > editar > editar seção > <strong>editar mídias</strong></p></figcaption></figure>

**Estilo de exposição:** Você poderá selecionar o tamanho de exibição do seu banner.

<figure><img src="/files/A0ENTk0dffJWG8LsfRcE" alt=""><figcaption><p>Home > área de membros > editar > editar seção > <strong>estilo de exposição</strong></p></figcaption></figure>

**Privacidade da seção:** Você poderá selecionar quem poderá visualizar aquela seção

<figure><img src="/files/jiUMmawpN84XT16bAXvh" alt=""><figcaption><p>Home > área de membros > editar > editar seção > <strong>privacidade da seção</strong></p></figcaption></figure>

**Duplicar:** Você poderá duplicar a seção

\
**Remover:** Você poderá remover a seção

</details>

<details>

<summary><strong>Editar seção do tipo Produto</strong></summary>

Ao clicar na opção de <mark style="color:blue;">**Editar seção**</mark> das seções do tipo <mark style="color:blue;">**Produto**</mark>, você verá as seguintes opções:

<figure><img src="/files/dGIAugjoCoSikQeB3Ns1" alt=""><figcaption><p>Home > área de membros > editar > editar seção</p></figcaption></figure>

**Privacidade da seção:** Você poderá selecionar quem poderá visualizar aquela seção

<figure><img src="/files/yNVrdSlTfABxz3i53pU8" alt=""><figcaption><p>Home > área de membros > editar > editar seção > <strong>privacidade da seção</strong></p></figcaption></figure>

**Ordenar produtos manualmente:** Você poderá organizar de forma manual os seus produtos.

<figure><img src="/files/Ju6NRqpJuxXp12PXAntA" alt=""><figcaption><p>Home > área de membros > editar > editar seção > <strong>ordenar produtos</strong></p></figcaption></figure>

**Layout:** Você poderá alterar a visualização do seu produto.

<figure><img src="/files/MWwmfvmzplQrCIbyXUEW" alt=""><figcaption><p>Home > área de membros > editar > editar seção > <strong>layout</strong></p></figcaption></figure>

**Conteúdos:** Você poderá escolher entre seleção de conteúdos, continuar assistindo ou meus conteúdos.

<figure><img src="/files/DTnkJw5fJMqouTo9ykW4" alt=""><figcaption><p>Home > área de membros > editar > editar seção > <strong>conteúdos</strong></p></figcaption></figure>

**Reordenar conteúdos:** Você poderá reordenar os seus conteúdos conforme as opções disponíveis.

<figure><img src="/files/x9G4NYVnmovPuig1bfTc" alt=""><figcaption><p>Home > área de membros > editar > editar seção > reordenar conteúdos</p></figcaption></figure>

**Duplicar:** Você poderá duplicar a seção

**Remover:** Você poderá remover a seção

</details>

<details>

<summary><strong>Editar seção do tipo Módulo</strong></summary>

Ao clicar na opção de <mark style="color:blue;">**Editar seção**</mark> das seções do tipo <mark style="color:blue;">**Módulo**</mark>, você verá as seguintes opções:

<figure><img src="/files/JTeOzXgtf6O7J2uPvVXR" alt=""><figcaption><p>Home > área de membros > editar > editar seção</p></figcaption></figure>

**Privacidade da seção:** Você poderá selecionar quem poderá visualizar aquela seção

<figure><img src="/files/kysQ6dRljoozqngpfbVP" alt=""><figcaption><p>Home > área de membros > editar > editar seção > privacidade da seção</p></figcaption></figure>

**Layout:** Você poderá alterar a visualização do seu produto.

<figure><img src="/files/BR9r3P23w787HS5c8Ul9" alt=""><figcaption><p>Home > área de membros > editar > editar seção > layout</p></figcaption></figure>

**Duplicar:** Você poderá duplicar a seção\
\
**Alterar produto:** Um novo campo aparecerá na tela para poder alterar o produto.&#x20;

<figure><img src="/files/Z7aJMcKocEBgQJ47x5Wi" alt=""><figcaption><p>Home > área de membros > editar > editar seção > alterar produto</p></figcaption></figure>

**Remover:** Você poderá remover a seção\ <br>

</details>

<details>

<summary><strong>Editar seção do tipo em branco</strong></summary>

Ao clicar nos <mark style="color:blue;">**três pontinhos**</mark> ao lado direito da <mark style="color:blue;">**seção do tipo em branco**</mark>, você poderá fazer as seguintes edições:

<figure><img src="/files/oCk0IxU0m3RteU7lytfc" alt=""><figcaption><p>Home > área de membros > editar > três pontinhos</p></figcaption></figure>

**Configurar espaçamento:** Você poderá configurar o espaçamento da seção.

<figure><img src="/files/vhf08zx3P74m7kt5gp7o" alt=""><figcaption><p>Home > área de membros > editar > três pontinhos > <strong>configurar espaçamento</strong></p></figcaption></figure>

**Duplicar:** Você poderá duplicar a seção

**Remover:** Você poderá remover a seção

</details>

{% hint style="success" %}
Dica: Faça um teste com todas as possibilidades. Aqui, o céu é o limite! 😉💭&#x20;
{% endhint %}

### Assista aos tutoriais em vídeo!

Para começar, você pode assistir aos tutoriais de configurações completo.

**Configuração inicial da área de membros**

{% embed url="<https://drive.google.com/file/d/1q4dCyxutY5T3vbS2P2NmIRJuDKJxzbqB/view>" %}

**Configuração da vitrine**

{% embed url="<https://drive.google.com/file/d/1ufpLfFhD6NMQ6_GcBk0klCZNdJhY4vQ8/view>" %}


---

# 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.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.