# Acabamos de incorporar o ScaleSwap no nosso próprio DApp

Apresentando a inovadora ferramenta Gated Content, **projetada para elevar a entrega de conteúdo exclusivo a assinantes exigentes**, assim como a conhecida plataforma OnlyFans. Com milhões de usuários envolvidos na criação de conteúdo por meio de assinaturas mensais, a ferramenta inovadora da DexKit preenche a lacuna entre criadores e seu público dedicado na Web3.

Aproveitando o poder das tecnologias descentralizadas, **essa ferramenta revoluciona a eficiência dos pagamentos, superando as limitações dos sistemas de pagamento FIAT convencionais.** Diga adeus aos cartões de crédito e a bancos de dados obscuros, enquanto a transparência inerente às blockchains assume o papel central.

Por meio desta ferramenta de ponta, **seus assinantes obtêm acesso a conteúdo cuidadosamente selecionado, adaptado às suas especificações e regras, tudo convenientemente configurado dentro do seu aplicativo.** Imagine criar uma coleção cativante de NFTs que funcionem como cartões de acesso, ou incorporar perfeitamente uma coleção existente, chegando até a explorar outros tokens compatíveis com 0x para maior versatilidade.

## Primeiros passos

Para explorar essa funcionalidade é necessário ter criado um DApp usando [DexAppBuilder.](https://dexappbuilder.dexkit.com) Assumindo que esse seja o caso, vamos prosseguir.

{% hint style="info" %}
[Clique aqui](https://docs.dexkit.com/produtos-e-solucoes-defi-pt/dexappbuilder/criando-minha-primeira-dapp) para ir diretamente às instruções para criar seu primeiro DApp.
{% endhint %}

Para começar a explorar a ferramenta Gated Content você deve visitar seu painel de administração na plataforma da DexKit e editar seu DApp (aqui estão as [instruções para editar um DApp existente](https://docs.dexkit.com/produtos-e-solucoes-defi-pt/dexappbuilder/gerenciando-esta-ferramenta/..#editing-my-crypto-app-s)).

Navegue até a seção «Páginas» no menu à esquerda (etapa 1 na imagem abaixo). Você poderá ver a página principal do seu DApp com todos os componentes que estiver usando lá. Agora clique no botão «+ Criar nova página» (conforme mostramos como segundo passo) para criar sua primeira página. Lembre-se de dar um nome apropriado. Usaremos a página "Alternativa" para esse propósito.

Agora clique no ícone de cadeado à esquerda da lixeira vermelha para acessar as condições do Gated Content, como mostramos abaixo 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F2t2vcnWlJ6hjHio0a9CE%2Fimage.png?alt=media&#x26;token=ef8bcafc-eaf7-4356-9f8e-425a7daa65f6" alt=""><figcaption></figcaption></figure>

Uma vez que você clicar no cadeado verá a seguinte página sem nenhuma condição, pois é nova. Vamos clicar no botão "+ Adicionar Condição" para ver quais temos disponíveis:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FtzREXcIsmUUu0Xb3u8aB%2Fimage.png?alt=media&#x26;token=03fe5a2c-6c4e-4894-84a5-f4372d369beb" alt=""><figcaption></figcaption></figure>

Agora você verá um novo modal ou janela abrir na sua tela pedindo algumas informações que cobriremos em detalhe:

### Condições gated para NFTs

O primeiro tipo de condição possível é por meio de NFTs. Para fazer isso você deve escolher, como na foto abaixo, a opção "Coleção", mas não antes de primeiro importar todas as coleções que você vai usar, como mostramos [aqui na documentação](https://docs.dexkit.com/defi-products/dexappbuilder/creating-my-first-dapp#importing-collections).

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F6GjZZ0wNFqWOXEzOJqq5%2Fimage.png?alt=media&#x26;token=d2d95a53-5f87-4bc7-b25a-29b02b8127d3" alt=""><figcaption><p>Estamos exigindo aqui o NFT com ID 1 da coleção CyberCows para poder visualizar esta página.</p></figcaption></figure>

Se você deixar o ID do token vazio, o detentor de qualquer NFT dessa coleção específica poderá ver o conteúdo desta página. Quando terminar aqui, clique no botão azul "Salvar".

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FicSEIHv4ejtv5rRg2Llj%2Fimage.png?alt=media&#x26;token=280fd1b7-919c-48cf-937f-92378d75c293" alt=""><figcaption><p>Nesta imagem podemos ver apenas uma condição a ser atendida para ver esta página.</p></figcaption></figure>

### Condições gated para tokens ERC-20

Vamos adicionar agora uma condição de token ERC-20 além da condição de NFT 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FZ38r9mvjIdZs2pt8nhUk%2Fimage.png?alt=media&#x26;token=737d48a4-bbe3-4760-94fc-efcf759bfdf4" alt=""><figcaption></figcaption></figure>

* Após selecionar "Moeda" você agora precisa selecionar qual dentre a lista suspensa no centro. Essa lista mostrará todos os tokens que você importou previamente.
* Defina a quantidade de tokens exigida para que seus visitantes cumpram esta condição.
* Depois de preencher todos os campos obrigatórios, vamos clicar no botão azul «Salvar»

Agora você verá ambas as condições na lista destacadas em verde e separadas pela condição OR, que pode ser AND se você exigir 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FiEpG4BGqcHaEr8U1enWL%2Fimage.png?alt=media&#x26;token=e5c13d52-9859-4678-b714-b9bf645cb62c" alt=""><figcaption><p>Não há limite para o número de condições que seu conteúdo gated pode ter </p></figcaption></figure>

Agora clique no botão azul "Salvar" e confirme. Aguarde o modal de sucesso conforme mostrado abaixo:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FkUU7EfY86DBhoXAUcbBz%2Fimage.png?alt=media&#x26;token=15d1af0f-6407-47e5-8e23-a59f7efe7c6c" alt=""><figcaption></figcaption></figure>

### Alterar layout das condições gated

Você pode personalizar a tela mostrada aos visitantes do seu conteúdo gated usando imagens (em modo claro e escuro) e uma mensagem personalizada. Para chegar lá você deve selecionar a aba de layout (destacada em verde) 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FprQIrMPF8kTbu7AUj06a%2Fimage.png?alt=media&#x26;token=07d1f20e-5422-4d96-bf73-81bd0273e59a" alt=""><figcaption></figcaption></figure>

Neste momento você poderá usar todas as ferramentas e componentes dentro do DexAppBuilder para criar seu incrível conteúdo gated. Siga [nosso guia](https://docs.dexkit.com/produtos-e-solucoes-defi-pt/dexappbuilder/gerenciando-esta-ferramenta/construindo-secoes-personalizadas) ou assista ao nosso [vídeo no YouTube](https://www.youtube.com/watch?v=M0vnoVX6rwg) para aprender como criar uma página personalizada baseada em suas necessidades.

Adoramos as ideias da nossa comunidade e frequentemente ajudamos a torná‑las realidade com nossos produtos, então se você precisar de ajuda com seu projeto ou ideia, [visite-nos no Discord!](https://discord.gg/invite/dexkit-official-943552525217435649) é a plataforma favorita da nossa equipe principal para se comunicar com clientes em tempo real.