# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
This site has an agentic ask interface you may use to query the documentation dynamically by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.dexkit.com/produtos-e-solucoes-defi-pt/index.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

---

# Visão geral

Potencialize a criação da sua DApp e lance seu negócio Web3 com propriedade garantida.

[DexAppBuilder](https://dexappbuilder.dexkit.com/) não é seu construtor de aplicativos comum - **é um CMS cripto abrangente** (Sistema de Gerenciamento de Conteúdo) **que permite criar e lançar seu próprio DApp com marca de forma fácil em questão de minutos**. O que diferencia o DexAppBuilder é sua capacidade única de integrar vários recursos usados em outros produtos DexKit e torná-los disponíveis para você colocar em seu DApp:

* [DexNFTMarket](https://dexappbuilder.dexkit.com/admin/create), Mercado para venda de NFTs;
* [DexContracts](https://dexappbuilder.dexkit.com/forms/contracts/create), gerador de tokens e coleções de NFT (com imagens generativas);
* [DexNFTStore](https://dexappbuilder.dexkit.com/admin/quick-builder/nft-store), loja online para NFTs;
* [DexSwap](https://dexappbuilder.dexkit.com/admin/quick-builder/swap), ferramenta de troca de criptomoedas;
* [DexExchangePro](https://dexappbuilder.dexkit.com/admin/quick-builder/exchange), exchange descentralizada de criptomoedas;
* [DexWallet](https://dexappbuilder.dexkit.com/admin/quick-builder/wallet), uma carteira cripto para gerenciar tokens e NFTs. Pode ser totalmente modificada.

Com o DexAppBuilder, você pode selecionar os recursos cripto que deseja e adicioná-los facilmente ao seu DApp, sem a necessidade de codificação complicada.

Nosso construtor amigável vem repleto de ferramentas e recursos para ajudá-lo a **criar um DApp profissional e refinado que reflita sua marca e visão**. Ao gerar um NFT exclusivo associado ao seu DApp, você pode comprovar sua propriedade e até vendê-lo no mercado, tudo enquanto aproveita poderosas oportunidades de monetização.

**O DexAppBuilder torna o processo de criação de DApps o mais suave e livre de complicações possível**. Nossa equipe de suporte especializada está sempre disponível para fornecer orientação e assistência, garantindo que você tenha tudo o que precisa para criar um DApp verdadeiramente excepcional.

Portanto, quer você seja um empreendedor, startup ou desenvolvedor, o DexAppBuilder tem tudo o que você precisa para ter sucesso no mundo do Web3. Experimente hoje e veja como criar DApps pode ser fácil e gratificante com o poder de um CMS cripto completo na ponta dos seus dedos.

## Tutoriais no YouTube

Temos um número significativo de tutoriais em vídeo em nosso [canal do YouTube.](https://www.youtube.com/c/dexkit) Temos certeza de que eles tornarão seu processo de criação muito mais fácil.

## Iniciativa de código aberto

No interesse de permitir colaboração externa e como sinal do compromisso da DexKit com código aberto e bens públicos em geral, tornamos o repositório do DexAppBuilder [publicamente disponível](https://github.com/DexKit/dexkit-monorepo). Desenvolvedores de todo o mundo agora poderão colaborar na plataforma contribuindo com melhorias e novos recursos.


# Redes disponíveis

Exiba e negocie qualquer token dentro da sua DApp nas redes habilitadas

## Mainnets

* [Ethereum](https://ethereum.org/en/)
* [Optimism](https://www.optimism.io/)
* [Polygon](https://polygon.technology/)
* [Base](https://base.org/)
* [Pulsechain](https://pulsechain.com/)
* [Binance Chain (BNB)](https://www.bnbchain.org/en)
* [Avalanche](https://www.avax.network/)
* [Arbitrum](https://arbitrum.io/)
* [Fantom](https://fantom.foundation/)
* [Blast](https://blast.io/en)

## Testnets

* Ethereum [Goerli](https://goerli.net/)
* Ethereum [Sepolia](https://sepolia.etherscan.io/)
* Binance Chain [Testnet](https://testnet.bscscan.com/)
* Blast L2 [Sepolia](https://testnet.blastscan.io/)


# Criando minha primeira DApp

Descubra como criar sua própria DApp, que permite vender colecionáveis digitais, facilitar a negociação de tokens e compartilhar a experiência com seus amigos.

Neste widget específico você poderá inserir suas coleções em destaque ou ativos à venda. Para facilitar a criação do seu primeiro DApp, dividimos todas as informações em etapas (tanto no assistente DexAppBuilder quanto nesta documentação).

Primeiro de tudo [acesse este link](https://dexappbuilder.dexkit.com/admin/create), que o levará ao backend onde você criará e gerenciará seus DApps. Agora é mais fácil implantar qualquer dApp disponível na plataforma.

{% hint style="info" %}
Lembre-se de que você está interagindo com um produto Beta, portanto ele pode apresentar comportamentos inesperados. Se encontrar algum, por favor nos informe em [nosso servidor Discord](https://discord.com/invite/GJCRu4CYFH).
{% endhint %}

**Você está dentro? 🤓** Agora conecte sua carteira clicando no botão localizado no canto superior esquerdo. Você pode usar Metamask ou qualquer outra carteira Web3.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FxMJeMIn7kcs8eeRGNgwN%2Fimage.png?alt=media&amp;token=fa99b3c7-d093-4f87-8597-0cb52e2ba2af" alt="" width="382"><figcaption><p>Todas as suas carteiras conectadas serão exibidas aqui, inclusive as hardware wallets.</p></figcaption></figure>

## Primeiros passos

### Seção de configurações

1. **Nome do seu DApp (ou nome de domínio):** Seja criativo, ou apenas siga o caminho da sua marca. **Importante!** **Considere que este é o único recurso que não pode ser alterado depois de implantado** porque uma vez em produção essa opção não pode ser editada. Pense bem sobre isso.

{% hint style="info" %}
Certifique-se de que o nome do domínio esteja em letras minúsculas e sem caracteres especiais.
{% endhint %}

1. **E-mail do DApp:** Este e-mail não será publicado e é o método de contato que usaremos para enviar (com seu consentimento) nossa Newsletter e, se você for usuário Premium, você também receberá sua fatura nele. Você precisará confirmar este e-mail assim que criar o DApp.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FtxYHJRtysYAY4v6Gy7h8%2Fimage.png?alt=media&amp;token=a867221a-e5da-4189-b49e-f71662e4f620" alt=""><figcaption><p>Depois de preencher o nome de domínio e seu e-mail, clique em «Create App»</p></figcaption></figure>

Após preencher essas duas linhas, clique no botão azul «CREATE APP», assine digitalmente na sua carteira. Você receberá uma mensagem pop-up que precisará da sua autorização.

{% hint style="info" %}
As assinaturas digitais na plataforma DexKit são seguras e gratuitas, então você pode usar qualquer carteira, mesmo sem fundos.
{% endhint %}

Se tudo correr bem você verá o modal a seguir:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FfeZUPxpAfNXsx1sEoxmy%2Fimage.png?alt=media&amp;token=4e691716-fad1-4409-b145-ccf5bddca88d" alt=""><figcaption><p>Agora clique em «View App» para visitar o backend.</p></figcaption></figure>

#### Geral

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FzB3LpbxxU6acQG4vYeTF%2Fimage.png?alt=media&amp;token=9f13a08b-d32c-42d2-818f-7692c3c8ebfd" alt=""><figcaption></figcaption></figure>

1. **Logos.** PNG ou SVG 150x150px (imagem quadrada) é recomendado. Clicar na imagem «DexAppBuilder by DexKit» abrirá um menu de upload. Nós hospedaremos suas imagens para você.
2. **Tamanhos de logo para mobile e desktop.**
3. **URL do favicon.** PNG ou SVG 20x20px recomendado. Clique no ícone roxo do Kittygotchi e faça o upload da sua imagem.
4. **Idiomas**: Inglês (EUA) como idioma padrão, Português, Espanhol, Alemão, Francês, Italiano, Norueguês e Tcheco.
5. **Moedas**: Dólar americano, Euro, Real brasileiro, Rupia indiana, Coroa tcheca, Peso argentino, Franco suíço, Peso chileno, Bolívar venezuelano e Naira nigeriana.

#### Domínio

Nós hospedaremos seu DApp [usando um serviço centralizado e confiável](https://vercel.com/). Também estamos incluindo uma URL personalizada para seu DApp com `*.dexkit.app` sufixo, assim você não precisará comprar nenhum domínio, nem hospedagem para implantá-lo.&#x20;

Ao mesmo tempo, **manteremos a seção de domínio personalizado,** para que você possa usar um subdomínio de um dos seus domínios e chamar seu DApp por lá.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F4nQARrGvXEQW23Hos4wJ%2Fimage.png?alt=media&amp;token=51066596-a57c-4e67-be2f-2fe2d13bb350" alt=""><figcaption></figcaption></figure>

Temos um tutorial [aqui](https://docs.dexkit.com/defi-products/use-cases/for-entrepreneurs/custom-dswap#creating-your-cname-alias) sobre adicionar uma entrada CNAME no [CloudFlare](https://www.cloudflare.com/). Também fizemos um [vídeo no YouTube](https://www.youtube.com/watch?v=pvzGTxcebW4) realizando o procedimento.

{% hint style="warning" %}
Quando você estiver adicionando seu CNAME seguindo 'cname.vercel-dns.com' no seu provedor de hospedagem, você também precisa adicionar um registro do tipo A, com '@' como Nome e '76.76.21.21' para evitar problemas com redirecionamento.
{% endhint %}

Se você não estiver usando esse recurso opcional, pode deixar o campo em branco e seguir em frente.

#### Social

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FdB0XJ2KpGgiPBt1Qoknn%2Fimage.png?alt=media&amp;token=e688dd72-ea8d-4a61-9d53-8886a693a29b" alt=""><figcaption></figcaption></figure>

Adicione links personalizados clicando no botão «+Add custom».&#x20;

### Seção de layout

#### Tema

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fenp15DZQNhtbrNF3OZnA%2Fimage.png?alt=media&amp;token=ca99ff4c-d79c-4ab0-a13a-15e3d65563f2" alt=""><figcaption></figcaption></figure>

Escolha entre as combinações de cores atualmente disponíveis ou simplesmente escolha suas cores personalizadas para alinhar com as diretrizes da sua marca. **Escolha também entre mais de 500** [**Google fonts**](https://fonts.google.com/) **para deixá-lo com ótima aparência**.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FC649Qldn9OWWacRWNkxM%2Fgooglefonts.gif?alt=media&amp;token=5668dec7-8b84-4602-8195-a471b2b2bf8e" alt=""><figcaption></figcaption></figure>

Depois de preencher esta seção com suas cores, pressione o botão azul «SAVE» no canto inferior direito da página. Assine digitalmente e continue.

#### Páginas

Talvez esta seja a seção mais importante e interessante do seu DApp, pois aqui você pode deixar sua imaginação correr solta para organizar os elementos disponíveis em seu benefício.

Vamos revisar os principais elementos que compõem esta seção:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FTKnJKhh5wcMBqPEBwrJ4%2Fimage.png?alt=media&amp;token=07872f22-6863-4de6-8050-e34484327468" alt=""><figcaption></figcaption></figure>

Dentro desta seção você pode colocar as páginas do seu DApp e clicar em cada uma permitirá que você insira seções pré-construídas padrão (clicando no botão + ADD SECTION) ou adicionar uma personalizada clicando abaixo no botão «+ ADD CUSTOM SECTION». Leia mais sobre as seções padrão e como usar cada componente.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FayJfsAKS0aMx1yOm9Sao%2Fimage.png?alt=media&amp;token=041b59bc-4aac-47c9-a8ed-573915cc8f14" alt=""><figcaption></figcaption></figure>

#### Uso de tooltip

<div align="center"><figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FmOmTfxyC7KAd3WYoXXfs%2Fhide_on_mobile.png?alt=media&amp;token=02131f9c-b8f3-4017-b8c4-936c622f5799" alt=""><figcaption><p> Ocultar no mobile</p></figcaption></figure> <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F67Ujqa8WGk9RyyeJVPp7%2Fhide_on_desktop.png?alt=media&amp;token=b6e01187-3e39-4aa5-816a-a4c5a4314a74" alt=""><figcaption><p>Ocultar no desktop</p></figcaption></figure> <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Ffma3TApfMfx33ZZ0LyyX%2Fclone.png?alt=media&amp;token=a75558fa-a7fa-46ac-be17-ad7f8380438e" alt=""><figcaption><p>    Clonar seção</p></figcaption></figure> <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FBMc2P5kY7vbS8kzN7ucU%2Fpreview.png?alt=media&amp;token=7f5a096f-8e2d-4879-96f4-8bc8ea067115" alt=""><figcaption><p>Pré-visualizar seção</p></figcaption></figure> <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FqGaypPqN4oTElMpqz0cz%2Fedit_section.png?alt=media&amp;token=3ed14ff4-f1b2-4776-9dd0-87d7fdcc3157" alt=""><figcaption><p>    Editar seção  </p></figcaption></figure> <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FtflfalDKhsDv0qBmXKwI%2Fremove_section.png?alt=media&amp;token=0c07767c-9583-4d2d-86e1-3654378e5b43" alt=""><figcaption><p>  Excluir seção</p></figcaption></figure> <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FVkugTvc20UGfNkgVdgF0%2Fmove_section_up.png?alt=media&amp;token=1c83162f-1eb3-42da-ae14-a22d663473c8" alt=""><figcaption><p>Mover seção para cima</p></figcaption></figure></div>

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FIm0C9ywk5CiL61nKRQyU%2Fdragndropcomponents.gif?alt=media&amp;token=f5f6a836-fc4d-469e-b6c7-0032cb5f4aea" alt=""><figcaption><p>Você pode arrastar e soltar componentes para organizá-los em cada página.</p></figcaption></figure>

Crie as páginas que você precisará para seu DApp. Considere que a única página que terá componentes pré-construídos é a Home. Cada vez que você criar uma, ela começará sem componentes.

{% hint style="info" %}
Você sabia que pode publicar qualquer NFT que quiser lá para vender? 👀 <mark style="color:verde;">**você não precisa ser o proprietário**</mark>**.** Basta usar os detalhes do NFT e, se você conseguir uma venda pelo seu DApp, as taxas serão suas 🥳
{% endhint %}

#### Páginas personalizadas

Nesta seção os usuários podem adicionar muitas opções interessantes que não apenas ajudam seu DApp a ter ótima aparência, mas também a ser útil e funcional para seus visitantes.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fb7VVOK9FSOezHVkEk8ns%2FMicrosoft%20Game%20DVR%20-%20https___whitelabel-nft.dexkit.com_admin%20-%20Brave%20-%20Reproductor%20multimedia%20VLC%2028_10_2022%207_24_07%20p.%C2%A0m..png?alt=media&amp;token=dbf4e383-cf2e-42c0-a26b-32d43aa74669" alt=""><figcaption><p>Seja criativo! Agora você tem mais ferramentas para isso! 👨‍🎨🖼👩‍🎨</p></figcaption></figure>

Você se divertiu nesta seção? 😁 Agora salve seu progresso no habitual botão azul na parte inferior da página, assine digitalmente e vamos para a próxima parte.

#### **Menu da Navbar**

Consulte [Configurando a barra de navegação](/produtos-e-solucoes-defi-pt/dexappbuilder/gerenciando-esta-ferramenta/configurando-a-barra-de-navegacao) para uma explicação detalhada.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FwDeZ2bukxZCfpTczJx26%2Fimage.png?alt=media&amp;token=e0d8b966-e6b9-467e-a7c7-4aeaffb57ebc" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Você pode notar que nem sempre será solicitada a assinatura digital** se não clicar em salvar e apenas pular entre as seções. **Recomendamos salvar progressivamente** para evitar perder seu progresso, por isso pedimos sempre que assine após fazer alterações.
{% endhint %}

#### **Menu do rodapé**

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FGatSkPSFSTAnz1MElko5%2Fimage.png?alt=media&amp;token=7d994c3f-84ce-4362-9838-6cd1212b80e0" alt=""><figcaption></figcaption></figure>

Adicione quantos links e menus quiser no rodapé do seu DApp.

#### Configurando páginas de SEO

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FRe01hJKXgIwtw2B1ZxHQ%2Fimage.png?alt=media&amp;token=23ecd9be-c925-4a5c-af3f-5989a8e93b58" alt=""><figcaption></figcaption></figure>

Esta seção permitirá que seu DApp seja indexado pelos motores de busca mais populares. Preencha ambos os campos e faça upload da imagem de compartilhamento que será vista quando você compartilhar o link do seu DApp usando o protocolo OpenGraph. Como sempre, recomendamos «SAVE» e prosseguir.

### Seção de taxas

#### Taxas do marketplace de NFTs

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FPuUXmmjLI7HQ0o8eJvds%2Fimage.png?alt=media&amp;token=698d62da-1004-4010-a04d-ad82ff941d54" alt=""><figcaption><p>Esta é uma seção importante do seu marketplace de NFTs</p></figcaption></figure>

Nesta seção você poderá definir uma taxa para cada NFT negociado no seu DApp. **Recomendamos aqui não ser ganancioso e usar percentuais mais baixos** (de 1% até 5%) para tornar suas ofertas atraentes. Depois de terminar aqui, clique em «SAVE» e prossiga para a outra seção de taxas, desta vez para a interface de swap.

#### Taxas de swap

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FxKuXgAtRZf7eWRazrZEv%2Fimage.png?alt=media&amp;token=0aa3d217-4e6b-4cdb-b820-06914404fa67" alt=""><figcaption></figcaption></figure>

Aqui você definirá as taxas que deseja receber das operações de negociação dos seus clientes. **Como esta será uma das funcionalidades mais usadas no seu DApp, tente usar percentuais baixos** aqui se não quiser assustar seus clientes 🏃‍♀️🏃‍♂️💨💨

### Seção de dados

#### **Importando coleções**

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FTA5ypYXzze6lDqsh7pya%2Fimage.png?alt=media&amp;token=76bb6786-5017-458c-bdfa-946d9909c493" alt=""><figcaption></figcaption></figure>

Aqui você colocará todas as coleções que você tem disponíveis levando em conta que **você pode escolher várias redes ao mesmo tempo para cada uma delas**. Por exemplo, você pode adicionar a coleção dos nossos adoráveis gatinhos Kittygotchi NFT (no Ethereum, Polygon ou Binance Chain) e, por sua vez, você poderá adicionar suas coleções de NFT em outras redes que suportamos com [liquidez descentralizada 0x](https://www.0x.org/).

{% hint style="info" %}
Importar suas coleções de NFT permitirá que você use todos os componentes predefinidos que oferecemos para NFTs.
{% endhint %}

Siga o exemplo abaixo para adicionar suas coleções de NFT corretamente:

1. Clique no botão "+ Add Collection"

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F3g5NEVmwYBl2SnllkhbH%2Fimage.png?alt=media&amp;token=764abb23-3427-4f80-910c-dc29dd2b9705" alt="" width="563"><figcaption></figcaption></figure>

2. Preencha todos os campos em branco da coleção de NFT que você está prestes a importar. Neste caso você precisará fazer tudo manualmente. Simplesmente não funciona como os tokens ERC20 😥 mas... vamos lá! Seu DApp será o G.O.A.T 🐐

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FwvCAzG0zUicAsMyR8xEB%2Fimage.png?alt=media&amp;token=3206d709-cc8f-4ae3-ba32-14dd3e1db78d" alt="" width="389"><figcaption><p>Estamos usando a coleção de NFT mais popular no momento.</p></figcaption></figure>

3. Você pode desabilitar vendas secundárias para impedir que essa coleção seja vendida em qualquer lugar que não seja seu DApp.
4. Quando terminar aqui, clique no botão azul "Save".

#### Tokens

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FA90HkwoyRiFTVtQCzKaX%2Fimage.png?alt=media&amp;token=96de151a-c582-492d-ae3d-94d62537b6f1" alt=""><figcaption></figcaption></figure>

**Escolha os pares que você quer que sejam negociados no seu DApp**. Na lista você encontrará os pares mais solicitados pelas pessoas, levando em conta seus volumes de mercado, mas se você pressionar o *adicionar* botão (dentro do retângulo laranja), você também pode adicionar qualquer token personalizado. Clicar no botão de *importar* à direita habilitará listas de tokens populares no seu DApp. Sinta-se à vontade para escolhê-las também.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FcEMY0UgBuNriYGOmBu9Y%2Fimage.png?alt=media&amp;token=034a6821-b0ae-4ed7-92cc-9e36f82068b4" alt="" width="285"><figcaption></figcaption></figure>

Precisa de mais informações? vá para a [Importando tokens](/produtos-e-solucoes-defi-pt/dexappbuilder/gerenciando-esta-ferramenta/importando-tokens) seção.

#### **Redes**

Nesta seção você pode escolher as redes disponíveis no seu DApp. Esta função é muito útil ao criar produtos voltados para uma rede específica, como o lançamento de um token ERC20 ou uma coleção de NFTs.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FJ4GFuIFQRmjRbReHU5v5%2Fimage.png?alt=media&amp;token=ee204f7e-3c9f-433e-9a1a-8017395449f9" alt="" width="563"><figcaption><p>Clique em «Edit», escolha aquelas que você vai remover e então salve.</p></figcaption></figure>

## Finalizando

**Se você terminou de preencher todo o conteúdo, parabéns!** 😻 lembre-se de *salvar* novamente e clique aqui para voltar à seção admin 👇

Continue lendo [Gerenci](/produtos-e-solucoes-defi-pt/dexappbuilder/gerenciando-esta-ferramenta)[ando esta ferramenta](/produtos-e-solucoes-defi-pt/dexappbuilder/gerenciando-esta-ferramenta) e aprenda como navegar na área administrativa.


# Começando com modelos

Para tornar ainda mais fácil o seu início, criamos alguns modelos que você pode clonar, editar e usar em seu projeto. Explicamos como fazer isso de forma simples.

{% hint style="warning" %}
Lembre-se de que você sempre precisará implantar seus próprios contratos inteligentes. Os que estão nos produtos são apenas exemplos.
{% endhint %}

## Primeiros passos

Antes de mais nada, visite o [catálogo de modelos](https://dexappbuilder.dexkit.com/site/templates). Você pode escolher entre os disponíveis para o seu projeto (esses modelos são seguros para usar e fáceis de editar).

Uma vez na plataforma você deve conectar sua carteira clicando no ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F9hgoX0vUdF7hV5sNqFFV%2Fimage.png?alt=media\&token=b87015c2-c43b-4ccc-ab3f-144d1e4e4bdc) botão no canto superior direito.

Quando sua carteira estiver conectada com sucesso você precisará clicar no ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F9wuEPoEK9oPAo4MnuCrz%2Fimage.png?alt=media\&token=5bd222f1-83ae-44d4-b7e0-7e1a251c9359) botão no modelo escolhido. Isso abrirá o formulário de início rápido onde você precisará preencher apenas dois campos

* **O domínio da sua DApp:** `swapland`, `cooldex`... seu nome é a essência do seu produto! mantenha-o curto, apenas underscores e sem caracteres especiais. O domínio e o hospedagem serão fornecidos por nós `seu-nomedapp.dexkit.app`, mas não teremos qualquer intervenção na sua DApp, então tenha isso em mente.
* **O e-mail da sua DApp:** Usaremos este e-mail para autenticar você e saber se você é uma pessoa real. Enviaremos uma mensagem de verificação.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FZvC2LkO4FzsMmxlXwc1B%2Fimage.png?alt=media&amp;token=e84f5cfb-012b-464c-9b73-72ee03ea179e" alt=""><figcaption><p>Você também poderá ver a pré-visualização da sua DApp no lado direito da tela. Esse é o modelo que estamos prestes a clonar.</p></figcaption></figure>

Uma vez que completarmos os campos, clicaremos no ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FcaOmSO0gEgZ0IRXdUuIw%2Fimage.png?alt=media\&token=388d24af-62a9-4032-aaab-6971f4ccf4c9) botão e o seguinte prompt aparecerá na sua tela 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F4yzUPVy9NiqaBuB1JVRf%2Fimage.png?alt=media&amp;token=68c3b60b-acc0-4789-b2eb-7e6de90c2210" alt=""><figcaption><p>Clique em VER APLICATIVO para ser redirecionado para a seção administrativa.</p></figcaption></figure>

Uma vez redirecionado corretamente você poderá ver todas as abas e seções personalizáveis globalmente.

### Configurando as Configurações

#### Geral

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FKjmMutZ5YW3OTXOkJ0Io%2Fimage.png?alt=media&amp;token=de23fb99-effd-494c-a64a-8630c79d9ca5" alt=""><figcaption></figcaption></figure>

1. **Logos (modos escuro e claro)** PNG ou SVG 150x150px (imagem quadrada) é recomendado. Nós hospedaremos suas imagens para você.
2. **URL do favicon.** PNG ou SVG 20x20px recomendado. Clique no ícone roxo do Kittygotchi e faça o upload da sua imagem.
3. **Idiomas**: Inglês (EUA) como idioma padrão, Português, Espanhol, Alemão, Francês, Italiano, Norueguês e Tcheco.
4. **Moedas**: Dólar americano, Euro, Real brasileiro, Rupia indiana, Coroa tcheca, Peso argentino, Franco suíço, Peso chileno, Bolívar venezuelano e Naira nigeriana.

#### Domínio

Nós hospedaremos seu DApp [usando um serviço centralizado e confiável](https://vercel.com/dashboard). Também estamos incluindo uma URL personalizada para seu DApp com `*.dexkit.app` sufixo, assim você não precisará comprar nenhum domínio, nem hospedagem para implantá-lo.&#x20;

Ao mesmo tempo, **manteremos a seção de domínio personalizado,** para que você possa usar um dos [CNAMES](https://www.techtarget.com/searchwindowsserver/definition/canonical-name) do seu domínio e chamar sua DApp a partir daí.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FX172ORhMDRMRI4xraZPp%2Fimage.png?alt=media&amp;token=b5fa14c9-6395-4d78-b655-e5250f80aa7d" alt=""><figcaption></figcaption></figure>

Temos um ótimo tutorial [aqui](https://docs.dexkit.com/defi-products/use-cases/for-entrepreneurs/custom-dswap#creating-your-cname-alias) sobre adicionar uma entrada CNAME no [CloudFlare](https://www.cloudflare.com/). Também fizemos um [vídeo no YouTube](https://www.youtube.com/watch?v=pvzGTxcebW4) realizando o procedimento.

{% hint style="warning" %}
Ao adicionar seu CNAME seguindo 'cname.vercel-dns.com' no seu provedor de hospedagem, você também pode adicionar um registro do tipo A, com '@' como Nome e '76.76.21.21' se estiver enfrentando problemas com redirecionamento.
{% endhint %}

Se você não estiver usando esse recurso opcional, pode deixar o campo em branco e seguir em frente.

#### Equipe

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FHAh7hliucT8pdFonROPr%2Fimage.png?alt=media&amp;token=80c003b5-d723-4d4b-b023-7b41b147c38c" alt=""><figcaption></figcaption></figure>

Você pode querer ler nossa [informação abrangente sobre como configurar membros da equipe](/produtos-e-solucoes-defi-pt/dexappbuilder/gerenciando-esta-ferramenta/configurando-times) e delegar permissões individualmente.

#### Versão

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fv6bMw3UQHaVb6mCWAf72%2Fimage.png?alt=media&amp;token=72d46375-9e6e-40b2-89b2-68d12cc65b33" alt=""><figcaption></figcaption></figure>

Salve sua DApp sempre que quiser e restaure o estado se não gostar das alterações feitas. Isso também pode ser usado para branding sazonal, quando você quiser decorar sua DApp e não quiser ter que apagar todas as mudanças que fez. Mantenha uma cópia para o próximo ano e não se preocupe em desenhar novamente.&#x20;

[Leia a documentação](/produtos-e-solucoes-defi-pt/dexappbuilder/controle-de-versao-do-app) sobre isso para que você possa aprender a usar corretamente essa funcionalidade.

#### Propriedade

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FrCV3evFfUnS1FBbgORj8%2Fimage.png?alt=media&amp;token=91842046-781f-411d-a34a-909953370b81" alt=""><figcaption></figcaption></figure>

Nesta seção você pode registrar este design como um NFT na blockchain Polygon e vendê-lo em qualquer marketplace. Se você é um designer de DApp, isso pode ser uma excelente oportunidade de negócio.

[Consulte nossa documentação](/produtos-e-solucoes-defi-pt/dexappbuilder/gerenciando-esta-ferramenta/propriedade-da-dapp) para obter mais detalhes sobre como usar corretamente essa função

#### Mídias sociais

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FqXA8vl6aFarXIuBAQHif%2Fimage.png?alt=media&amp;token=65fc8478-b9a2-46b9-be7b-0bf077fb2edc" alt=""><figcaption></figcaption></figure>

Adicionaremos mais perfis de mídias sociais conforme recebermos mais solicitações. Após finalizar esta parte, clique no botão azul «SALVAR» e continue.

### Seção de layout

#### Tema

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F0KVQDxUbp412ZpEAODlX%2Fimage.png?alt=media&amp;token=f3be5665-bc00-45a0-9529-6095fa775f60" alt=""><figcaption></figcaption></figure>

Escolha entre as combinações de cores atualmente disponíveis ou simplesmente escolha suas cores personalizadas para alinhar com as diretrizes da sua marca. **Escolha também entre nossa seleção de** [**Google fonts**](https://fonts.google.com/) **para deixá-lo ainda melhor**.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FC649Qldn9OWWacRWNkxM%2Fgooglefonts.gif?alt=media&amp;token=5668dec7-8b84-4602-8195-a471b2b2bf8e" alt=""><figcaption></figcaption></figure>

Depois de preencher esta seção com suas cores, pressione o botão azul «SAVE» no canto inferior direito da página. Assine digitalmente e continue.

#### Páginas

Talvez esta seja a seção mais importante e interessante do seu DApp, pois aqui você pode deixar sua imaginação correr solta para organizar os elementos disponíveis em seu benefício.

Vamos revisar os principais elementos que compõem esta seção:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FUIlEIRWPQJAYuaIXcnm0%2Fimage.png?alt=media&amp;token=8013d77a-f4a9-4a6d-bc1e-918e982d0771" alt=""><figcaption><p>Você verá nesta imagem que o único componente existente é o de swap. Isso é porque clonamos um modelo de swap único.</p></figcaption></figure>

Dentro desta seção você pode inserir seções predefinidas padrão (clicando no botão + ADICIONAR SEÇÃO) ou adicionar uma personalizada clicando abaixo no botão «+ ADICIONAR SEÇÃO PERSONALIZADA». Leia mais sobre as seções padrão e como usar cada componente.

#### Uso de tooltip

<div align="center"><figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FmOmTfxyC7KAd3WYoXXfs%2Fhide_on_mobile.png?alt=media&amp;token=02131f9c-b8f3-4017-b8c4-936c622f5799" alt=""><figcaption><p> Ocultar no mobile</p></figcaption></figure> <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F67Ujqa8WGk9RyyeJVPp7%2Fhide_on_desktop.png?alt=media&amp;token=b6e01187-3e39-4aa5-816a-a4c5a4314a74" alt=""><figcaption><p>Ocultar no desktop</p></figcaption></figure> <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Ffma3TApfMfx33ZZ0LyyX%2Fclone.png?alt=media&amp;token=a75558fa-a7fa-46ac-be17-ad7f8380438e" alt=""><figcaption><p>    Clonar seção</p></figcaption></figure> <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FBMc2P5kY7vbS8kzN7ucU%2Fpreview.png?alt=media&amp;token=7f5a096f-8e2d-4879-96f4-8bc8ea067115" alt=""><figcaption><p>Pré-visualizar seção</p></figcaption></figure> <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FqGaypPqN4oTElMpqz0cz%2Fedit_section.png?alt=media&amp;token=3ed14ff4-f1b2-4776-9dd0-87d7fdcc3157" alt=""><figcaption><p>    Editar seção  </p></figcaption></figure> <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FtflfalDKhsDv0qBmXKwI%2Fremove_section.png?alt=media&amp;token=0c07767c-9583-4d2d-86e1-3654378e5b43" alt=""><figcaption><p>  Excluir seção</p></figcaption></figure> <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FVkugTvc20UGfNkgVdgF0%2Fmove_section_up.png?alt=media&amp;token=1c83162f-1eb3-42da-ae14-a22d663473c8" alt=""><figcaption><p>Mover seção para cima</p></figcaption></figure> <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F9Fiyn1V4RnTtkPdqJnl9%2Fmove_section_down.png?alt=media&amp;token=0dd7a7d4-050b-4e83-9683-4b93ed16c55f" alt=""><figcaption><p>Mover seção para baixo</p></figcaption></figure></div>

Crie as páginas que você precisará para seu DApp. Considere que a única página que terá componentes pré-construídos é a Home. Cada vez que você criar uma, ela começará sem componentes.

{% hint style="success" %}
🧙‍♂️ **Dica mestre:** você está planejando adicionar muitos dados? crie uma página de componente completa (sem qualquer informação, apenas o componente vazio) e clone-a as vezes que quiser. Será mais fácil para você adicionar todas as informações dos colecionáveis / contratos depois de construir a estrutura básica.
{% endhint %}

Você se divertiu nesta seção? 😁 Agora salve seu progresso no habitual botão azul na parte inferior da página, assine digitalmente e vamos para a próxima parte.

#### **Barra de navegação**

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F5LntxkFgHV5lKVjDFqsF%2Fimage.png?alt=media&amp;token=66dafb3e-4c52-4c0c-afad-0aaf2d4df9e8" alt=""><figcaption></figcaption></figure>

Escolha aqui o que você quer que seja exibido no menu superior da sua DApp. Clique nas setas no final de cada elemento para mudar as posições. Você também pode adicionar mais elementos de menu no botão «+ ADICIONAR MENU».&#x20;

{% hint style="info" %}
Aproveite ao máximo esse recurso visitando os [documentos de configuração da barra de navegação](/produtos-e-solucoes-defi-pt/dexappbuilder/gerenciando-esta-ferramenta/configurando-a-barra-de-navegacao).
{% endhint %}

#### **Menu do rodapé**

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FirxQwcNPOma9ZNwl6Wj6%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(16).png?alt=media&amp;token=70c6f101-df57-4bba-bfb5-a5c4400aa52a" alt=""><figcaption></figcaption></figure>

#### Configurando SEO

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fd2bh867cjzq2BeoFXGVG%2Fimage.png?alt=media&amp;token=7f8a3450-c080-4417-8b57-b2ae11d849f9" alt=""><figcaption></figcaption></figure>

Esta seção permitirá que seu DApp seja indexado pelos motores de busca mais populares. Preencha ambos os campos e faça upload da imagem de compartilhamento que será vista quando você compartilhar o link do seu DApp usando o protocolo OpenGraph. Como sempre, recomendamos «SAVE» e prosseguir.

#### Analytics

Crie uma nova tag do Google Analytics para sua DApp e cole-a aqui. Você receberá todos os dados dos visitantes da sua DApp, permitindo conhecer melhor seu público para posicionar melhor seu produto

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fvs8RRfK5meGxKefZE2ev%2Fimage.png?alt=media&amp;token=13a4e845-a6ca-4813-a996-2342d3d08562" alt=""><figcaption></figcaption></figure>

### Seção de taxas

#### Taxas da DApp

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fq6HSlzwsh3UFk9vNzNYY%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(18).png?alt=media&amp;token=40d7543e-6230-40e5-b439-f7afee2be7c7" alt=""><figcaption><p>Esta é uma seção importante do seu marketplace de NFTs</p></figcaption></figure>

Nesta seção você poderá definir uma taxa para cada NFT negociado no seu DApp. **Recomendamos aqui não ser ganancioso e usar percentuais mais baixos** (de 1% até 3%) para tornar suas ofertas mais atraentes. Depois de terminar aqui, clique em «SALVAR» e prossiga para a outra seção de taxa, desta vez para a interface de swap.

#### Taxas de swap

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FafpJGCDzNv2lWgr6apIZ%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(19).png?alt=media&amp;token=ac0ff57d-97c2-4350-b8a6-60a42f7e4419" alt=""><figcaption><p>Outra seção crítica da sua DApp, preste atenção por favor 👀</p></figcaption></figure>

Aqui você definirá as taxas que deseja receber das operações de negociação dos seus clientes. **Como esta será uma das funcionalidades mais usadas na sua DApp, tente usar percentuais baixos aqui** (até 1%) se você não quiser assustar seus clientes 🏃‍♀️🏃‍♂️💨💨

### Seção de dados

#### **Importando coleções**

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F5Kiz5OhGu6VJL9DJjovp%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(20).png?alt=media&amp;token=17ed0a54-a303-4fe7-81f9-32bf349d0b77" alt=""><figcaption></figcaption></figure>

Aqui você colocará todas as coleções que você tem disponíveis levando em conta que **você pode escolher várias redes ao mesmo tempo para cada uma delas**. Por exemplo, você pode adicionar a coleção dos nossos adoráveis gatinhos Kittygotchi NFT (no Ethereum, Polygon ou Binance Chain) e, por sua vez, você poderá adicionar suas coleções de NFT em outras redes que suportamos com [liquidez descentralizada 0x](https://www.0x.org/).

#### Tokens

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FWqp91w0MBkSduraMZXvm%2Fimage.png?alt=media&amp;token=8f4df4f3-fba8-4361-bc45-0f9b150f524f" alt=""><figcaption></figcaption></figure>

**Escolha os pares que você deseja receber em troca dos seus NFTs**. Na lista você encontrará os pares mais solicitados pelas pessoas, levando em conta seus volumes de mercado, mas se você pressionar o *adicionar* botão (dentro do retângulo laranja), você também pode adicionar qualquer token personalizado. Clicar no botão de *importar* à direita habilitará listas de tokens populares no seu DApp. Sinta-se à vontade para escolhê-las também.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FZAUBueiEhOgFFQ63K5Eg%2Fimage.png?alt=media&amp;token=5adddd5c-d691-493e-957a-1915994a2ccc" alt="" width="288"><figcaption><p>Ao clicar no botão «IMPORTAR» será aberto este modal onde você pode procurar qualquer moeda listada no CoinGecko 🦎 </p></figcaption></figure>

#### **Redes**

Nesta seção você pode escolher as redes disponíveis no seu DApp. Esta função é muito útil ao criar produtos voltados para uma rede específica, como o lançamento de um token ERC20 ou uma coleção de NFTs.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FJ4GFuIFQRmjRbReHU5v5%2Fimage.png?alt=media&amp;token=ee204f7e-3c9f-433e-9a1a-8017395449f9" alt=""><figcaption><p>Clique em «Edit», escolha aquelas que você vai remover e então salve.</p></figcaption></figure>

### Analytics

#### Eventos

Eventos onchain

Aqui você poderá ver todos os eventos onchain que ocorreram na sua DApp. Meça corretamente e sem margem de erro todas as transações na sua DApp

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FaV5vC4SBhegVZB34uw1t%2Fimage.png?alt=media&amp;token=157b056c-8326-4321-a850-360ec6b2d764" alt=""><figcaption></figcaption></figure>

Eventos offchain

Rastreie indicações (referrals) e outros eventos que acontecem na sua DApp.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F3rERDkoejdh5nKTynrIx%2Fimage.png?alt=media&amp;token=e6797a6d-faa7-44bf-9115-885f9263f632" alt=""><figcaption></figcaption></figure>

### Classificação

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FWrDOWFaOBTBL1Erc2BU0%2Fimage.png?alt=media&amp;token=d5d8a545-02b0-41f5-825f-111f7bbb1ace" alt=""><figcaption></figcaption></figure>

Procurando recompensar a lealdade dos seus usuários? Agora você poderá fazer isso coletando uma grande quantidade de dados dentro da sua DApp, desde logins até trocas de negociação, listagens, entre outras ações. Atribua pontos a cada uma delas e crie rankings totalmente abertos e justos.

Saiba mais sobre essa incrível funcionalidade [lendo a documentação](/produtos-e-solucoes-defi-pt/dexappbuilder/quadros-de-lideres).

### Integrações

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F9JLIFgkqlEGQTJc9rQ07%2Fimage.png?alt=media&amp;token=af17f2a9-d3ad-41b0-9984-5a42e96a8629" alt=""><figcaption></figcaption></figure>

#### Geral

Adicionamos integrações de terceiros para impulsionar os casos de uso da sua DApp e melhorar o desempenho. Para usar a integração Darkblock você deve ler [a documentação deles](https://www.darkblock.io/) e então ativar os seletores.

## Finalizando

Sua DApp está pronta para ser lançada e você só precisará promovê-la! Também não esqueça que cada implantação precisará de verificações e gerenciamento periódicos para mantê-la funcionando sem problemas.

Continue lendo [Gerenci](/produtos-e-solucoes-defi-pt/dexappbuilder/gerenciando-esta-ferramenta)[ando esta ferramenta](/produtos-e-solucoes-defi-pt/dexappbuilder/gerenciando-esta-ferramenta) e aprenda como navegar na área administrativa.


# Gerenciando esta ferramenta

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FtQnM1b6PgmVL7IKdHHC4%2Fmarketplaces_new_admin.png?alt=media&amp;token=30c1932d-f14d-4813-ac6f-39c8fab7263d" alt=""><figcaption><p>Seção administrativa aprimorada: a implantação é automática.</p></figcaption></figure>

Esta é a [área administrativa](https://whitelabel-nft.dexkit.com/admin). Aqui você pode verificar seus DApps de forma simples após conectar sua carteira. Como pode ver, dentro do contorno laranja estão **os DApps que criamos antes.**

As configurações do código do seu DApp são salvas toda vez que você clica no botão azul «Salvar» na parte inferior de cada seção. **Não se esqueça de salvar progressivamente!**

Devemos configurar o DNS no seu domínio web (provedor de hospedagem) para que ele redirecione para o endereço que você criou acima para seu DApp. Felizmente temos informações suficientes [sobre como realizar este procedimento no CloudFlare aqui](https://docs.dexkit.com/defi-products/use-cases/for-entrepreneurs/custom-dswap#creating-your-cname-alias) (este link redireciona para nossa documentação).

Se tudo correu bem e você executou cada um dos passos descritos aqui, você já estará aproveitando sua ótima coleção de NFTs, como [esta](https://boredapes.dexkit.com/) ou [esta](https://kittygotchi.com) 😻

{% hint style="success" %}
:hugging:Não se preocupe! Você pode editar qualquer um dos seus DApps a qualquer momento após a implantação. Nenhuma taxa será cobrada.
{% endhint %}

## Editando meu(s) DApp(s)

**Você se arrependeu do design inicial ou pretende adicionar mais coleções?** Clique no menu hambúrguer à direita do DApp que você deseja editar (destacado em verde) e clique em “Editar” (destacado em laranja). A ferramenta o levará ao assistente inicial onde você pode fazer as alterações que considerar.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fq06dlvOU4HmlqdUI1R9p%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(23).png?alt=media&amp;token=d6d6fff7-37a9-43c0-8ba8-fa47b7ab6d23" alt=""><figcaption></figcaption></figure>


# Importando tokens

**Passos para importar tokens via API da CoinGecko:**

1. **Acesse o modal de importação de tokens:**\
   Navegue até a seção 'Configurações Tokens' e clique no botão 'Importar'.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FGQBOTnSJjiMB9KQ7Y43z%2Fimage.png?alt=media&amp;token=1c2bf7af-595a-4464-8c68-9a2b78294cd3" alt=""><figcaption></figcaption></figure>

1. **Procure seu token:**\
   No campo 'Pesquisar Token', comece a digitar o nome ou símbolo do token que deseja adicionar a partir dos tokens predefinidos abaixo
2. **Selecione seu token:**\
   Clique no token desejado na lista suspensa ou simplesmente ative-o clicando no interruptor azul à direita do token
3. **Importar novo token:**\
   Clique no botão « + Importar» para abrir o seguinte modal:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Ftp2OofAEcrtdSzYHb6pn%2Fimage.png?alt=media&amp;token=2ed71b7b-bf49-4b83-a18d-aa21d32e722b" alt="" width="213"><figcaption><p>Pesquise usando o ticker ou o nome do token.</p></figcaption></figure>

4. Escolha a rede correta entre as fornecidas.
5. Clique em Pesquisar Token e digite o token que você está procurando. O Endereço do Contrato, o Nome, o Símbolo e os Decimais serão preenchidos automaticamente se o token que você procura estiver disponível em [API de tokens da CoinGecko](https://www.coingecko.com/en/api).
6. Se seu token não aparecer na busca, cole o contrato do token e preencha também os outros campos em branco. Seu token pode não estar disponível na CoinGecko, mas pode ser negociado normalmente em sua DApp.
7. Depois de finalizar neste modal, clique no botão azul «Importar» e volte para a lista de tokens. Seu token recentemente importado deve estar lá:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FJfeMAxg1OTZ8gy55Dfl0%2Fimage.png?alt=media&amp;token=f3323450-da94-43db-a4ee-a29b9e2e6f0d" alt=""><figcaption><p>Para este exemplo adicionamos PepeCoin na rede Polygon.</p></figcaption></figure>

8. Salve todas as suas importações e aproveite seus novos pares de negociação! 🥳


# Domínios personalizados

Seu DApp no DexAppBuilder é compatível com seu próprio domínio, qualquer que seja o provedor de domínio. A seguir mostraremos como registrar seu domínio recém-comprado para que aponte para seu DApp. Neste exemplo usaremos a Namecheap para comprar o domínio e a Cloudflare para gerenciar o DNS.

{% embed url="<https://youtu.be/pvzGTxcebW4>" %}


# Configurando times

Criadores de DApps poderão convidar membros de suas equipes para operar o produto através de autenticação web3.

É possível delegar funções para certas carteiras ERC20 a fim de facilitar a administração das DApps por vários membros de uma equipe. O criador da DApp (Super Admin) pode fazer isso facilmente, ativando e desativando determinados acessos e funções para esses membros, gerando assim diferentes papéis com responsabilidades distintas.

## Acessando este recurso

Esta opção pode ser administrada na aba «Teams» - seção Configurações.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FE8HlvDW3kOwx3wrKo7Cy%2Fimage.png?alt=media&amp;token=e1c63d4a-2a9f-46aa-8867-ed586000759b" alt="" width="169"><figcaption></figcaption></figure>

## Adicionando um novo membro da equipe

Uma vez dentro da aba "Teams" devemos pressionar o botão azul "Add Member", que nos levará ao modal para adicionar um novo membro da equipe 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FEv5wsmGvpaARY9yZRJoT%2Fimage.png?alt=media&amp;token=d9431398-8500-4f6d-aca4-2d8765a5c406" alt=""><figcaption></figcaption></figure>

No formulário você deve inserir o endereço ERC20 do membro da equipe ao qual deseja delegar funções em sua DApp. Depois de adicionar o endereço, pressione o botão "SAVE".

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Feuex7PKGR0sIm4WzhXql%2Fimage.png?alt=media&amp;token=fb03bfc6-e81c-490d-a6bb-61413546ce35" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FexGxl4QtxBxqLDJcS9Ju%2Fimage.png?alt=media&amp;token=e83786dd-e3db-4324-9379-4eca5483e1bd" alt=""><figcaption><p>✅Esta mensagem indica que o banco de dados já registrou seu usuário.</p></figcaption></figure>

## Gerenciando permissões

Depois de adicionar seu membro de equipe, pressione o botão drop-down conforme o círculo verde indica na ilustração para acessar a administração de permissões de um determinado usuário 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FK8KCG4iko34c8S2j1RPV%2Fimage.png?alt=media&amp;token=268ddd77-485f-4493-82bd-449486a5890f" alt=""><figcaption></figcaption></figure>

Nesta seção, todas as permissões são atribuídas a um determinado usuário, que você pode manipular conforme suas necessidades e as do seu projeto.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FGuVS3CO4EMsyyDnC9kvZ%2Fimage.png?alt=media&amp;token=9fbe35a5-ff3f-4e77-ba99-423041d0d3bf" alt=""><figcaption></figcaption></figure>

### Permissões, explicadas

A seção a seguir contém as permissões que podem ser atribuídas aos usuários e uma breve explicação de cada uma.&#x20;

Aquelas em <mark style="color:vermelha;">cor vermelha</mark> são críticas e recomenda-se que o Super Admin as conserve para si, a <mark style="color:amarela;">cor amarela</mark> representam severidade média porque permitem que os detentores da permissão executem ações que podem alterar o funcionamento do produto e as de <mark style="color:verde;">cor verde</mark> que não representam ameaças ao devido funcionamento do produto.

<table data-view="cards"><thead><tr><th></th><th></th><th></th></tr></thead><tbody><tr><td><mark style="color:verde;"><strong>Ler</strong></mark></td><td>Este membro poderá ler toda a configuração desta DApp.</td><td></td></tr><tr><td><mark style="color:vermelha;"><strong>Atualizar Geral</strong></mark></td><td>Este membro poderá editar todas as opções localizadas na seção Geral no menu de administração do DexAppBuilder.</td><td></td></tr><tr><td><mark style="color:vermelha;"><strong>Atualizar Taxas do Marketplace</strong></mark></td><td>Este membro pode alterar o destinatário e a porcentagem deste DApp, sem levar em conta o componente de swap.</td><td></td></tr><tr><td><mark style="color:vermelha;"><strong>Atualizar Propriedade</strong></mark></td><td>Este membro pode influenciar a propriedade deste produto (criação do NFT representativo) considerando que as DApps podem ser transferidas. <a href="/produtos-e-solucoes-defi-pt/dexappbuilder/gerenciando-esta-ferramenta/propriedade-da-dapp">Visite a documentação</a> para mais informações.</td><td></td></tr><tr><td><mark style="color:verde;"><strong>Atualizar Tema</strong></mark></td><td>Este membro pode alterar o tema da DApp: cores predefinidas, fontes e tudo relacionado à aparência dela.</td><td></td></tr><tr><td><mark style="color:amarela;"><strong>Atualizar Menu</strong></mark></td><td>Este membro pode modificar a seção de menu da barra superior (ou principal) da DApp.</td><td></td></tr><tr><td><mark style="color:amarela;"><strong>Atualizar SEO</strong></mark></td><td>Este membro pode modificar o título, a descrição e a imagem padrão da DApp para quando o link enriquecido for compartilhado.</td><td></td></tr><tr><td><mark style="color:amarela;"><strong>Atualizar Coleções</strong></mark></td><td>Este membro pode modificar (adicionar ou excluir) coleções de NFT predefinidas para esta DApp. </td><td></td></tr><tr><td><mark style="color:vermelha;"><strong>Ler Eventos de Usuário</strong></mark></td><td>Este membro pode visualizar o registro de eventos da DApp (eventos internos e externos).</td><td></td></tr><tr><td><mark style="color:vermelha;"><strong>Atualizar Taxas de Swap</strong></mark></td><td>Este membro pode alterar o destinatário e a porcentagem do componente de swap, sem levar em conta transações com NFTs, que são gerenciadas por outra permissão.</td><td></td></tr><tr><td><mark style="color:vermelha;"><strong>Atualizar Domínio</strong></mark></td><td>Este membro pode designar domínios web personalizados.</td><td></td></tr><tr><td><mark style="color:amarela;"><strong>Atualizar Mídias Sociais</strong></mark></td><td>Este membro pode adicionar/alterar redes sociais predefinidas da DApp, bem como adicionar links personalizados para sites externos no Rodapé.</td><td></td></tr><tr><td><mark style="color:amarela;"><strong>Atualizar Páginas</strong></mark></td><td>Este membro pode adicionar/excluir/alterar páginas na DApp, bem como os componentes que elas contêm.</td><td></td></tr><tr><td><mark style="color:amarela;"><strong>Atualizar Menu do Rodapé</strong></mark></td><td>Este membro pode modificar o menu do rodapé que facilita a navegação dos visitantes. Neste menu também podem ser adicionados links para sites externos.</td><td></td></tr><tr><td><mark style="color:verde;"><strong>Atualizar Analytics</strong></mark></td><td>Este membro pode modificar a tag do Google Analytics para esta DApp.</td><td></td></tr><tr><td><mark style="color:amarela;"><strong>Atualizar Tokens</strong></mark></td><td>Este membro pode adicionar/excluir/atribuir tokens a esta DApp.</td><td></td></tr></tbody></table>


# Configurando a barra de navegação

A barra de navegação é uma parte importante da sua DApp, e nesta seção você pode personalizá-la e deixá-la ótima, além de fornecer a utilidade correta.

## Configurando o menu

O menu pode conter todos os elementos que você escolher, desde páginas internas da sua DApp até links externos.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FNCsFXH3tkGV2VJB9uMIe%2Fimage.png?alt=media&amp;token=7b0a9d6e-6eae-41a5-8d73-1642eae373d8" alt=""><figcaption><p>Esta é a distribuição do menu que escolhemos para esta DApp.</p></figcaption></figure>

### Configurando ícones dos itens do menu

Você pode selecionar um ícone para cada link que usar no seu menu superior.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FyCEVQjgx1BjHT9FYhfIG%2Fimage.png?alt=media&amp;token=ae20c743-4dd6-449b-9827-005b7cd098e0" alt=""><figcaption><p>Após clicar no ícone da imagem, um modal com centenas de ícones predefinidos aparecerá 👇</p></figcaption></figure>

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FqwN3XwDc7aIrkkecV9FT%2Fimage.png?alt=media&amp;token=8b0164e1-a7ad-49fd-88db-2b434b9913be" alt=""><figcaption><p>Escolha seu ícone favorito para cada elemento do menu.</p></figcaption></figure>

### Ativar barra de pesquisa

Esta opção é muito útil para DApps com muitos dados (tokens e coleções de NFT carregadas), poupando tempo do visitante na obtenção de informações sobre o ativo que procura.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FxXMM9EBQkuYlxY5MJRpZ%2Fimage.png?alt=media&amp;token=41180a5f-80c9-4dbf-8247-01c1a31a0d0c" alt=""><figcaption><p>Você pode escolher se quer ocultar as coleções de NFT ou os tokens, ou mostrar ambos.</p></figcaption></figure>

### Layout da barra de navegação

Fornecemos algumas opções para que os usuários tenham liberdade para escolher qual layout de menu está mais alinhado com o produto em questão. Abaixo está um exemplo para cada um dos layouts de menu disponíveis:

**Tipo de menu:** Barra de navegação\
**Variante:** Padrão

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fq9cKyMgmlXOEARB06bTh%2Fimage.png?alt=media&amp;token=0395a806-ac04-4929-b5af-4f223a6e265f" alt=""><figcaption></figcaption></figure>

**Tipo de menu:** Barra de navegação\
**Variante:** Alternativo

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FlSvWV6Jf5hrHtixaKpfj%2Fimage.png?alt=media&amp;token=85f3d18a-9aa1-4756-985e-08ddfd8073f5" alt=""><figcaption></figcaption></figure>

**Tipo de menu:** Barra lateral\
**Variante:** Padrão

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FCPMNp4HNT8NALLz792Fp%2Fimage.png?alt=media&amp;token=ff315a8f-983f-4087-879f-650748943f6b" alt="" width="251"><figcaption></figcaption></figure>

**Tipo de menu:** Barra lateral\
**Variante:** Mini

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FtdGCBrqdygq7AS2ar148%2Fminimenunavbar.gif?alt=media&amp;token=5435a705-2a36-4549-b8e6-8053a39e3bd1" alt="Mini Navbar menu" width="375"><figcaption></figcaption></figure>


# Seções padrão

Use as seções predefinidas para que você possa criar sua DApp em questão de minutos.

## Adicionando componentes

1. Vá para [o link a seguir](https://dexappbuilder.dexkit.com/admin) (que redireciona para a gestão de aplicativos do DexAppBuilder) e conecte sua carteira clicando no botão "Connect wallet" localizado no canto superior direito da tela.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FI3Q2hF0W7jvzxdd8QWRN%2Fimage.png?alt=media&amp;token=8438f30b-9657-4777-bc7a-c54d8428a38d" alt=""><figcaption></figcaption></figure>

2. Escolha entre as conexões disponíveis. Lembre-se de que você deve conectar a carteira onde criou seu DApp para que ele apareça na seção de administração.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fa0jq8G8zH1Gycjz2RCdh%2Fimage.png?alt=media&amp;token=44fc2437-3575-4494-b4d1-c456c52a09f1" alt="" width="383"><figcaption><p>As carteiras exibidas no modal serão todas as conectadas ao seu dispositivo. Quase qualquer carteira Web3 será detectada.</p></figcaption></figure>

{% hint style="success" %}
Nota: Será solicitado que você assine digitalmente com sua carteira para se autenticar no aplicativo. Por favor, aceite essa assinatura, ela é segura e inofensiva.
{% endhint %}

3. Uma vez conectados, você poderá ver seus DApps na lista. Clique no lápis à direita do domínio do seu DApp, na coluna “Ações”).

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FzAFSh8CjRmRXpY5wMt44%2Fimage.png?alt=media&amp;token=0ce26610-0301-4496-8bcb-45e942d200d6" alt=""><figcaption></figcaption></figure>

3. Dentro da página de administração do seu DApp, vá para a seção "Layout" à esquerda clicando nela. Várias opções serão exibidas; clique em "Pages" para gerenciar a criação de páginas dentro do seu DApp.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fkb8NigdLdymVXRHdCrJY%2Fimage.png?alt=media&amp;token=70936b78-adca-48ed-932b-0f623fe1e054" alt=""><figcaption></figcaption></figure>

3. Para os propósitos deste guia vamos criar uma nova página chamada “Alternative” na qual colaremos o componente “Code”. Agora clique no botão azul «New page».

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F6IbpiT3Ra5oQQcSs9CZ9%2Fimage.png?alt=media&amp;token=cc620e87-b508-49e7-b702-fb04f4931fee" alt=""><figcaption></figcaption></figure>

3. Agora vamos criar o título da página, lembrando que usaremos "Alternative" para o exemplo atual. Depois de digitá-lo, pressionamos o botão azul «Save»

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FSgZC5YNsUnglkWWuRcct%2Fimage.png?alt=media&amp;token=b24abac1-e06e-4a24-9be9-82dceea32a44" alt=""><figcaption></figcaption></figure>

3. Você verá agora sua nova página aparecer na lista. Clique nela para entrar na página específica.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FjALMab1OBP6urDVg9Lo5%2Fimage.png?alt=media&amp;token=9bccd286-183b-4137-9b2b-736615f62aac" alt=""><figcaption></figcaption></figure>

4. Você pode ver aqui que sua página está vazia. Isso significa que ela não contém nenhum componente, já que acabamos de criá-la. Vamos começar adicionando alguns componentes predefinidos clicando no botão "+ Add section"

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FqpGBtRhMbeTLpYQi7B56%2Fimage.png?alt=media&amp;token=a211250b-790c-4666-a185-8e5f50bb57ac" alt=""><figcaption></figcaption></figure>

4. Todos esses componentes podem ser adicionados individualmente a qualquer página do seu DApp, inclusive usando componentes personalizados. Ambos podem ser misturados em qualquer página para ajudar você a projetar melhor.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FyiS4EGwWkCvG7KVHJFL0%2Fdefault%20components.gif?alt=media&amp;token=175ef624-4fcf-4bed-905c-075e63edb04e" alt=""><figcaption></figcaption></figure>

Vamos definir cada um dos componentes para que você conheça suas possibilidades e casos de uso.

### Componentes de criptomoeda

#### Troca de token

Quer promover a compra/venda de um token específico, até mesmo o seu? Usando este componente você pode incorporar uma janela de negociação em qualquer lugar do seu DApp onde seus clientes e visitantes possam obter ou vender o token que você predefiniu.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FTU5mYYQAA3PCOFz20PhL%2Fimage.png?alt=media&amp;token=4b75efc4-c8ba-4238-a566-d74b3a21c64f" alt=""><figcaption></figcaption></figure>

#### Swap

Ele incorpora um componente de atomic swap altamente refinado e incrivelmente eficiente onde seus clientes (e você mesmo) poderão acessar o [API de liquidez 0x](https://0x.org/) e trocar criptomoedas rapidamente da maneira mais segura, diretamente da sua carteira.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FlkmifrK9VsdzZiM3pVjx%2Fimage.png?alt=media&amp;token=d68099e1-3c92-4e3d-b6c6-4770502edfc4" alt=""><figcaption></figcaption></figure>

Clicar no componente abrirá o modal de configuração. Vamos examinar cada campo:

* **Variante:** Selecione entre as aparências visuais que oferecemos para tornar seu componente único.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fd5kn0n2cZ46d6JJWoaAY%2Fswap%20styles.gif?alt=media&amp;token=5c31328e-4c6f-4efb-8486-d91e22c2a8e5" alt=""><figcaption></figcaption></figure>

* **Rede padrão:** Escolha a rede padrão para o componente quando os visitantes entrarem na sua página sem conectar suas carteiras cripto.
* **Rede:** Essa será a rede padrão assim que seus visitantes conectarem suas carteiras.
* **Pesquisar token de entrada padrão (Eu tenho):** Escolha aqui o token de entrada para a visualização / negociação padrão. Este é o token que você está pedindo aos seus clientes que usem, mas eles podem escolher quaisquer outros da lista.
* **Pesquisar token de saída padrão (Eu quero):** Escolha aqui o par que você está vendendo por padrão. Por exemplo, se você está promovendo sua própria moeda/token nas [redes habilitadas](https://docs.dexkit.com/defi-products/dexappbuilder/available-networks), você pode escolhê-lo aqui como entrada. Lembre-se de que você precisa [importar seu token](https://docs.dexkit.com/defi-products/dexappbuilder/managing-this-tool/importing-tokens) antes que ele possa aparecer aqui na lista.
* **Slippage padrão:** Esta é a porcentagem de tolerância para slippages entre ordens de liquidez. Quanto menor o número, mais eficientes serão as trocas. Recomendado entre 0-50%.
* **Mostrar apenas meus tokens na busca:** Ideal para DApps com tokens em whitelist, esta opção permite fazer exatamente isso: exibir no seu componente apenas os tokens que você decide mostrar.
* **Swaps sem gás:** Defina como padrão a escolha do usuário sobre usar swaps sem gás. Note que os usuários poderão ligar e desligar essa opção diretamente no componente.
* **Habilitar parâmetros de URL:** Toda vez que você fizer uma consulta usando o componente de swap (escolhendo a rede em que deseja negociar, o token e a quantia) o componente de swap gera uma URL inteligente com todos os dados da negociação. Ative isso para que seus usuários possam ver essa URL, ou deixe desativado para usar a mesma URL disfarçada do seu DApp.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FZvozVrVm22fJ8AU1qBLQ%2Fimage.png?alt=media&amp;token=c0180636-170b-4e88-aee3-ed2f5bed188d" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Tenha em mente que essa funcionalidade também permite que você, como criador do DApp, ganhe comissões por cada troca comercial dos seus visitantes. Veja a [seção de taxas](https://docs.dexkit.com/defi-products/dexappbuilder/creating-my-first-app#fees-section) para aprender como configurá-las.
{% endhint %}

#### Exchange

Você também pode adicionar um componente de exchange descentralizada predefinido que opera com a mesma eficiência do componente de swap, mas com uma diferença: ao contrário do componente de swap, onde as trocas são atômicas (instantâneas, ou ao preço de mercado), os usuários poderão colocar ordens limit dentro da rede 0x e obter mais das trocas.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FiXyPdUBz1OYOcWRDFf6T%2Fimage.png?alt=media&amp;token=405cc826-8194-4d00-85ce-5dd6d33d730b" alt=""><figcaption></figcaption></figure>

* **Rede padrão:** Escolha a rede padrão para o componente quando os visitantes entrarem na sua página sem conectar suas carteiras cripto. Clicar no lápis destacado em verde abrirá um modal para escolher todas as redes que você deseja habilitar na sua exchange.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FRoHqkitdXbMKaMIIsH3F%2Fimage.png?alt=media&amp;token=b44b10e0-e365-4b54-8c62-1dea01be9ee1" alt="" width="474"><figcaption><p>🖱´👇</p></figcaption></figure>

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F1dHPNkCBnORFIYbRmn3Q%2Fimage.png?alt=media&amp;token=04dcf9f8-2582-4ad1-b674-e9355a4fba02" alt="" width="254"><figcaption></figcaption></figure>

* **Rede:** Como no componente de swap, essa será a rede padrão assim que seus visitantes conectarem suas carteiras.
* **Tokens cotados:** Esta opção destacará tokens para você a fim de facilitar para seus clientes escolhê-los na lista. Esses aparecerão no topo da lista 👇 (destacados em verde)

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FjTnopma2iPSiUGFfNjSe%2Fimage.png?alt=media&amp;token=061320c7-4153-4b41-8dbc-34477aa7949e" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Antes de nos perguntar por que você não vê mais tokens listados, pergunte-se se você já adicionou e habilitou seus tokens nas [configurações de token](https://docs.dexkit.com/defi-products/dexappbuilder/managing-this-tool/importing-tokens) seção 😎
{% endhint %}

* **Token base:** Escolha aqui o token de entrada para a visualização / negociação padrão. Este é o token que você está pedindo aos seus clientes que usem, mas eles podem escolher quaisquer outros da lista.
* **Token de cotação:** Escolha aqui o par que você está vendendo por padrão.
* **Slippage padrão:** Esta é a porcentagem de tolerância para slippages entre ordens de liquidez. Quanto menor o número, mais eficientes serão as trocas. Recomendado entre 0-50%.
* **Endereço do destinatário da taxa (endereço ERC20):** Insira aqui o endereço da carteira onde você deseja receber as comissões geradas por este componente de exchange. Certifique-se de que seja o correto.
* **Valor da taxa (%):** Defina a porcentagem que você quer cobrar de seus clientes por cada negociação que fizerem na sua exchange. Não seja ganancioso e use percentuais pequenos para incentivar o uso.

#### Carteira

Este é um componente de carteira simples, onde seus visitantes poderão verificar seus saldos de tokens em redes predefinidas, ver seus NFTs e até enviar e receber criptomoedas.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FofWmib0c9tEpgmj33tal%2Fimage.png?alt=media&amp;token=cad03075-c946-48ca-94f1-d8708ef7d186" alt=""><figcaption><p>Não é necessário configurar nada no momento 🙏</p></figcaption></figure>

### Componentes de tokens não fungíveis (NFTs)

#### NFTs em destaque

Destaque NFTs para fazê-los parecer ótimos dentro do componente predefinido e assim receber ofertas dos seus visitantes.

{% hint style="success" %}
Você sabia que pode colocar QUALQUER NFT (seja seu ou não) com esta opção, e se o dono aceitar a oferta você receberá a comissão pela venda? 🤯🤑
{% endhint %}

Clicar no componente "Featured NFTs" abrirá o seguinte modal 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F5EkT4tT1vXL4GhleXK5X%2Fimage.png?alt=media&amp;token=459e536a-425c-410a-ae27-3d22ec31bfeb" alt=""><figcaption><p>Vamos clicar no botão + ADD ITEM</p></figcaption></figure>

**Importando itens individuais**

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FCukNzBAKywQCfirsgoeO%2Fimage.png?alt=media&amp;token=5b55429b-54e4-4444-9465-be7648407c4d" alt=""><figcaption></figcaption></figure>

* **Título:** Escreva um título para este componente. Você poderá carregar vários NFTs nele, até mesmo de diferentes redes blockchain.
* **Tipo de item:** Escolher "asset" permitirá importar itens individuais se você quiser apenas exibir alguns deles.
* **Rede:** Escolha a rede onde o NFT está hospedado.
* **Endereço do contrato:** Cole o endereço do contrato para o ativo específico.
* **ID do token:** Esta é a identificação única para cada token. Insira a do seu item específico.
* **Título:** Coloque um título para este NFT específico.

**Escolhendo da sua coleção**

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F0hS3GLXNgM9gocatgjsv%2Fimage.png?alt=media&amp;token=ec068653-f5a9-440d-a936-224fff0c3346" alt=""><figcaption></figcaption></figure>

* Escolha a coleção que você importou anteriormente. Se ainda não fez isso, consulte [importação de coleções](https://docs.dexkit.com/defi-products/dexappbuilder/creating-my-first-app#importing-collections) seção nesta documentação.
* **ID do token:** Esta é a identificação única para cada token. Insira a do seu item específico.
* **Título:** Coloque um título para este NFT específico.

{% hint style="info" %}
Lembre-se de clicar no botão azul «Save» com frequência para evitar perda de dados.&#x20;
{% endhint %}

#### Loja de NFT

Se você abriu ofertas para seus NFTs, usando este componente você pode facilmente exibi-los. Ele serve para refinar ativos entre grandes coleções mostrando apenas aqueles que têm ofertas abertas.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FgDfpfRSsS5KWR2JxVRO6%2Fimage.png?alt=media&amp;token=33c3aaf2-c273-4b7b-9681-d76ad3abbede" alt=""><figcaption></figcaption></figure>

* **Conta da loja:** Esta é a carteira que abriu os anúncios. Se você criou novos anúncios com uma de suas carteiras, cole-a aqui e seus itens aparecerão na visualização.
* **Nome:** Este será o nome público deste componente de loja.
* **Título:** Escreva um título atraente para esta seleção específica.
* **Descrição:** Sobre o que é esta seleção? Seja específico aqui e você atrairá mais atenção.
* **Imagem de perfil:** Coloque um PFP para este componente de loja de NFT.
* **Imagem de fundo:** Aquela por trás do PFP.

Clique em «Save» quando terminar.

#### Coleções

Exiba NFTs individuais ou coleções completas por grupos com este componente. O uso é muito semelhante ao componente Featured NFTs. Clicar no componente «Collections» abrirá um modal como o abaixo 👇 (clique em «+ ADD ITEM» para começar a adicionar ativos)

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F8gmRbNjkZJizOTppF7ri%2Fimage.png?alt=media&amp;token=2c599061-2074-485b-a09a-64119942c1e2" alt=""><figcaption></figcaption></figure>

**Importando itens individuais (por asset)**

* **Título:** Escreva um título para este componente. Você poderá carregar vários NFTs nele, até mesmo de diferentes redes blockchain.
* **Tipo de item:** Escolher "asset" permitirá importar itens individuais se você quiser apenas exibir alguns deles.
* **Rede:** Escolha a rede onde o NFT está hospedado.
* **Endereço do contrato:** Cole o endereço do contrato para o ativo específico.
* **ID do token:** Esta é a identificação única para cada token. Insira a do seu item específico.
* **Título:** Coloque um título para este NFT específico.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F4tov4gc97A7q5GzcrcXa%2Fimage.png?alt=media&amp;token=08aa4c54-5c55-4071-bae5-f879cedee8fa" alt=""><figcaption></figcaption></figure>

**Importando uma coleção completa**

* **Título:** Escreva um título para este componente. Você poderá carregar vários NFTs nele, até mesmo de diferentes redes blockchain.
* **Tipo de item:** Neste caso, coleção.
* **Rede:** Escolha a rede onde a coleção de NFT está hospedada.
* **Endereço do contrato:** Cole o endereço do contrato para a coleção específica.
* **Imagem:** Faça upload de uma imagem padrão para sua coleção de NFT.
* **Título:** Coloque um título para esta coleção específica.
* **Subtítulo:** Deve funcionar como uma descrição para sua coleção.
* **Variante:** Escolha entre `padrão` e `simples`.
* Destaque: Esta coleção específica será marcada como em destaque.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FZ4diKa667351OfBWuz0V%2Fimage.png?alt=media&amp;token=fb653395-a104-446b-9d63-1f65ec02ee95" alt=""><figcaption></figcaption></figure>

### Componentes Web3

#### Formulário de contrato (recurso avançado)

Com este componente você pode adicionar funções específicas de um determinado contrato inteligente (aquele que você especificar) e assim economizar tempo e interações para seus visitantes filtrando ações do contrato e usando-as na interface do seu app cripto. Usar esta função requer [conhecimento de Solidity](https://soliditylang.org/) (linguagem de programação).

Clicar no ícone do componente abrirá o seguinte modal 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FgvUGCB41wkwAgsrTEfUU%2Fimage.png?alt=media&amp;token=efe05235-d924-42d4-bf4d-bde01b10d527" alt=""><figcaption></figcaption></figure>

* **Rede:** Escolha a rede do contrato que você vai usar. Usaremos Ethereum já que vamos importar o popular contrato USDt Tether, [verificado no Etherscan](https://etherscan.io/token/0xdac17f958d2ee523a2206206994597c13d831ec7).
* **Endereço do contrato:** Clique na barra e cole o endereço do contrato. Você também pode clicar na barra de busca abaixo marcada com 🔍`Procurar por um contrato` e digite o nome do contrato que você está procurando. Estamos usando `0xdAC17F958D2ee523a2206206994597C13D831ec7` para este exemplo.
* ABI: Esta é uma seção somente leitura que escaneia a ABI do contrato (Application Binary Interface) e mostra abaixo todas as funções dentro do contrato.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FboqHczGC3doPba8aq8mh%2Fimage.png?alt=media&amp;token=2b385000-7a78-46ca-b070-9ab707605d48" alt=""><figcaption></figcaption></figure>

Clicar em qualquer uma das funções abrirá os detalhes dessa função específica e criará uma janela na pré-visualização 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FMtO7qM9gdOAwIvEe5zN8%2Fimage.png?alt=media&amp;token=c78802e1-5542-4df0-a2dc-16642d96ad7b" alt=""><figcaption></figcaption></figure>

Tudo será personalizável em cada chamada de função, exceto a lógica. Isso garantirá que cada chamada de função seja segura, levando em conta que nesta ocasião usamos um contrato altamente auditado e seguro como o [Tether](https://tether.to/en/) um.

#### Formulário de contrato do usuário

Após [criar formulários web3](https://docs.dexkit.com/defi-products/dexgenerator/web3-forms-generator) você pode importá-los diretamente para este componente e assim economizar tempo nas implementações. Na foto abaixo você verá os formulários web3 listados que você criou ou clonou previamente no seu DApp. Clicar em qualquer um deles mostrará na pré-visualização à direita 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F9DVVGz2fZnbHTu8cEdPh%2Fimage.png?alt=media&amp;token=3818a08f-3220-4632-a379-ec0ca53879fd" alt=""><figcaption><p>Este componente será adicionado nos DApps e os visitantes poderão doar facilmente.</p></figcaption></figure>

### Recursos

#### Vídeo

Incorpore qualquer vídeo do YouTube em um componente curado para qualquer visualização (desktop, mobile, tablets, geladeiras, carros, etc.)

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FT0RIC4QEqCezOpWeAQiD%2Fimage.png?alt=media&amp;token=ab158dc7-33fb-4cb8-8345-abfc5dbbf758" alt=""><figcaption></figcaption></figure>

* **Tipo de vídeo:** Apenas o YouTube está habilitado para este componente. Habilitaremos mais serviços de vídeo sob demanda.
* **Título:** Escreva um título descritivo agradável para este vídeo.
* **URL do vídeo:** Cole o link do vídeo do YouTube.

#### Call to action (CTA)

Chame a atenção dos seus visitantes com uma mensagem poderosa com um subtítulo e um botão com um link de navegação. É a opção perfeita para promover produtos relacionados ou produtos encontrados em sites externos.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FjYlKK5lmuJjWlXXItwcO%2Fimage.png?alt=media&amp;token=754e55c6-fd1b-4e4f-8164-b71104fe6b6f" alt=""><figcaption></figcaption></figure>

* **Variante:** Escolha entre `claro` e `escuro`.
* **Título:** Escreva o assunto ou o título principal para este componente. Você pode ver na imagem acima que é o que tem o maior tamanho de fonte.
* **Subtítulo:** O menor tamanho de fonte, acima do título.&#x20;
* **Título do botão:** Este é o texto dentro do botão CTA.
* **URL do botão:** Para onde irá o visitante que clicar no botão CTA?
* **Abrir em nova página:** Marque esta opção para que a página abra em uma nova guia. Esta opção é recomendada quando o endereço está localizado em um site externo a este DApp.

Ao mesmo tempo, podemos adicionar NFTs ou coleções em um CTA para promovê-los e fazer com que nossos visitantes acessem diretamente clicando no botão «+ ADD ITEM» 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FMz6sInVsYILrLyrPViGt%2Fimage.png?alt=media&amp;token=b6f31f29-4b1c-4f6f-92f3-f6c25d8ed722" alt=""><figcaption><p>Faça ali o mesmo que você fez para o componente featured NFTs.</p></figcaption></figure>

Após importar seus NFTs, a pré-visualização deve ficar como a imagem abaixo 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FMnDUeRbjvRqMKHjVTq9N%2Fimage.png?alt=media&amp;token=60126797-aab3-430d-8b72-8e60c3760e84" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Este é outro lembrete amigável para você salvar sempre que fizer alterações no seu DApp 🙏
{% endhint %}

### Low code

#### Markdown

Para fãs de conteúdo organizado, textos bem formatados e até para escrever documentação técnica, este componente ajuda a criar as páginas mais estilizadas usando a popular e simples [linguagem Markdown](https://www.markdownguide.org/).

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FxlzTYrBVrqCaifR0nWlE%2Fimage.png?alt=media&amp;token=5bcbc081-a05c-417b-aaec-3a2dad0f79c5" alt=""><figcaption><p>Escreva o melhor Markdown usando as ferramentas do editor padrão ✔</p></figcaption></figure>

#### Código

Incorpore virtualmente *qualquer coisa* usando este componente. Você precisará de marcação HTML, os scripts e os arquivos CSS para que funcione bem.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FTLA5oL4mSMvp0Xz04LAY%2Fimage.png?alt=media&amp;token=db01f885-2bbf-43f4-897e-316c10e3cdd0" alt=""><figcaption></figcaption></figure>

Consulte [incorporando sites externos](https://docs.dexkit.com/defi-products/dexappbuilder/embedding-external-sites) para mais informações sobre como incorporar aplicativos de terceiros com este componente.


# Construindo seções personalizadas

Você quer ir além do básico e está procurando aprender a criar seus próprios designs radicais para sua DApp? Você está no lugar certo 👩‍🎨

Nesta seção você aprenderá **como criar uma página com seção personalizada** **para seu DApp**, que lhe permitirá o mais alto nível de personalização possível.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FnpKXfTGyEh03z42k9EAI%2Fimage.png?alt=media&amp;token=7abe52a9-d926-4108-a21f-932080b4bae2" alt=""><figcaption></figcaption></figure>

## À direita da sua tela

Após clicar em **«ADICIONAR SEÇÃO PERSONALIZADA»** o botão você verá o layout abaixo com um menu popup à direita com algumas opções&#x20;

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FP4c96LSFW2gUoRuRZqqb%2Fimage.png?alt=media&amp;token=b4fa50a6-dd13-45ea-9be8-fcd2c1686479" alt=""><figcaption></figcaption></figure>

Agora clique no ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FMFUbSup9uIcvMwXDFEOz%2Fadd_blocks.png?alt=media\&token=8df1a035-8e1d-4ab4-bc2a-0f789c934be2) opção no centro da tela e espere o menu esquerdo aparecer

{% hint style="info" %}
Lembrete: Você precisa arrastar o bloco selecionado para a posição que deseja dentro do editor de seções.
{% endhint %}

### Blocos / componentes disponíveis \*

| Layout           | Ativos genéricos                 | Terceiros / Diversos      | Cripto                            |
| ---------------- | -------------------------------- | ------------------------- | --------------------------------- |
| Plano de fundo   | Botão                            | Linha do tempo do Twitter | Coleção                           |
| Trecho de código | Imagem                           | Vídeo (YouTube ou Vimeo)  | Contrato                          |
| Contêiner        | Vídeo HTML5                      |                           | Contrato do formulário do usuário |
| Divisor          | Widget (HTML/Script customizado) |                           | Plugin de swap                    |
| Espaçador        | Trecho de código                 |                           | NFT                               |
| Empilhar         |                                  |                           | Lista de NFTs                     |
| Buscar NFT       |                                  |                           | Seção de ativos                   |
| Carrossel        |                                  |                           | Banner da coleção                 |
| Texto            |                                  |                           | Formulário DexGenerator           |
|                  |                                  |                           | Plugin de troca                   |
|                  |                                  |                           | Recebimento de moeda via QR       |
|                  |                                  |                           | Troca de token                    |

\[\*] Adicionaremos mais blocos e recursos conforme a demanda.

Agora que você está familiarizado com esta seção, **deixe sua imaginação correr solta e crie o melhor DApp já imaginado!** ✨


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

Desenvolvemos o “OnlyFans” para Web3. Aprenda a usar esta nova ferramenta para fornecer conteúdo exclusivo a seus clientes e assinantes.

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](/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](/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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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](/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.


# Propriedade da DApp

Designers e empreendedores poderão negociar os modelos que criaram e ganhar dinheiro com eles.

## Introdução

Sabemos que tempo é dinheiro, e por isso criámos outra funcionalidade para este produto que permite a qualquer pessoa cunhar e negociar os templates que criou para as suas DApps.

Ao cunhar um NFT (token não fungível) que contém todas as informações sobre o design específico, esta ferramenta é uma lufada de ar fresco para milhares de freelancers que procuram aproveitar o seu tempo livre de forma produtiva, aprendendo progressivamente e vendendo o seu trabalho por criptomoeda.&#x20;

Os designers poderão especificar quantas cópias desejam para o design específico e posteriormente negociá-las como NFTs.

Simultaneamente, o utilizador poderá criar a arte digital para esse template específico usando linguagem natural, conforme explicado [nesta secção](https://docs.dexkit.com/defi-products/contract-wizard/creating-my-first-collection) da documentação, e também o utilizador pode ocultar o rodapé dos seus designs de forma simples, apenas marcando a opção «Ocultar 'powered by DexKit'»

Vamos agir e explicar em mais detalhe como você — e mais qualquer pessoa — pode beneficiar desta nova funcionalidade.

## Características Técnicas

### Blockchains disponíveis

Os utilizadores podem cunhar os seus templates NFT na [Polygon](https://polygon.technology/) rede apenas.

### Tipo de token

A chamada de cunhagem criará um [ERC-721](https://eips.ethereum.org/EIPS/eip-721): Token Não Fungível na carteira ligada.

### Requisitos

1. O designer deve possuir [1.000 KIT](https://docs.dexkit.com/welcome/our-token/contract-addresses) saldos na carteira ligada. Estabelecemos este montante para evitar abusadores do sistema, além de envolver os detentores na governação e em várias outras atividades do nosso projeto.
2. **O token de gas será patrocinado pela DexKit:** o utilizador não precisa de ter um token de gas na Polygon ($MATIC). O gas será subsidiado pela equipa.
3. **O seu design criativo:** A ideia é que você gere um NFT que ajude outros a iniciar o seu negócio digital. Crie um template de qualidade usando o DexAppBuilder (inclua integrações de terceiros com secções personalizadas) e verá como venderá mais facilmente. Documentámos esse produto aqui em [Criando minha primeira DApp](/produtos-e-solucoes-defi-pt/dexappbuilder/criando-minha-primeira-dapp).

{% hint style="warning" %}
Usar os widgets HTML/script personalizados dentro da secção personalizada permitirá o máximo nível de personalização. Altos níveis de acesso exigem altos níveis de responsabilidade, por isso tenha cuidado com esta secção.
{% endhint %}

### Primeiros passos

Assumindo que já criou um ótimo design para vender e está nas definições do seu produto, clique na aba "Propriedade" na secção Geral.&#x20;

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FLG0FeEbhOJgMpx5A8jNZ%2Fimage.png?alt=media&amp;token=b10ba523-c779-4b06-b275-8cc8250cf2de" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Dica:** Pode usar modelos de câmaras, lentes e detalhes de abertura (além de filtros coloridos) para tornar o desenho ainda mais fixe e realista 📸
{% endhint %}

Aparecerá uma interação com a sua carteira pedindo para permitir a transação na blockchain Polygon. Aceite-a e espere um pouco até obter este modal abaixo 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FVqtLIa3GvE8WkyuZhooE%2Fcreating%20nft%20modal.png?alt=media&amp;token=fccffa82-8871-4954-886f-b2ca422d402f" alt="" width="351"><figcaption><p>Neste momento, o seu NFT foi criado e cunhado com sucesso na blockchain! 🎉</p></figcaption></figure>

{% hint style="success" %}
Para ver o seu NFT recentemente criado, clique no botão "Ver NFT" e aguarde alguns segundos até carregar. Pode demorar 5-10 segundos a aparecer.
{% endhint %}

Se clicou em "Ver NFT" e aguardou, verá o seu template recentemente cunhado! 🥳

### Editar o seu template NFT

Como o sistema lhe lembrou nos passos anteriores, pode editar o seu template NFT se ainda o possuir. No caso de ter perdido a propriedade ao enviá-lo para outra carteira, deixará de ter poder de edição e não poderá usar esse design.

{% hint style="info" %}
A verdadeira propriedade é a regra principal aqui. O proprietário do NFT será o único a deter esse design específico.&#x20;
{% endhint %}

### Editar Metadados do Site

Visite a aba de metadados do site (secção geral – propriedade) e preencha todos os campos do seu site conforme o exemplo abaixo:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fup1foJIOtpkcz80H1l5N%2Fimage.png?alt=media&amp;token=898aa5b9-d384-45e6-8e75-4509ca32871b" alt=""><figcaption><p>Também pode usar Markdown para a descrição do site</p></figcaption></figure>

### Vender o seu template NFT

Pode vender o seu NFT em qualquer marketplace centralizado existente que suporte a Polygon. Abaixo estão algumas capturas de ecrã de um template NFT nos marketplaces centralizados mais populares:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fjjirxw4glpRyn9sCtCFn%2Fopensea_marketplace.png?alt=media&amp;token=0451eb01-d354-4132-84b9-4d174807ba03" alt=""><figcaption><p>Este é o seu NFT no OpenSea 🤯 parece magnífico!</p></figcaption></figure>

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F1wDOqjBXAEeLaXmWH1RI%2Frarible_marketplace.png?alt=media&amp;token=6a39d9f4-dcdd-44e5-a226-300a601811c4" alt=""><figcaption><p>e aqui está no Rarible, também com ótima aparência 😎</p></figcaption></figure>

### FAQ

Esta secção será atualizada com o feedback da comunidade e perguntas comuns. No momento, as abaixo são as mais importantes a responder:

* **Pergunta:** Em que rede blockchain devo manter os 1.000 KIT necessários?\
  **Resposta:** Pode manter os seus KIT em qualquer rede. O sistema irá analisar a sua carteira à procura de qualquer um dos três contratos KIT, por isso poderá mantê-los na Ethereum, BNB Chain ou Polygon.
* **Pergunta:** Onde posso comprar $KIT?\
  **Resposta:** O nosso token é negociado principalmente de forma descentralizada. Isto significa que precisa de comprar através de qualquer protocolo descentralizado que permita o nosso token. Facilitámos para si [comprar KIT clicando aqui](https://swap.dexkit.com/#/swap). Este link irá levá-lo ao nosso agregador DEX, onde pode ligar a sua carteira DeFi, escolher a sua rede favorita e comprar os tokens KIT ali mesmo.

{% hint style="warning" %}
Se estiver a usar [DSWAP](https://swap.dexkit.com/#/swap) para comprar KIT não precisa de verificar duplamente os contratos, mas se estiver a usar outro protocolo DeFi recomendamos que verifique aqui os [contratos oficiais do KIT](https://docs.dexkit.com/welcome/our-token/contract-addresses). Faça sempre o trabalho de casa completo! 😎
{% endhint %}

* **Pergunta:** Posso gerar tantas imagens quanto quiser usando linguagem natural?\
  **Resposta:** Lamentamos informar que isso não é possível, uma vez que a API que usamos é da OpenAI (Dall-E 2) e cada pedido feito a ela, independentemente do resultado, contará contra os créditos do utilizador.
* **Pergunta:** E quantos créditos tenho? Como posso saber isso?\
  **Resposta:** Terá 50 (cinquenta) créditos mensais para gerar colecionáveis digitais (também conhecidos como NFTs) em qualquer um dos nossos produtos. Isto conta também para o [---DexContracts---](/produtos-e-solucoes-defi-pt/dexcontracts/visao-geral) e a plataforma mostrará mais tarde quantos créditos restam na sua carteira para o período atual.
* **Pergunta:** Posso comprar mais créditos?\
  **Resposta:** Sim, claro! Basta entrar em [nosso servidor Discord](https://discord.gg/9NT7YCn987) ou [a nossa seção de contacto](https://www.dexkit.com/contact-us/) para mais privacidade.

## Ocultar assinatura DexKit

Para quem deseja ocultar a assinatura DexKit no rodapé da sua DApp, pode fazê-lo marcando a caixa no final da secção Propriedade. Esta funcionalidade será exclusiva para detentores de 1.000 tokens $KIT.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FYJIGV7AbxxWkQ5flNDHC%2Fimage.png?alt=media&amp;token=d2754761-dccf-49fb-b59d-87e4ee9e6ca1" alt=""><figcaption></figcaption></figure>

## Por que devo usar esta funcionalidade?

* Você é um utilizador DeFi que adora ter controlo de tudo, incluindo o design da sua DApp.
* Você é um designer web/gráfico que procura gerar rendimento em criptomoeda e acha que tem talento suficiente para vender o seu trabalho digital.
* Você conhece muitas pessoas porque está no mundo cripto e sabe que pode ganhar um bom dinheiro vendendo os seus designs a elas.
* Você adora produtos em versão beta e quer experimentá-los para dar feedback à equipa.

Por qualquer outro motivo que tenha, temos muito gosto em trazer-lhe esta nova ferramenta que é certamente mais uma fonte de rendimento que poderá ter.

<br>


# Incorporando sites externos

Agora é possível incorporar sites de terceiros em [DexAppBuilder](https://dexappbuilder.dexkit.com) usando o componente predefinido “código”, seja como uma seção ou como parte de uma página personalizada.

Antes de tudo, vamos explicar como adicionar este componente como uma seção predefinida no DexAppBuilder:

1. Vá para [o link a seguir](https://dexappbuilder.dexkit.com/admin) (que redireciona para a gestão de aplicativos do DexAppBuilder) e conecte sua carteira clicando no botão "Connect wallet" localizado no canto superior direito da tela.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FI3Q2hF0W7jvzxdd8QWRN%2Fimage.png?alt=media&amp;token=8438f30b-9657-4777-bc7a-c54d8428a38d" alt=""><figcaption></figcaption></figure>

2. Escolha entre as conexões disponíveis. Lembre-se de que você deve conectar a carteira onde criou seu DApp para que ele apareça na seção de administração.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FwzB4pyaL2fosqO5c4PtZ%2Fimage.png?alt=media&amp;token=0804664c-2448-4a95-83cb-fd30e3bebc3d" alt="" width="382"><figcaption></figcaption></figure>

{% hint style="success" %}
Nota: Será solicitado que você assine digitalmente com sua carteira para se autenticar no aplicativo. Por favor, aceite essa assinatura, ela é segura e inofensiva.
{% endhint %}

3. Uma vez conectado você poderá ver seus DApps na lista. Clique no menu (os três pontos à direita do seu DApp, dentro da coluna “Actions”) e clique em “Edit”.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F09XzHeBFem2S8vBH9Mty%2Fimage.png?alt=media&amp;token=9387a81b-3cc8-46cb-ad74-1c02c1ff07fd" alt=""><figcaption></figcaption></figure>

4. Dentro da página de administração do seu DApp, vá para a seção "Layout" à esquerda clicando nela. Várias opções serão exibidas; clique em "Pages" para gerenciar a criação de páginas dentro do seu DApp.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fd9B92mtLffHfu4WDbIhI%2Fimage.png?alt=media&amp;token=ec28f807-adcb-4992-8fa3-851c569fb7e8" alt="" width="172"><figcaption></figcaption></figure>

5. Para os propósitos deste guia criaremos uma nova página chamada “Embedded” na qual colaremos o componente “Code”. Agora clique no botão azul «New page».

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FcMCuQoAutsjyX8owtxBB%2Fimage.png?alt=media&amp;token=eac0d79d-9b57-4164-b69f-34f346e0990b" alt="" width="563"><figcaption></figcaption></figure>

6. Agora vamos criar o título da página, lembrando que usaremos "Embedded" para o exemplo atual. Depois de terminar de digitá-lo, pressione o botão azul «Save»

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F50cDuyCZGrTLFDrnqwxZ%2Fimage.png?alt=media&amp;token=59597002-68af-4633-84be-0b51acba5e63" alt="" width="379"><figcaption></figcaption></figure>

7. Uma vez que sua página esteja criada, você a verá abaixo da página inicial, conforme mostrado na imagem 👇&#x20;

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FKknWjiDC2QLS8KMouYn0%2Fimage.png?alt=media&amp;token=b293abde-e926-4a1a-9127-a73447a3643b" alt="" width="563"><figcaption></figcaption></figure>

7. Como você pode ver, agora estamos dentro da página que acabamos de criar e ela está vazia de componentes / seções. Vamos adicionar uma seção predefinida de código para incorporar o site de terceiros. Clique no botão "+ Add Section" que abrirá os componentes predefinidos que podemos usar.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FkNXBUOOY91Fd36Nl0bsv%2Fimage.png?alt=media&amp;token=18bb6ed2-a750-4b11-bf97-a4899d0042f7" alt="" width="563"><figcaption></figcaption></figure>

8. Ao clicar no botão devemos procurar o componente “Code”, que está delineado em verde na imagem ilustrativa abaixo

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F0JVQi30k191sga8hmCH4%2Fimage.png?alt=media&amp;token=b217e132-26ee-4bc8-9d19-cde34c5f4874" alt="" width="323"><figcaption></figcaption></figure>

9. Clicar na opção "Code" abrirá a seguinte tela na qual você deve colar o código-fonte do seu site. Usaremos um [Typeform](https://typeform.com) survey para este propósito.&#x20;

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F1aTL0hMsyQgh40he0TOR%2Fimage.png?alt=media&amp;token=688cffec-6bd7-456c-91e4-38525d757ba1" alt="" width="563"><figcaption></figcaption></figure>

10. Podemos analisar na última operação que o Typeform nos forneceu um componente \<div> incorporável e outro \<script> que juntos possibilitaram a invocação da pesquisa de satisfação que criamos para este fim. Agora clicamos no botão azul «Save».
11. style

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FMHqfEnbcM7wY1UXZeWoE%2Fimage.png?alt=media&amp;token=50a1e053-b9c1-4531-a119-aac4af5bfc6f" alt="" width="563"><figcaption></figcaption></figure>

12. Agora vamos colocar nossa página recém-criada no menu superior clicando na opção "Nav Menu" dentro da seção Layout.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FsFF7TRhNlw2UaBn1g1zE%2Fimage.png?alt=media&amp;token=0d5f5eda-5146-4289-a1c5-1bcd5108bde3" alt=""><figcaption></figcaption></figure>

13. Uma vez que pressionarmos o botão salvar retornamos à tela anterior onde podemos adicionar mais seções ou simplesmente salvar. Neste caso pressionamos o botão azul "save"

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FmMsdnkiIr6s18qEBrF6y%2Fimage.png?alt=media&amp;token=6e44baa1-9892-4dcb-9c84-87b083f1207c" alt="" width="563"><figcaption></figcaption></figure>

14. Agora vamos colocar nossa página recém-criada no menu superior clicando na opção "Navbar" dentro da seção Layout.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FenCKm0VO8swwOG1ZWJFH%2Fimage.png?alt=media&amp;token=e0bf8fe9-639f-49f5-9414-2c7e959cdd66" alt="" width="383"><figcaption></figcaption></figure>

15. Aqui podemos ver todos os links que fazem parte do cabeçalho do nosso DApp. Vamos pressionar o botão "+ Add Menu"

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FT4R26uqVg6deNGHrugLN%2Fimage.png?alt=media&amp;token=c48d9c85-6a6f-48dd-873c-6141bf9fda6c" alt="" width="563"><figcaption></figcaption></figure>

16. Dentro do modal de criação de menu escolhemos o tipo (no nosso caso será page) e abaixo selecionamos o indicado, que no nosso caso é "Embedded". Pressionamos o botão azul "Save" quando terminarmos a escolha.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FzOvkfM35kuXEHOYFGGnC%2Fimage.png?alt=media&amp;token=b21d1c6a-680a-4068-9f34-b60abf39c598" alt="" width="563"><figcaption></figcaption></figure>

16. Uma vez que o menu apareça em nossa lista, pressionamos o botão "Save" no canto inferior direito para enviar as alterações para produção.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FZafZTuXcJZdKvvMigWqG%2Fimage.png?alt=media&amp;token=c7fb6a2f-96c7-46e8-bb7a-37ad369f0156" alt=""><figcaption></figcaption></figure>

17. Clicamos no link e, como você pode ver na imagem abaixo, a pesquisa está ativa em nosso DApp.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FtzLT08NJTR46u57vdsFv%2Fimage.png?alt=media&amp;token=d94c8041-942a-4fbc-b66d-0bf5bdb6e8c4" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="info" %}
Clicamos no link e, como você pode ver na imagem abaixo, o DApp incorporado está ativo dentro do nosso próprio DApp 🤯 [Acabamos de incorporar o ScaleSwap no nosso próprio DApp](/produtos-e-solucoes-defi-pt/dexappbuilder/gerenciando-esta-ferramenta/acabamos-de-incorporar-o-scaleswap-no-nosso-proprio-dapp) Recomendamos usar a
{% endhint %}


# Incorporando apps internos

Você também pode incorporar outros DApps feitos com o DexAppBuilder no seu. Isso pode ajudar a conectar outros projetos seus (ou de terceiros) dentro da sua aplicação, dando-lhe maior diversidade.

O procedimento é semelhante ao de incorporar sites externos, com certas diferenças. A seguir explicaremos como adicionar um DApp \[`*.dexkit.app`] dentro do seu:

1. Vá para [o link a seguir](https://dexappbuilder.dexkit.com/admin) (que redireciona para a gestão de aplicativos do DexAppBuilder) e conecte sua carteira clicando no botão "Connect wallet" localizado no canto superior direito da tela.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FI3Q2hF0W7jvzxdd8QWRN%2Fimage.png?alt=media&amp;token=8438f30b-9657-4777-bc7a-c54d8428a38d" alt=""><figcaption></figcaption></figure>

2. Escolha entre as conexões disponíveis. Lembre-se de que você deve conectar a carteira onde criou seu DApp para que ele apareça na seção de administração.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FwzB4pyaL2fosqO5c4PtZ%2Fimage.png?alt=media&amp;token=0804664c-2448-4a95-83cb-fd30e3bebc3d" alt="" width="382"><figcaption></figcaption></figure>

{% hint style="success" %}
Nota: Será solicitado que você assine digitalmente com sua carteira para se autenticar no aplicativo. Por favor, aceite essa assinatura, ela é segura e inofensiva.
{% endhint %}

3. Uma vez conectado você poderá ver seus DApps na lista. Clique no menu (os três pontos à direita do seu DApp, dentro da coluna “Actions”) e clique em “Edit”.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FP75rEzjkzwkVosM3rh0R%2Fimage.png?alt=media&amp;token=26dc78a3-b0e2-40ef-89a5-1e1b43a6ebaa" alt=""><figcaption></figcaption></figure>

4. Dentro da página de administração do seu DApp, vá para a seção "Layout" à esquerda clicando nela. Várias opções serão exibidas; clique em "Pages" para gerenciar a criação de páginas dentro do seu DApp.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FBkRLfhoDBrL8p1YOhplM%2Fimage.png?alt=media&amp;token=8a13eb32-cbb5-483b-a311-12f149defe55" alt="" width="208"><figcaption></figcaption></figure>

4. Para os propósitos deste guia criaremos uma nova página chamada “Embedded” na qual colaremos o componente “Code”. Agora clique no botão azul «New page».

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FWsQOgNOEOAjaba3Dr8Sc%2Fimage.png?alt=media&amp;token=ce4e69b1-f876-4e88-9b18-a92dc1753276" alt="" width="563"><figcaption></figcaption></figure>

4. Agora vamos criar o título da página, lembrando que usaremos "Embedded" para o exemplo atual. Depois de terminar de digitá-lo, pressione o botão azul «Save»

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F50cDuyCZGrTLFDrnqwxZ%2Fimage.png?alt=media&amp;token=59597002-68af-4633-84be-0b51acba5e63" alt="" width="379"><figcaption></figcaption></figure>

7. Como pode ver, agora estamos dentro da nova página que criamos e ela está vazia. Vamos adicionar uma seção de código predefinida para incorporar o site de terceiros. Clique no botão "+ Add Section" que abrirá os componentes predefinidos que podemos usar.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FqNzqdQL4eYKU4gRLoxMp%2Fimage.png?alt=media&amp;token=92052517-6a90-4c14-9199-2037c39f52b2" alt="" width="563"><figcaption></figcaption></figure>

8. Ao clicar no botão devemos procurar o componente “Code”, que está delineado em verde na imagem ilustrativa abaixo

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FOhPoeQGYo0r9TH9z7X2d%2Fimage.png?alt=media&amp;token=fff59349-e984-4661-b50b-0f80e94e5c59" alt="" width="461"><figcaption></figcaption></figure>

9. Clicar na opção "Code" abrirá a seguinte tela na qual você deve colar o código-fonte do DApp. A sintaxe será a seguinte:&#x20;

```html
// Copie, modifique com o nome do DApp que deseja incorporar e cole 
no componente de código
<div style="margin: 0 auto; width: 100%; height: 800px;">
    <iframe src="https://scaleswap.dexkit.app/embed?page=home&hideLayout=true" style="width: 100%; height: 100%; border: none;"></iframe>
</div>
```

Vamos explicar a sintaxe do código:

```html
// Precisaremos abrir um componente div
<div style="margin: 0 auto; width: 100%; height: 800px;">
// O resto do código
<div>
```

```html
// Dentro do componente div inseriremos um iframe
<iframe src="https://scaleswap.dexkit.app/embed?page=home&hideLayout=true" style="width: 100%; height: 100%; border: none;"></iframe>
```

Este `iframe` invocará o DApp que você deseja mostrar em sua página. O `src`  deve ser o link do DApp escolhido (neste exemplo é `https://scaleswap.dexkit.app`). Então você precisará usar a `opção` embed `e chamar o` ?page

O `dentro do DApp que você está prestes a exibir.` a opção `hideLayout` marcada como

true `removerá o cabeçalho e o banner desse DApp específico invocado (incorporado).` Depois dessas opções você precisará definir o `iframe`.&#x20;

10. style

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fr31hvLDbZD2uXi4xoHqL%2Fimage.png?alt=media&amp;token=56efb49a-8ff6-4585-903a-17220fcbc79e" alt=""><figcaption></figcaption></figure>

11. para este

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FzuqOGYEmy0xyJiB7Vzq6%2Fimage.png?alt=media&amp;token=1cb3fd58-ffdd-4457-8f97-44db9352e8b6" alt="" width="168"><figcaption></figcaption></figure>

12. Uma vez que pressionarmos o botão salvar retornamos à tela anterior onde podemos adicionar mais seções ou simplesmente salvar. Neste caso pressionamos o botão azul "save"

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FjQFbc7bkhxB8CCHk7J7d%2Fimage.png?alt=media&amp;token=e8f70334-4889-4380-8f25-178984f634a5" alt=""><figcaption></figcaption></figure>

13. Agora vamos colocar nossa página recém-criada no menu superior clicando na opção "Navbar" dentro da seção Layout.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FenCKm0VO8swwOG1ZWJFH%2Fimage.png?alt=media&amp;token=e0bf8fe9-639f-49f5-9414-2c7e959cdd66" alt=""><figcaption></figcaption></figure>

14. Aqui podemos ver todos os links que fazem parte do cabeçalho do nosso DApp. Vamos pressionar o botão "+ Add Menu"

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FWUsTZ8bcFM8lVAvcWiNk%2Fimage.png?alt=media&amp;token=71b775c1-f37f-4eb8-86b7-4cef003bba2d" alt=""><figcaption></figcaption></figure>

15. Dentro do modal de criação de menu escolhemos o tipo (no nosso caso será page) e abaixo selecionamos o indicado, que no nosso caso é "Embedded". Pressionamos o botão azul "Save" quando terminarmos a escolha.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FsLwPkPXLACI1UIHOmKyL%2Fimage.png?alt=media&amp;token=2e550488-837a-48ae-8d37-2407d8d904da" alt=""><figcaption></figcaption></figure>

16. Uma vez que o menu apareça em nossa lista, pressionamos o botão "Save" no canto inferior direito para enviar as alterações para produção.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FhzDbbkmWuxD6rtz7G2W5%2Fimage.png?alt=media&amp;token=f68c03d6-7efe-4f38-b371-516e72780afa" alt=""><figcaption></figcaption></figure>

16. Vamos clicar no botão "Open URL" para ver as alterações. Você terá que esperar alguns minutos até que as mudanças sejam refletidas.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fd83r9JWJs7sFUbYtWSjb%2Fimage.png?alt=media&amp;token=a40b982b-308e-4c73-b1c9-0c3915c0b8dd" alt=""><figcaption><p>Após alguns minutos você poderá ver a nova página no menu superior do seu DApp, como na imagem abaixo:</p></figcaption></figure>

{% hint style="info" %}
Clicamos no link e, como você pode ver na imagem abaixo, o DApp incorporado está ativo dentro do nosso próprio DApp 🤯 [Acabamos de incorporar o ScaleSwap no nosso próprio DApp](/produtos-e-solucoes-defi-pt/dexappbuilder/gerenciando-esta-ferramenta/acabamos-de-incorporar-o-scaleswap-no-nosso-proprio-dapp) Recomendamos usar a
{% endhint %}


# Controle de versão do app

Restaure facilmente versões anteriores da sua DApp.

Se você fez muitas alterações no seu DApp, pode voltar a uma versão anterior e desconsiderá-las sem precisar refazer todos os procedimentos passo a passo.

## Primeiros passos

Para começar a usar o controle de versão, acesse esta opção a partir da administração do seu DApp.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FUgsOhiVZzzI4vfLKlVnG%2Fimage.png?alt=media&amp;token=592b5603-be71-4c73-a122-9f3184a98ee6" alt=""><figcaption></figcaption></figure>

Uma vez dentro da seção de controle de versão, você deve criar a primeira versão (que é a versão atual do seu DApp)&#x20;

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FxrL826lQBmnRLZvNfAjN%2Fimage.png?alt=media&amp;token=16c5d514-5ffc-4ba4-b528-f70cfd3aaa3d" alt=""><figcaption></figcaption></figure>

Agora você deve preencher os dois campos correspondentes. Você pode usar números no campo de nome e colocar as alterações que fez no seu DApp na descrição.👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FssGUvjAKbbN9DtQdskIe%2Fimage.png?alt=media&amp;token=a5b9751c-b3dd-446d-bf30-f5ff2794ca38" alt=""><figcaption></figcaption></figure>

Como você pode ver na imagem abaixo, duas versões foram criadas para o DApp no exemplo: a versão padrão (a primeira) e outra versão sem os itens do menu superior.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F8OPi9OZ0GhmCappHgQ9S%2Fimage.png?alt=media&amp;token=e230041d-0277-42f1-99b5-1e2f8841a4e4" alt=""><figcaption></figcaption></figure>

## Usando as ações

* Editar o DApp da versão específica.

<div align="left"><figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FB5Uu8rtf70tiUeJYS4Y2%2Fimagen.png?alt=media&amp;token=793e2497-59b8-4bb2-8c18-55255b8ebec1" alt=""><figcaption><p>           Editar versão          </p></figcaption></figure></div>

* Visualizar o DApp da versão específica.

<div align="left"><figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FR1j5KkV9I6jxtdvig0H9%2Fimagen.png?alt=media&amp;token=4118cab2-2203-419c-9047-182251be3685" alt=""><figcaption><p>    Visualizar versão do App  </p></figcaption></figure></div>

* Definir seu DApp para o backup da versão específica.

<div align="left"><figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FxYyoVYmNsxVriD8QTEZa%2Fimage.png?alt=media&amp;token=001727fb-f216-4ba5-8a9e-e200eb32d4ca" alt="" width="36"><figcaption><p>Definir App para esta versão</p></figcaption></figure></div>

{% hint style="danger" %}
**Isto é uma ação destrutiva!** Faça um backup da versão atual para evitar perda de dados.
{% endhint %}

* Excluir esta versão de backup do DApp.

<div align="left"><figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FrSGhvXWLZsuzEZxBQPMa%2Fimage.png?alt=media&amp;token=0262227c-a6e3-4318-bca7-81d082d4e539" alt="" width="37"><figcaption><p>  Excluir versão do App     </p></figcaption></figure></div>

{% hint style="danger" %}
**Isto é uma ação destrutiva!** Faça um backup da versão atual para evitar perda de dados.
{% endhint %}


# Quadros de líderes

Adicione competitividade e gamificação à sua DApp e recompense a lealdade de forma justa aos seus clientes e usuários.

Leaderboards permite ao criador de um DApp implantado com o DexAppBuilder adicionar vários sistemas de pontuação para recompensar os usuários do seu DApp sempre que executarem quaisquer das ações predefinidas no sistema.

Para o caso específico deste recurso, criaremos um DApp de demonstração. Será um mercado de NFTs semi-privado. O criador (nós) pode publicar NFTs à venda sem restrições e também pode aceitar listings da comunidade.

## Ações predefinidas configuráveis

Entre essas ações predefinidas estão:&#x20;

* **Trocar tokens:** Conceder N quantidade de pontos ao usuário que realiza uma operação de troca usando o componente de swap.&#x20;
* **Login no DApp:** Dar N número de pontos ao usuário toda vez que ele fizer login com sua carteira no DApp. Isso é controlado por assinaturas digitais.&#x20;
* **Aceitar listing ERC721:** Conceder N número de pontos ao usuário que tem seu listing aceito para um token não fungível com características ERC721. Por exemplo, para o nosso marketplace de NFTs semi-privado, quando “Usuário” é um empreendedor que quer vender seus tokens ERC721 lá, podemos aceitar o listing de tokens do “Usuário” e este receberá N número de pontos mediante sua aceitação como criador ou superadmin.&#x20;
* **Aceitar listing ERC1155:** Esta regra é semelhante à anterior, mas com tokens ERC1155.&#x20;
* **Aceitar oferta ERC721:** Conceder N número de pontos a um usuário quando ele aceita uma oferta por um token ERC721. Em outras palavras, quando o usuário vende o token, ele recebe os pontos por essa ação.&#x20;
* **Aceitar oferta ERC1155:** Semelhante à regra anterior, exceto que recompensa usuários pela compra de tokens ERC1155.&#x20;
* **Comprar de coleção Drop:** Concede N número de pontos ao usuário que compra um token de uma coleção drop implantada usando contratos inteligentes Thirdweb incluídos no DexAppBuilder.&#x20;
* **Comprar edição Drop:** Conceder N quantidade de pontos ao usuário que compra um token de um contrato Edition Drop.

## Criando o primeiro Leaderboard

Porque é muito mais fácil explicar um conceito por meio de exemplos, abaixo mostramos como criar seu primeiro leaderboard para seus usuários.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FRHACaTWfoyFbm39qxi99%2Fimagen.png?alt=media&amp;token=e7a330f5-72d3-4d6a-8a36-019e5b062b8b" alt=""><figcaption><p>Encontre esta opção na seção de gerenciamento</p></figcaption></figure>

Primeiramente, você deve ter em mente que várias condições se aplicam para que seus leaderboards tenham sucesso e para obter as métricas corretas para seu DApp.

* **Você deve ter um DApp criado com DexAppBuilder:** é o primeiro passo para poder acessar o sistema. Por sua vez, recomendamos que você crie os leaderboards depois de ter o DApp finalizado para que as pontuações não sejam contaminadas e você possa oferecer uma experiência justa aos seus usuários. [Leia aqui sobre como criar seu primeiro DApp](https://docs.dexkit.com/defi-products/dexappbuilder/creating-my-first-app).
* **Você deve ter implantado os contratos necessários para medir as ações predefinidas:** Nos casos de ações que envolvem [contratos Thirdweb](https://docs.dexkit.com/defi-products/dexgenerator/thirdweb-contracts), é necessário ter os contratos previamente implantados para que as pontuações funcionem.&#x20;
* Certifique-se de que um dos seus primeiros passos seja importar as coleções e tokens NFT que você deseja aceitar em seu DApp. Isso facilitará muito a configuração de todos os recursos posteriormente. Você pode consultar nesta documentação sobre [como importar tokens personalizados em seu DApp](https://docs.dexkit.com/defi-products/dexappbuilder/managing-this-tool/importing-tokens) e [como importar coleções NFT personalizadas](https://docs.dexkit.com/defi-products/dexappbuilder/creating-my-first-app#importing-collections) também.
* **Use uma testnet, para testar:** O DexAppBuilder fornece acesso a várias redes de teste para que você possa “cometer erros de graça” 😅 não queremos que você perca dinheiro criando seus produtos, portanto recomendamos usar essas redes a seu favor (Polygon Mumbai, Ethereum Goerli e Sepolia, Blast Sepolia). Você pode obter tokens de teste [aqui para Polygon Mumbai](https://faucet.polygon.technology/), [aqui para Ethereum Goerli](https://www.alchemy.com/faucets/ethereum-goerli) e [aqui para Blast Sepolia (e outras poucas)](https://faucet.quicknode.com/blast/sepolia).&#x20;
* **Seja paciente:** você está lidando com software em beta que, embora seguro, às vezes pode apresentar falhas na interface gráfica. Se você vir algo estranho, reporte em [nosso Discord](https://discord.com/invite/dexkit-official-943552525217435649) ou [vá para o Canny](https://dexkit.canny.io/feature-requests) e nos envie seus pedidos de recurso.

Uma vez dentro, observaremos o painel. Como é a primeira vez, estará vazio.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FnnoaVfqKCwxE6P63Q8A2%2Fimagen.png?alt=media&amp;token=3b3d888a-d7be-4ce4-85e8-68e48276df7a" alt=""><figcaption></figcaption></figure>

Vamos adicionar o primeiro leaderboard clicando no botão azul “Add leaderboard”.

No modal que foi aberto procedemos a dar um nome à tabela e uma descrição apropriada. Depois podemos editá-los.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FHoHjRjPuoVuHYnNCEd0n%2Fimagen.png?alt=media&amp;token=5f59c431-a332-4369-bf15-85ad5c297782" alt=""><figcaption></figcaption></figure>

Depois de terminar de preencher ambos os campos, clicamos no botão «Save» e voltamos ao painel. Podemos ver nossa primeira tabela criada na lista. No final da linha podemos ver uma lista de ações, nomeadamente:

* ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FBLoqlX0C14SStQQlMX9b%2Fimagen.png?alt=media\&token=3728ab86-9b8b-405b-8411-1bf5252e6b94) **Visualizar leaderboard do app:** Veja como as classificações de usuários estão indo nesta tabela específica.&#x20;
* ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FB5Uu8rtf70tiUeJYS4Y2%2Fimagen.png?alt=media\&token=793e2497-59b8-4bb2-8c18-55255b8ebec1) **Editar leaderboard:** Este é o primeiro passo para configurar a tabela. Por sua vez, pode ser usado posteriormente para editar os metadados da tabela.&#x20;
* ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FX0pCvuYCI8vuWhe7YTlR%2Fimagen.png?alt=media\&token=cbebe100-13b6-442b-a56b-5da233421e59) **Exportar leaderboard:** para sua conveniência, você pode exportar esses dados para seu dispositivo usando um arquivo csv que permite processar as informações de forma mais flexível.&#x20;
* ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fqf52ZPpUpn2IA3xhf0Y3%2Fimagen.png?alt=media\&token=b2741864-eea4-4192-97ee-14923d021a22) **Excluir leaderboard do app:** Excluir esta tabela e todos os seus dados. Cuidado! Esta ação é irreversível! Nem mesmo o DexKit poderá recuperar estes dados.

## Configurando nosso leaderboard

Já criamos nosso primeiro leaderboard e agora precisamos configurá-lo para conter as regras predefinidas que darão várias pontuações aos usuários do seu DApp.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FyPyKvmb0J4boRlPMiNnQ%2Fimagen.png?alt=media&amp;token=e0413d5e-d21f-4c2f-bc1e-4678db955ff5" alt=""><figcaption></figcaption></figure>

No caso deste exemplo, criamos um leaderboard chamado “Summer Season 2024” no qual colocaremos um conjunto de regras gamificadas (ou ações) que recompensarão os usuários que as cumprirem. A seguir, resumimos as regras que usaremos para esta tabela. Para acessar a configuração da tabela, clique no ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FB5Uu8rtf70tiUeJYS4Y2%2Fimagen.png?alt=media\&token=793e2497-59b8-4bb2-8c18-55255b8ebec1) botão no final da linha.&#x20;

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fh6jjKr2m7znzLHR5MIhb%2Fimagen.png?alt=media&amp;token=ee86e4be-4c74-4a3a-9e6e-a0bd0f4cc992" alt=""><figcaption></figcaption></figure>

Uma vez na configuração do leaderboard podemos ver a seguinte tela:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FN8ZtdQSRFXDejBqOUxmW%2Fimagen.png?alt=media&amp;token=558fd4e1-6f15-45f9-a81a-b84a06174e99" alt=""><figcaption><p>O painel também conta com um seletor de datas para filtrar corretamente </p></figcaption></figure>

1. **Regra 1:** Queremos que os usuários que fizerem login (autenticarem-se no DApp) recebam 1 ponto. Essas autenticações durarão exatamente 24 horas, portanto esta regra pode ajudá-lo a saber se um usuário está autenticado diariamente com base em 1 ponto por dia.&#x20;

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fn8FR4XeqldD0fZfg3ERP%2Fimagen.png?alt=media&amp;token=f8655739-5c81-4990-8ba8-0b5300970551" alt=""><figcaption><p>Depois de definir esta regra, pressione «Add rule» para adicionar mais ou apenas clique em «Save» para definir esta regra única.</p></figcaption></figure>

2. **Regra 2:** Ao mesmo tempo, queremos que os usuários que usam a plataforma de troca de tokens recebam 3 pontos sempre que fizerem um swap de tokens. Com isso recompensamos a preferência do usuário de forma equilibrada.&#x20;

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FRMArj91E7nTF08ccIuBq%2Fimagen.png?alt=media&amp;token=8707e43c-4155-4bdf-bfd8-08d9d92894ce" alt=""><figcaption></figcaption></figure>

Esta condição particular nos permite personalizar amplamente o que, como e quem recompensar com a pontuação específica. Podemos escolher a **rede**, o **token** e a quantidade necessária para satisfazer esta condição. **Condições para quantias** são **gt** (maior que), **gte** (maior ou igual), **lt** (menor que), **lte** (menor ou igual) e **eq** (igual).

3. **Regra 3:** Como nosso DApp de exemplo é um marketplace de NFTs semi-privado, também podemos conceder pontos aos usuários que sugerem listings para NFTs dos padrões ERC721 e ERC1155 especificamente. Nós, como criadores, aceitaremos o listing específico e com essa ação concederemos 5 pontos ao usuário.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FCBqwXPW5XVZY1t3yclBT%2Fimagen.png?alt=media&amp;token=b599c298-0772-4c8a-bbdf-e880bee6014a" alt=""><figcaption></figcaption></figure>

4. **Regra 4:** Esta regra refere-se a um evento em que uma oferta por um token ERC721 é aceita.

* **Pontos:** Isso representa os pontos atribuídos a esta ação específica dentro do sistema.
* **Filtro:** Abaixo dos pontos, há uma seção para definir filtros.
* **Escolha a rede:** Selecione a rede alvo. Deve ser a mesma da coleção NFT que você está importando.
* **Importar:** Esta opção pode permitir ao usuário importar dados de suas próprias coleções NFT a partir do endereço do contrato.
* **Suas coleções:** O usuário pode selecionar entre várias coleções que ele listou no DApp.
* **Pesquisar token:** Você pode escolher um token específico dentro da coleção.
* **Condição de quantidade** - Esta é uma condição que será aplicada ao campo de quantidade abaixo.
* **Quantidade** - Insira aqui uma quantidade para especificar que a regra deve se aplicar apenas quando a quantidade for maior que a cifra especificada (10 tokens MATIC na Testnet Mumbai neste exemplo).

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FCaOQEX1ryyLlVD0whrSA%2Fimagen.png?alt=media&amp;token=8e6bab46-ed89-4065-9a97-6c245376cdb0" alt=""><figcaption></figcaption></figure>

Quando terminarmos de configurar as regras do nosso leaderboard, clicamos no botão «Save» no final da página para registrar todas as regras.

## Verificando nosso leaderboard

Depois de termos nosso leaderboard funcionando com as regras escolhidas, você pode ir à opção Leaderboards, procurar o quadro que acabou de criar e clicar no primeiro ícone ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FR1j5KkV9I6jxtdvig0H9%2Fimagen.png?alt=media\&token=4118cab2-2203-419c-9047-182251be3685) para uma pré-visualização do leaderboard como abaixo 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FPZDVl7kWE21lRrf1KgXL%2Fimagen.png?alt=media&amp;token=fe9445ce-1321-4478-b242-913fd01bdae3" alt=""><figcaption><p>Como podemos ver na imagem, há duas carteiras que se autenticaram em nosso DApp e adicionaram 1 ponto cada por isso.</p></figcaption></figure>

## Exportando os dados do nosso leaderboard

Para baixar todos os dados deste leaderboard você pode clicar no ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FDad8AAd0q3sYxbM2FHZG%2Fimagen.png?alt=media\&token=6fc0936c-c9e7-43ac-bc65-af89bf7761f2) ícone que abrirá um modal com um botão para baixar um arquivo CSV (Comma-Separated Values) 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fv5AyXeOF98KsMSA9BMIb%2Fimagen.png?alt=media&amp;token=0fb0966b-bab8-4038-a616-3bc4d2ab990f" alt=""><figcaption><p>Clique no botão «Export Leaderboard as CSV» para baixar o arquivo.</p></figcaption></figure>

Esta opção é de grande ajuda quando seu DApp tem muitos usuários e você precisa refinar informações rapidamente.

## Excluindo nosso leaderboard

Clicando no ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FiiEtacFbt7RKXrMMyZwe%2Fimagen.png?alt=media\&token=47936bcb-f890-48a0-8a54-ab608981ac8b) você excluirá o leaderboard associado.

{% hint style="danger" %}
**Isto é uma ação destrutiva!!!** Ninguém será capaz de recuperar esses dados se você os excluir por acidente.
{% endhint %}


# Completamento por IA 🔥

Para ajudar criadores de conteúdo, adicionamos funcionalidades de IA para que a criatividade e boas práticas de escrita prevaleçam.

Em todas as seções do seu DApp onde é necessário escrever um pouco, fornecemos esta solução muito prática (uso opcional) que o ajudará a criar conteúdo rapidamente e com as melhores práticas para aproveitar ao máximo a API.

Onde você vê este ícone ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FmRV1tHv2LCwa093Tgr0f%2Fimage.png?alt=media\&token=85651920-7771-4b45-bbbd-95406acb504c) você pode acessar a funcionalidade de conclusão de IA, que detalhamos abaixo:

## Recursos incluídos

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FlTCbCL1ZXhz5CiKA0u0m%2Fimage.png?alt=media&amp;token=4ab06331-84de-4f1d-8c29-581932ddc7ea" alt=""><figcaption></figcaption></figure>

* **Gerar novo texto:** Criar texto a partir de um prompt do usuário.
* **Melhorar a escrita:** Essa funcionalidade útil pode ajudar a tornar os textos mais impactantes e atraentes para o leitor.
* **Corrigir ortografia e gramática:** A ferramenta perfeita para quem não fala a língua nativa do seu DApp. Permite que os textos do autor sejam lapidados sem perder a ideia principal.
* **Tornar mais curto:** Encurtar um determinado texto. Útil para títulos.
* **Tornar mais longo:** Alonga um texto de acordo com as especificações do prompt. É uma opção útil para quem deseja contar histórias cativantes.
* **Gerar imagem:** Cria uma imagem com base em um prompt específico. Tenha em mente que quanto mais detalhes você incluir sobre a imagem, melhor será o resultado.

## Acessando esta ferramenta

Interessado em usar esta ferramenta? Disponibilizamos um sistema simples de recarga com o qual você pode adicionar saldo à sua conta e usá-lo até ser consumido. US$ 5 podem ser suficientes para concluir um pequeno projeto assistido por IA.

Abaixo explicamos como recarregar sua conta com criptomoedas:

1. Clique em qualquer um dos ícones de conclusão de IA ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FmRV1tHv2LCwa093Tgr0f%2Fimage.png?alt=media\&token=85651920-7771-4b45-bbbd-95406acb504c) que você vê na área administrativa do DexAppBuilder.&#x20;
2. Você verá o seguinte modal aparecer abaixo. Clique no botão azul “Ativar IA” e depois no botão "Adicionar créditos" 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FzskdymexnfTtji9asxRS%2Fimage.png?alt=media&amp;token=baf7cbf4-d809-40cb-9e55-33a7e209de13" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FXCj2LGKrn1IN0TssnIPy%2Fimage.png?alt=media&amp;token=9f0665f1-b87c-4ea1-9224-81ba81c0f8dd" alt=""><figcaption></figcaption></figure>

3. Agora insira quantos stablecoins você está depositando para créditos de IA. O mínimo é US$ 5 até US$ 100. Em breve aceitaremos cartão de crédito! Clique no botão "Adicionar" para prosseguir.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FsEGTeDYMBTLlSXnjKYn8%2Fimage.png?alt=media&amp;token=8372550e-8e83-4007-8d78-1e73e6a368aa" alt=""><figcaption></figcaption></figure>

4. Você será redirecionado agora para uma seção de pagamentos. Escolha sua rede de pagamento favorita entre a lista à direita.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F49vc1P9qWH30LFb8VeCD%2Fimage.png?alt=media&amp;token=fbddb12b-2315-4ef6-9c5d-556783e40c55" alt=""><figcaption></figcaption></figure>

5. Você verá que a rede selecionada abrirá o token habilitado para ela. Por exemplo, escolher Polygon permitirá usar USDT e USDC, respectivamente

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FayUTBvIz3s0TfNtm2mZC%2Fimage.png?alt=media&amp;token=281eccfd-2f39-45ef-b774-3abb9f35f5cf" alt="" width="386"><figcaption></figcaption></figure>

6. Depois de inserir todos os dados, você só precisa pressionar o grande botão azul de recarga, confirmar sua recarga e aguardar a confirmação da transação pela rede para que a plataforma reflita seus créditos.

## Consultando minha fatura e uso

Suponha que você já esteja usando a ferramenta de conclusão de IA há algumas horas e queira verificar seu saldo. Basta clicar no botão de conclusão de IA quando o vir, aguardar a abertura do modal e, uma vez aberto, clicar em Config – Fatura e uso como mostramos abaixo 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FVAj0FMqk6bO4EvtFHLLX%2Faicompletionbillusage.gif?alt=media&amp;token=3f65720a-a8d4-4ead-8e67-47e4f41bf999" alt=""><figcaption></figcaption></figure>

A próxima seção será aberta na sua tela, onde você pode consultar detalhadamente os custos incorridos devido ao uso da API de conclusão.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FsVELzgt184cI9DI0opE5%2Fimage.png?alt=media&amp;token=8f22f961-740d-4a37-b737-b09c2f7649c8" alt=""><figcaption></figcaption></figure>


# Sistema de indicação

Destinado àqueles envolvidos em marketing de indicação, com o objetivo de fortalecer o vínculo com seus usuários ao conhecer o canal de origem de onde chegam.

## Introdução

Todos os DApps criados com o DexAppBuilder têm um sistema de referência incluído automaticamente e muito fácil de usar. Abaixo estão os passos para usá-lo corretamente:

1. Criando seu DApp: este é o passo mais importante porque é o ponto de partida.
2. Vá para o [seção de gerenciamento de DApp](/produtos-e-solucoes-defi-pt/dexappbuilder/gerenciando-esta-ferramenta).
3. Uma vez no backend do seu DApp, navegue até a seção Analytics–Events como mostramos abaixo

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fi2O6ARPec2tfQ5fcWimw%2Fimage.png?alt=media&amp;token=6d05d195-df9e-4be4-b7d7-d90f243bf3d5" alt=""><figcaption></figcaption></figure>

4. Vamos criar algumas tags de referência de exemplo, serão duas e serão chamadas `blog` e `social`. Se o nome completo + domínio do DApp for chamado `https://mycooldapp.dexkit.app` você precisa acrescentar o `/?ref=seu-tag` a ele, por exemplo:

Para a `blog` tag: `https://mycooldapp.dexkit.app/?ref=blog`

Para a `social` tag: `https://mycooldapp.dexkit.app/?ref=social`

## Verificando as interações

Na mesma página abaixo você verá uma tabela data-plenty (se você configurou seu sistema de referências e já está recebendo usuários).

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FbNsHkfWFmRkAM2tHftu4%2Fevents.png?alt=media&amp;token=42f4bef8-044a-4769-9bce-1251253649b7" alt=""><figcaption></figcaption></figure>


# Widgets Web3 🆕

Widgets Web3 são uma nova forma de componentes DexKit que você pode incorporar praticamente em qualquer plataforma ou site, independentemente da linguagem de programação usada.

Os widgets Web3 permitem adicionar funcionalidade Web3 — como swaps, exchanges descentralizadas, drops de tokens, mintagem de NFTs e mais — diretamente em ambientes Web2 ou Web3 sem integrações complexas.

Este sistema é perfeito para projetos em produção ou para ideias ainda em fase de planejamento. Com os Web3 Widgets, você pode transformar sua plataforma em um hub Web3 gerador de receita em minutos.

## Principais Recursos

* **Incorporação Universal** – Funciona com qualquer plataforma ou site, codificado em qualquer linguagem.
* **Grande Variedade de Componentes** – Suporta widgets de swap, integrações DEX, mintagem de NFTs, drops de tokens e mais.
* **Sem Atrito** – Não é necessário migrar ou reconstruir sua plataforma existente.
* **Geração de Receita** – Ganhe taxas com swaps ou use widgets para vendas de tokens.
* **Aparência Personalizável** – Altere cores, temas e layouts para combinar com sua marca.
* **Suporte a Múltiplas Redes** – Escolha entre Ethereum, Optimism, BNB Chain, Polygon, Base, Arbitrum, Avalanche e mais.

## Como Funciona

Os Web3 Widgets usam um simples **embed iframe** para exibir e executar componentes Web3 totalmente funcionais dentro do seu site ou aplicação.\
Uma vez incorporados, os usuários podem interagir com funcionalidades blockchain diretamente, sem sair da sua plataforma.

## Introdução

#### 1. Acesse o Builder

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FEoc53AqVcU15BlhxLG65%2Fimage.png?alt=media&amp;token=022af1bd-2a2f-4656-b1b2-20355ef4c075" alt=""><figcaption></figcaption></figure>

Vá para **dexabuilder.dexkit.com**.\
O Builder da DexKit é uma plataforma no-code/low-code para criar aplicações e widgets on-chain. Você não precisa criar um aplicativo completo para usar a funcionalidade de widget.

#### 2. Conecte Sua Carteira

* Clique **Conectar Carteira**.
* Selecione sua carteira preferida (por exemplo, MetaMask).
* Autorize a conexão.

#### 3. Gerenciar Widgets

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Foj2lFu1mVwbfFw7EvzC9%2Fimage.png?alt=media&amp;token=babaf11d-d9ef-46a4-8797-f70f66696f0b" alt=""><figcaption></figcaption></figure>

* Na barra de navegação superior, vá para **Gerenciar Widgets**.
* Assine a solicitação de autenticação na sua carteira.
* Você será redirecionado para seu **Painel de Widgets**.

#### 4. Criar um Novo Widget

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F6wQo8rowXWOI7N2vFRvk%2Fimage.png?alt=media&amp;token=5f1bf05a-5ba1-492c-8aef-e687523b0595" alt=""><figcaption></figcaption></figure>

* Clique **Novo Widget**.
* Digite um **nome privado** (visível apenas para você).
* Clique **Criar** para abrir as configurações do widget.

#### 5. Configurar Configurações Gerais

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fi5wT2j7QjWyd2LysaIvV%2Fimage.png?alt=media&amp;token=f4fc3fd8-d1f1-412e-b0b9-0453c7831eb5" alt="" width="563"><figcaption></figcaption></figure>

* Altere o nome privado se necessário.
* Defina a moeda padrão.
* Selecione o idioma do seu widget.

#### 6. Créditos & Branding

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FavcOtSoVMgl6SRG0lkzQ%2Fimage.png?alt=media&amp;token=6a2eb834-3754-47af-9d35-62317c8c5523" alt=""><figcaption></figcaption></figure>

Por padrão, os widgets exibem **“Powered by DexKit”** no rodapé.

* **Plano Gratuito** – 100.000 solicitações gratuitas/mês.
* **Plano Pago** – $100/mês para remover o branding e personalizar completamente o rodapé.

#### 7. Layout & Tema

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FKNnFxIyLZXRONjypCN9X%2Fimage.png?alt=media&amp;token=9ceb658f-75dc-4b98-a6ef-860164bcd1af" alt=""><figcaption></figcaption></figure>

* Altere as cores primária, secundária, de fundo, do papel e do texto.
* Escolha entre centenas de fontes ou use um tema padrão.

#### 8. Adicionar Componentes

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F0dTVeC660iiFpIrzH1qD%2Fimage.png?alt=media&amp;token=8c488872-3c2b-4d4e-9df9-7964765d263a" alt=""><figcaption></figcaption></figure>

* Clique **Adicionar Seção**.
* Escolha o componente Web3 desejado (por exemplo, **Swap**).
* Selecione seu layout: clássico, moderno, minimalista, compacto, mobile, etc.
* Configurar:
  * **Rede Padrão** (Ethereum, Polygon, BNB, etc.)
  * **Token de Entrada** (token que o usuário possui)
  * **Token de Saída** (token que o usuário deseja)

#### 9. Definir Taxas de Swap

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FnQznJv4QoIgJoWAn9FQn%2Fimage.png?alt=media&amp;token=e65a92b2-d9d1-4704-8c58-15d0f529fa0d" alt=""><figcaption></figcaption></figure>

* Vá para **Taxas de Swap**.
* Adicione seu endereço de carteira para receber taxas.
* Defina uma porcentagem (por exemplo, 0,1%). Taxas mais baixas geralmente resultam em mais transações.

#### 10. Configurar Fontes de Dados

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FMWrppZoxUIe04Mtxr68V%2Fimage.png?alt=media&amp;token=12d580af-87a4-4f64-8cf1-1a92386fec62" alt=""><figcaption></figcaption></figure>

* Importe coleções de NFT (opcional).
* Selecione redes suportadas para o widget.
* Importe tokens via:
  * Search API
  * Endereço de contrato (auto-preenchido com logo e detalhes)

Destaque tokens favoritos para que apareçam em destaque no widget.

#### 11. Incorporar o Widget

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fwo2IPxEEiVHyDzOhL3Jd%2Fimage.png?alt=media&amp;token=c0bde200-56e8-4a16-94a5-5381003157b9" alt=""><figcaption></figcaption></figure>

* Clique **Incorporar**.
* Copie o **iframe** código.
* Cole-o no HTML do seu site ou app no local onde deseja que o widget apareça.

Exemplo:

```html
<iframe src="https://dexappbuilder.dexkit.com/_widget_iframe?widgetId=1" frameBorder="0" width="1000px" height="500px"></iframe>
```

## Casos de Uso Exemplares

* Adicione um swap DEX ao seu site de comércio eletrônico Web2.
* Integre a mintagem de NFTs na página de aterrissagem de um jogo.
* Permita compras de tokens diretamente do seu portal comunitário.
* Realize drops promocionais sem mover seu site principal para Web3.

## Melhores Práticas

* Mantenha sua porcentagem de taxa baixa para incentivar mais negociações.
* Garanta que tokens e NFTs importados sejam verificados e configurados corretamente.
* Teste seu widget em vários tamanhos de tela antes de entrar no ar.
* Monitore o uso a partir do Painel de Widgets para ajustar desempenho e ofertas.

Este **Widget Web3** a solução permite atualizar sua plataforma para um serviço pronto para Web3 em minutos, sem escrever código blockchain complexo. Quer você queira monetizar via taxas de swap, vender seus próprios tokens ou proporcionar uma melhor experiência para seus usuários, os Web3 Widgets da DexKit dão a você a flexibilidade e o poder para tornar isso possível.


# Comércio eletrônico (Beta) 🔥

Você finalmente pode ter seu próprio marketplace cripto e receber pagamentos em stablecoins com apenas arrastar e soltar! A nova solução para aplicações do mundo real conecta o digital ao tangível.

Esta é uma das funcionalidades mais ambiciosas e promissoras incluídas no DexAppBuilder nos últimos meses. Qualquer criador de DApp poderá implantar mercados do mundo real para objetos e mercadorias e receber pagamentos em moedas estáveis de forma ordenada, segura e confiável, mantendo o controle de sua loja e do inventário de produtos a todo momento.

{% hint style="warning" %}
É importante que você saiba que esta é uma funcionalidade Beta. Você encontrará erros e falhas que estamos corrigindo sistematicamente. Por favor, tenha paciência e, se quiser contribuir para acelerar o desenvolvimento deste produto, junte-se ao nosso [servidor do Discord](https://discord.com/invite/dexkit-official-943552525217435649) e mostre seu interesse.
{% endhint %}

## Primeiros passos

Uma vez que o usuário tenha seu DApp criado com o DexAppBuilder, ele deve ativar a funcionalidade de E-Commerce, que vem desativada por padrão. Visite este link interno para ler a documentação ou assista a este vídeo em nosso canal do YouTube para um tutorial rápido sobre como implantar seu DApp com o DexAppBuilder.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FBi4mLzzHz8sFkE8ZlhgW%2Fimage.png?alt=media&amp;token=af4df2f9-f532-452e-a9b4-6d3bb219f974" alt=""><figcaption><p>Siga a sequência numérica para ativar a funcionalidade em seu DApp.</p></figcaption></figure>

Salve as alterações e aguarde alguns segundos para que o servidor reflita as mudanças.

## Configurando o E-Commerce

Depois de ativar essa funcionalidade, salvá-la e o servidor registrar as alterações, você verá um novo menu de E-Commerce na barra lateral esquerda, na parte inferior, onde poderá configurar os parâmetros iniciais do seu sistema de comércio.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FL7d7GiwGgdNNT9gfanwt%2Fimage.png?alt=media&amp;token=8442ec5a-f637-4864-974c-f1b0342ac7cc" alt=""><figcaption><p>Se você consegue ver essa barra lateral, significa que o sistema já está ativo no seu DApp.</p></figcaption></figure>

### Configurando o básico

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FuPGBboYSYZ6j5itNNxw3%2Fimage.png?alt=media&amp;token=5a9a1830-51c9-4600-927e-84f50225d224" alt=""><figcaption></figcaption></figure>

1. Endereço da carteira do destinatário: Este será o endereço que receberá todo o produto das vendas. Por padrão, este é o seu endereço conectado, mas você pode usar qualquer outro endereço.
2. E-mail do destinatário: Esta será a caixa de entrada onde você receberá notificações de quaisquer vendas que tenham ocorrido. Essas notificações por e-mail são enviadas para sua caixa de entrada em tempo real.
3. Redes de pagamento: Selecione as redes blockchain nas quais você deseja receber pagamentos em stablecoins. Para cada uma das redes, as seguintes stablecoins estão habilitadas por padrão:
   1. Arbitrum: USD Coin ([USDC](https://arbiscan.io/token/0xaf88d065e77c8cc2239327c5edb3a432268e5831)) e Tether ([USDT](https://arbiscan.io/token/0xfd086bc7cd5c481dcc9c85ebe478a1c0b69fcbb9))
   2. Avalanche: USD Coin ([USDC](https://avascan.info/blockchain/c/token/0xB97EF9Ef8734C71904D8002F8b6Bc66Dd9c48a6E)) e Tether ([USDT](https://avascan.info/blockchain/c/token/0x9702230A8Ea53601f5cD2dc00fDBc13d4dF4A8c7))
   3. Base: USD Coin ([USDC](https://basescan.org/token/0x833589fcd6edb6e08f4c7c32d4f71b54bda02913))
   4. Ethereum: [USDS](https://etherscan.io/token/0xdC035D45d973E3EC169d2276DDab16f1e407384F), Tether ([USDT](https://etherscan.io/token/0xdac17f958d2ee523a2206206994597c13d831ec7)) e USD Coin ([USDC](https://etherscan.io/token/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48)) stablecoins.
   5. Optimism: USD Coin ([USDC](https://optimistic.etherscan.io/token/0x0b2c639c533813f4aa9d7837caf62653d097ff85))
   6. Polygon: USD Coin ([USDC](https://polygonscan.com/token/0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359)) e Tether ([USDT](https://polygonscan.com/token/0xc2132d05d31c914a87c6611c10748aeb04b58e8f))
   7. Binance Chain: Tether (USDT) e USD Coin ([USDC](https://bscscan.com/token/0x8ac76a51cc950d9822d68b83fe1ad97b32cd580d))

{% hint style="info" %}
Habilite testnets durante o desenvolvimento para que você possa testar seu produto primeiro antes de implantar em qualquer mainnet.
{% endhint %}

### Sistema Interno de Notificações

Nesta seção você será notificado, juntamente com o e-mail que já configuramos acima, de todas as vendas recebidas e pedidos processados, para que possa manter um registro de tudo o que é necessário para controlar seu negócio.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FtHpsainVfc0DltufcvRX%2Fimage.png?alt=media&amp;token=57c2e7fa-a064-4f37-9c37-db8e28e576c7" alt=""><figcaption></figcaption></figure>

### Verificando o painel

Aqui você encontrará um detalhamento dos lucros em dólares e o número total de pedidos. Esta seção será aprimorada no futuro para permitir ao usuário uma visão mais ampla dos lucros e do controle de pedidos, tudo com clareza e eficiência nos dados como nosso objetivo.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FaHuVLOihe7npIGhjntFe%2Fimage.png?alt=media&amp;token=298b7a5a-a437-453e-94b5-922a3b664d73" alt=""><figcaption></figcaption></figure>

### Gerenciando categorias de itens

Seus produtos ficam melhores quando estão devidamente categorizados. Seus visitantes poderão refinar a visualização dos produtos por categoria e assim ver aquilo em que estão interessados em comprar. A categorização também é importante para a ordem interna do DApp caso haja um grande número de itens carregados no sistema.

Adicione uma categoria simplesmente clicando no ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FErItRBWGHKV1JSRnQNAP%2Fimage.png?alt=media\&token=1f5cecc9-4a4d-4abe-b2d4-010c5886a309) botão e preenchendo o modal de um único campo que aparece 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F2fMNhU9NFeI1ZMzr5mZj%2Fimage.png?alt=media&amp;token=60ac4d0f-588a-4619-8b0d-e52c87f89aeb" alt=""><figcaption><p>Clique em «Criar» e prossiga criando outras, se necessário.</p></figcaption></figure>

Depois de terminar de preencher suas categorias, pode ficar assim:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fz8jOrYzsgUKjidxLjkie%2Fimage.png?alt=media&amp;token=8106cd50-80db-4b79-af31-75ca81539799" alt=""><figcaption></figcaption></figure>

### Gerenciando coleções de itens

Ideal para agrupar produtos semelhantes em pacotes, essa opção permite vender diferentes itens em pacotes que você pode criar para qualquer ocasião (feriados, ocasiões especiais, promoções etc.). Uma funcionalidade muito útil para lojas com alta rotatividade de mercadorias.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Ff24YBHuBXddzEV3A1E8W%2Fimage.png?alt=media&amp;token=4669c73c-29c4-4314-bbd5-89d7865a951c" alt=""><figcaption><p>Como você pode ver na foto, há algumas coleções em espanhol para esta loja.</p></figcaption></figure>

Adicione uma nova coleção simplesmente clicando no ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FXrGpGVZZgKMybvwUtzWY%2Fimage.png?alt=media\&token=2095c9e4-89d1-43d3-9ac2-483fef1081a0) botão, em seguida preencha o campo único. Salve-a.

### Gerenciando itens

Com o acima já configurado, estamos prontos para começar a adicionar nossos produtos ao sistema. Abaixo estão os passos necessários para fazê-lo:

1. Na barra lateral esquerda exclusiva para E-Commerce, navegue até Produtos – Itens. Uma vez lá, você poderá ver o painel de itens vazio.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FTf8z7UGWIVSvuq9peytz%2Fimage.png?alt=media&amp;token=d4bd9f8b-3e1f-4443-a021-536e1da34aea" alt=""><figcaption><p>Neste caso você pode ver que há dois itens adicionados e ativos.</p></figcaption></figure>

2. Pressione o ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FTYWrZ4tWIBxE7nUP69fZ%2Fimage.png?alt=media\&token=b1a057fa-cd0c-4e3e-b33c-973ba5029c53) botão e vamos preencher todos os campos em branco para o produto específico:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F27XJTmIwBHom5jrRf3cq%2Fimage.png?alt=media&amp;token=05fe200d-bfa1-4691-bf1c-e61f46f17350" alt=""><figcaption></figcaption></figure>

* **Nome do produto:** Seja conciso e atraente. É seu marketplace, então você pode ser criativo, mas preciso.
* **Descrição:** Seja tão específico quanto precisar aqui para esclarecer o que você está vendendo.
* **Coleções:** Adicione este produto a coleções que você já criou. Isso permite vender múltiplos produtos dentro de um único pacote.
* **Categoria:** O nome é claro: categorize seus produtos para melhor organização tanto interna quanto para seus clientes.
* **Preço:** Informe quanto você está disposto a receber por este produto em dólares americanos.
* **Visibilidade na loja:** Opção útil para quando você está inserindo todo o seu inventário e não quer mostrar nada ainda (enquanto em produção). Também é útil para itens que estão fora de estoque.
* **Item protegido:** Útil para ocultar informações do comprador. Você pode usá-lo se quiser mostrar o local de entrega do produto, um link externo privado para um chat (você pode usar seu link do WhatsApp, Telegram, etc.) ou qualquer coisa que decidir.
* Faça upload de uma foto do produto. A maioria dos formatos de imagem comercial é aceita, mas o limite é de 2 MB por enquanto.

Depois de preencher todos os campos, proceda para salvar o produto. Repita o processo até preencher seu inventário.

### Gerenciando Checkouts

Crie e compartilhe pagamentos de produtos com seus clientes facilmente. Ideal para vender produtos em combos para ocasiões especiais e ofertas.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FXO96Lpr4zPSy5INRVgpi%2Fimage.png?alt=media&amp;token=6c1a336e-a65b-473a-a05d-6dfb36720a85" alt=""><figcaption><p>Vá para a última opção na barra lateral esquerda de integrações</p></figcaption></figure>

Uma vez que você entrar na seção, poderá ver o painel com todos os pedidos de checkout que fizemos antes. Como é a primeira vez que entramos, não há nenhum.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FXafg0SlIkiRwgRjwMlqI%2Fimage.png?alt=media&amp;token=9a3869b7-ea0f-4d06-b0ce-9ea27566d71f" alt=""><figcaption></figcaption></figure>

Vamos criar nosso primeiro pedido de checkout clicando no ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FtGgt5IalbPkD7WRMSVcW%2Fimage.png?alt=media\&token=2b86de8f-f0f0-4d92-b382-68754d392c45)  botão que abrirá o seguinte formulário para preencher 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FbZtENtYL0fzsb3NIEoc4%2Fimage.png?alt=media&amp;token=d88dc7c1-a6e8-40ea-bcbb-68633e26809a" alt=""><figcaption></figcaption></figure>

**Título:** Insira um título descritivo para a página de checkout. Esse título ajuda a identificar o checkout no seu painel e fornece contexto aos seus clientes.

**Descrição**: Adicione quaisquer informações adicionais ou instruções relevantes ao processo de checkout. Por exemplo, você pode incluir políticas de devolução, detalhes de envio ou informações específicas do produto.

**Exigir e-mail:**

* **Opção de alternância**: Quando habilitado, os clientes serão obrigados a fornecer seu endereço de e-mail para concluir o processo de checkout. Isso é útil para enviar confirmações de pedido ou atualizações.

**Quantidade editável**

* **Opção de alternância**: Quando habilitado, os clientes podem editar a quantidade dos itens que desejam comprar diretamente na página de checkout. Essa opção oferece flexibilidade para compras em grande quantidade ou múltiplos itens.

**Tabela de Produtos**

A tabela de produtos permite gerenciar os itens incluídos no checkout. Aqui estão as colunas disponíveis e seus propósitos:

* **Produto**: Exibe o nome ou identificador do produto.
* **Quantidade**: Mostra a quantidade de cada produto no pedido. Se "Quantidade editável" estiver habilitada, este campo se torna editável para os clientes.
* **Preço unitário**: Indica o preço por unidade do produto.
* **Preço total**: Calcula automaticamente o custo total do produto (quantidade × preço unitário).
* **Ações**: Fornece opções para modificar ou remover o item do checkout.

#### **Adicionar item**

* **Botão**: Use o **Adicionar item** botão para incluir um novo produto no checkout. Isso permitirá especificar o nome do produto, quantidade e preço.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FL0er0Ojgupl62J40vxx8%2Fimage.png?alt=media&amp;token=05564dc1-58c7-478b-a783-91561e158e67" alt=""><figcaption><p>Adicione quantos itens quiser a este pedido de checkout</p></figcaption></figure>

Depois de terminar de preencher todos os campos, clique no ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FLjU6rJKmTm3Ns8nKVuqp%2Fimage.png?alt=media\&token=6ef46131-0180-42c5-b8c7-1b5f2d5c51bf) botão. Você verá um ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FO4ZmmBtS4iWIHQKUpdYO%2Fimage.png?alt=media\&token=864f117c-cfc4-466d-a96c-0e41b0b1c2d3) toast se tudo correr bem e o painel de checkout será aberto para você da seguinte forma:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FXIKaZS300z9Fgm1m9jFP%2Fimage.png?alt=media&amp;token=bb378c7a-e25f-4ca5-9647-5cbfe82375cc" alt=""><figcaption></figcaption></figure>

Seus pedidos agora estão no painel e você pode acessá-los para compartilhá-los ou excluí-los conforme necessário. Pressione o ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FEpgKOx3x4UZ7QatdaPzu%2Fimage.png?alt=media\&token=a51f25d5-fdc9-4a15-b1bf-f51578611175) botão à direita do pedido selecionado para abrir um modal com opções para compartilhar este pedido em redes sociais. Você também pode copiar o link dele.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FdK5etRrJVVrGmam5MFvb%2Fimage.png?alt=media&amp;token=6de20398-d73f-4306-a537-705b0b28749f" alt="" width="462"><figcaption></figcaption></figure>

### Incorporando produtos no seu DApp

Se você quer vender, você tem que mostrar. Essa é a regra principal de vendas e você pode, claro, fazer do jeito que preferir no seu DApp criado com o DexAppBuilder. Vamos mostrar um exemplo:

{% hint style="info" %}
Assumimos que você seguiu a documentação à risca e incluiu pelo menos um produto em seu inventário. Você vai precisar dele para este exemplo.
{% endhint %}

1. Você deve ir para a área administrativa do seu DApp. Uma vez lá, procure a opção Páginas dentro da seção Layout (primeira barra lateral à esquerda, a principal). Quando estiver lá, você poderá ver as páginas que compõem seu DApp.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FvUxiYMXMgKRbtcNk95Nm%2Fimage.png?alt=media&amp;token=3234103a-bc1b-46df-9a1f-5effc216b3df" alt=""><figcaption><p>Se esta for a primeira vez que você entra nesta seção, você verá apenas uma página "Início".</p></figcaption></figure>

Clique na página para ver todas as seções que ela contém 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FSLUGjWdOblaJshsDReAq%2Fimage.png?alt=media&amp;token=a57a9217-6e20-4faf-a67e-1f884a3fbba9" alt=""><figcaption><p>Estas são as seções padrão que seu DApp contém. Sinta-se à vontade para excluí-las ou editá-las.</p></figcaption></figure>

A fim de mostrar a funcionalidade de E-Commerce diretamente, apagamos todas as seções padrão e agora precisamos criar apenas uma contendo os produtos

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FZSaNwwfMG2fmuRwRLEzf%2Fimage.png?alt=media&amp;token=206130cf-8121-4f7e-b6c6-1c0af657f6e0" alt=""><figcaption><p>Clique no botão + Adicionar Seção</p></figcaption></figure>

Agora selecione o componente «Commerce» para adicionar seus produtos\
![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fkt7sVnb1E91xq9LqFyUj%2Fimage.png?alt=media\&token=5d98e26b-ef6b-4002-8f3c-0c7d5df114f7)

Uma vez que você clicar no componente, verá a seguinte tela 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F7Zw40dRTjyJsR7tgmdpy%2Fimage.png?alt=media&amp;token=06c1fe30-425f-4106-8c9a-38db198a6b14" alt=""><figcaption></figcaption></figure>

Você pode alterar a visualização do componente selecionando o tipo na lista. Na verdade, na imagem acima, estamos usando o tipo Store. Neste caso, vamos mostrar TODOS OS ITENS no componente.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FP5OKgFK8qdErlNevfBrs%2Fimage.png?alt=media&amp;token=311afa6f-71e0-4328-bfd4-6ba53c8e6d5a" alt=""><figcaption></figcaption></figure>

Quando terminarmos aqui, clicamos em Salvar. Sua seção de componente na página Início ficará assim 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FdLulNAgPKuHekkQ07aSI%2Fimage.png?alt=media&amp;token=2dc87c73-730a-43e7-91a2-abba9241396c" alt=""><figcaption><p>Adicionamos apenas um componente neste DApp</p></figcaption></figure>

Agora vamos dar uma olhada no nosso DApp em "produção"&#x20;

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F5x8NBtKtcW8YWcUC34T5%2Fimage.png?alt=media&amp;token=7fef0199-fdb9-44b4-82fa-707742e13366" alt=""><figcaption></figcaption></figure>

Como você pode ver, nosso DApp possui apenas a seção Store que contém os produtos que adicionamos para nosso teste. Obviamente, seu DApp deve conter tudo o que você precisa para torná-lo especial: integrações com contratos inteligentes, conteúdo restrito, componentes de negociação, entre outras coisas.


# Visão geral

Troque de forma mais inteligente e eficiente com preços em tempo real e taxas de gás otimizadas – tudo isso enquanto ganha comissões!

[DexSwap](https://dexappbuilder.dexkit.com/admin/quick-builder/swap) é um produto de swap descentralizado construído usando o DexAppBuilder, projetado para tornar a troca de criptomoedas fácil para empreendedores cripto, influenciadores, artistas e qualquer pessoa que administre grandes comunidades cripto. Ao agregar liquidez de múltiplas fontes, o DexSwap fornece aos negociadores os melhores preços em tempo real para cada operação de negociação, enquanto otimiza as taxas de gás para reduzir taxas de slippage e custos de transação.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FPaXqz0udeIakAAYkIAYV%2Fbrave_screenshot_arbitrum.dexkit.app.png?alt=media&amp;token=bb7f9d91-d59e-436a-afd3-09130c526d72" alt=""><figcaption><p>Desfrute deste incrível swap Arbitrum pela simplicidade. Você também pode ter o seu, com as cores da sua marca e logotipo!</p></figcaption></figure>

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FtRaFyXmLAaG1GM9PJEYR%2Fbrave_screenshot_scaleswap.dexkit.app.png?alt=media&amp;token=477af9fd-2f9d-4a93-8dd3-7082d4615f1f" alt=""><figcaption><p>Outro produto de swap implantado pela comunidade. Veja como as cores da marca e a rede nativa mudaram nesta versão.</p></figcaption></figure>

O DexSwap oferece uma gama de recursos, como trocar tokens em [pools de liquidez 0x](https://www.0x.org/), colocar ordens limitadas e adicionar liquidez aos pools para ganhar taxas. **Funciona nas principais redes blockchain, incluindo Ethereum, Polygon, Optimism, Arbitrum, Avalanche, Fantom e BNB Chain**. Além disso, os criadores que implantam o DexSwap podem ganhar comissões substanciais quando sua comunidade negocia na plataforma, tornando-o uma excelente ferramenta para promover projetos e gerar renda.

Importar tokens é moleza com o DexSwap, pois **você pode importar qualquer token do CoinGecko de forma contínua ou manualmente**. Perfeito para ICOs e OTC, o DexSwap é uma ferramenta inovadora e poderosa para traders e influenciadores que buscam negociar criptomoedas de forma eficiente enquanto colhem os benefícios de seus recursos.

Mantenha-se atualizado com nosso repositório de documentação mantido regularmente e fique atento a eventuais observações espirituosas.


# Criando meu primeiro swap

Aprenda como projetar e implantar seu primeiro agregador DEX inteligente.

A partir de agora você terá uma experiência simples para implantar este produto. Siga os passos e em breve terá seu agregador DEX totalmente funcional:

1. Navegue até o [Construtor Quick Swap](https://dexappbuilder.dexkit.com/admin/quick-builder/swap) e preencha todos os campos com as informações solicitadas sobre seu swap. O nome (será o mesmo do seu nome de domínio, então tenha cuidado aqui a menos que queira usar domínios personalizados). Clique no botão azul «CONTINUAR» quando terminar.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FkLDBp0pWXgjIF0TPsxBc%2Fimage.png?alt=media&amp;token=37e95890-6ff3-451a-a157-7cf824e1ff88" alt=""><figcaption></figcaption></figure>

2. Altere as cores do tema nesta seção, incluindo fontes (as fontes do Google estão habilitadas). Escolha entre qualquer combinação padrão ou selecione a opção Personalizada e adicione suas cores para combinar com sua marca e preferências. Quando terminar aqui clique no botão azul «CONTINUAR» abaixo e vamos prosseguir com o próximo passo.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FglWuYxpawmxBZRxS5yEf%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(30).png?alt=media&amp;token=0af8932e-39c7-4431-bd8f-37483fee419e" alt=""><figcaption></figcaption></figure>

3. Aqui fica a seção de tokens. Escolha e habilite os padrões ou clique no botão «IMPORTAR» para exibir os que não são oferecidos por padrão.&#x20;

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FYxxQSe7QDsMD7ZGxGJQK%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(31).png?alt=media&amp;token=8f496d98-21a2-482c-8742-cad1fcfb2620" alt=""><figcaption></figcaption></figure>

3. A barra de pesquisa ali está conectada à API do CoinGecko, então encontrará qualquer token listado lá diretamente no seu App 👇👀

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FrnsiP2eb9UpenPu3lvOp%2Fbitcoin_0x.png?alt=media&amp;token=b723c74b-3ef6-49d4-b15a-2ce527a85abb" alt=""><figcaption><p>Maximalistas de Bitcoin! Isto também é para vocês! 🤗</p></figcaption></figure>

4. E, na última seção, você escolherá qual será sua rede padrão (a que abre automaticamente quando você ou seus clientes acessarem seu produto), token de entrada padrão (o que você tem) e token de saída padrão (o que você recebe).

{% hint style="info" %}
Este produto também foi projetado para aqueles que têm tokens personalizados e querem executar seus próprios ICOs nesta plataforma.
{% endhint %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FAeuZFo3ukVI6bJwIuDhi%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(32).png?alt=media&amp;token=d4815ed6-3daf-4b1a-9359-0f9deccac768" alt=""><figcaption></figcaption></figure>

5. Depois de escolher os tokens, defina também a taxa de slippage como padrão. Use um dos valores sugeridos para evitar falhas nas transações.
6. Clique no botão azul «FINALIZAR». O painel deve abrir novamente, mas seu produto deverá estar concluído e ficar parecido com este 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F1ZqLDjJM1yFqYpcfNfP3%2Fbrave_screenshot_optiswap.dexkit.app.png?alt=media&amp;token=d793f976-0343-4e2c-97c4-d8c6fb3ba0e2" alt=""><figcaption><p>Este produto está pronto e em funcionamento para lhe render dinheiro! 🤑</p></figcaption></figure>


# Gerenciando esta ferramenta

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FWcGnXij1RiP3hNQBDAza%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(24).png?alt=media&amp;token=e2050949-308a-47ec-b8be-2c9b52f9e869" alt=""><figcaption><p>Navegue até a plataforma DexAppBuilder e siga os passos para entrar na área administrativa. Vá diretamente de <a href="https://dexappbuilder.dexkit.com/admin">aqui</a>.</p></figcaption></figure>

Esta é a [área administrativa](https://whitelabel-nft.dexkit.com/admin). Aqui você pode verificar seus DApps de forma simples após conectar sua carteira. Como você pode ver aqui, **os DApps que criamos anteriormente estão listados ali.**

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FyMfRdUADN0DZarwHgmQO%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(25).png?alt=media&amp;token=4bfce4ec-edfc-443b-8173-131f87857463" alt=""><figcaption></figcaption></figure>

Devemos configurar o DNS no seu domínio web (provedor de hospedagem) para que ele redirecione para o endereço que você criou acima para seu DApp. Felizmente temos informações suficientes [sobre como realizar este procedimento no Cloudflare aqui](https://docs.dexkit.com/defi-products/use-cases/for-entrepreneurs/custom-dswap#creating-your-cname-alias) (este link redireciona para nossa documentação).

Se tudo correu bem e você executou cada um dos passos descritos aqui, você já estará aproveitando sua ótima coleção de NFTs, como [esta](https://boredapes.dexkit.com/) ou [esta](https://kittygotchi.com) 😻

{% hint style="success" %}
:hugging:Não se preocupe! Você pode editar qualquer um dos seus DApps a qualquer momento após a implantação. Nenhuma taxa será cobrada.
{% endhint %}

## Editando minha(s) loja(s)

**Você se arrependeu do design inicial ou pretende adicionar mais coleções?** Clique no menu hambúrguer à direita do DApp que você deseja editar (destacado em verde) e clique em “Editar” (destacado em laranja). A ferramenta o levará ao assistente inicial onde você pode fazer as alterações que considerar.

{% hint style="info" %}
As configurações do código do seu DApp são salvas toda vez que você clica no botão azul «SALVAR» na parte inferior de cada seção. **Não se esqueça de salvar progressivamente!**
{% endhint %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fq06dlvOU4HmlqdUI1R9p%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(23).png?alt=media&amp;token=d6d6fff7-37a9-43c0-8ba8-fa47b7ab6d23" alt=""><figcaption><p>Escolha sua DexNFTShop aqui e clique na opção Editar.</p></figcaption></figure>

Agora navegue para Layout – Páginas. Veja seu único componente na seção e clique no lápis 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FlN9uuT3NAkAN8X2YcFLW%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(35).png?alt=media&amp;token=688a821e-4d16-4999-b308-ae83c2d6d4c5" alt=""><figcaption><p>Sim, o que está dentro do círculo verde.</p></figcaption></figure>

Aqui está a seção principal de personalização para o seu agregador DEX (swap). Sinta-se à vontade para alterar tudo o que precisar e clique em «SALVAR»

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F6lE266CotN8YNq3b36D1%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(36).png?alt=media&amp;token=805bd116-7f05-4922-b030-ccebffc90b50" alt=""><figcaption></figcaption></figure>

Clique no botão azul «SALVAR» abaixo do componente e voilá! 🧙‍♂️ aguarde alguns segundos até que as alterações sejam propagadas e sua loja será modificada com sucesso.


# Visão geral

Implemente facilmente seus próprios contratos inteligentes na blockchain com uma experiência perfeita.

Esta ferramenta permite a implantação rápida de contratos open source seguros e verificados sem qualquer dano ou risco para serem incluídos como componentes em uma DApp criada usando o DexAppBuilder.

Com uma interface simples de operar e muito eficiente (feita com as melhores práticas de desenvolvimento) qualquer usuário pode implantar dezenas de smart contracts: **desde cunhagem de NFTs e tokens ERC20 até modernos sistemas de acesso com restrição baseados em blockchain**.

Usamos contratos [inteligentes Thirdweb](/produtos-e-solucoes-defi-pt/dexcontracts/contratos-thirdweb), garantindo segurança para todas as partes, escalabilidade e suporte técnico multicanal.&#x20;

Confira a solução diretamente [acessando o link](https://dexappbuilder.dexkit.com/contract-wizard). Você pode continuar lendo esta documentação para aprender tudo sobre este produto.


# Requisitos

* Carteira cripto: Com [o Kit de Ferramentas de Carteira da Thirdweb ](https://portal.thirdweb.com/connect/wallet/overview)basicamente qualquer usuário da internet pode criar uma carteira web3 sem baixar nenhum aplicativo (credenciais do Twitter/X, Google, Discord, Passkeys + 500 opções de carteira).
* Fundos para taxas de gas (gas básico para qualquer rede habilitada quando interações on-chain forem necessárias).
* 1,000 [$KIT ](https://docs.dexkit.com/welcome/our-token/contract-addresses)para ferramenta de geração de imagens por IA (50 créditos por mês, opcional). Se você considerar um plano premium, pode nos contatar através do nosso [servidor do Discord](https://discord.com/invite/GJCRu4CYFH) e nós definiremos um preço justo para suas necessidades.
* Criatividade 👩‍🎨


# Gerador de formulários Web3

Esta funcionalidade avançada permite que criadores e desenvolvedores escaneiem contratos inteligentes e extraiam recursos úteis para seus projetos e ideias na Web3.

Interagir com Smart Contracts sem exigir habilidades avançadas de programação tornou-se uma realidade tangível. A DexKit desenvolveu uma ferramenta excepcionalmente valiosa que **permite aos usuários aproveitar recursos de seus Contratos preferidos e incorporá-los em seus projetos criativos** construído com [DexAppBuilder](/produtos-e-solucoes-defi-pt).

Para entusiastas experientes de DeFi que já utilizaram anteriormente o [Remix](https://remix.ethereum.org/), **esta ferramenta serve como uma versão simplificada que engloba suas funcionalidades mais significativas**. Ela capacita novos desenvolvedores ou pessoas com experiência técnica limitada em web3 a criar produtos personalizados com facilidade, sem precisar escrever uma única linha de código.

Ao invocar funções dos seus contratos favoritos, você pode alcançar o seguinte:

* Receber doações em criptomoeda em sua DApp de forma simples clicando em qualquer um dos tokens escolhidos da rede suportada.
* Enviar airdrops para sua comunidade.
* Organizar rifas justas empregando completa aleatoriedade.
* Distribuir amplamente seu token para uma vasta base de clientes.
* Projetar e implantar jogos cripto.
* Monetizar seu conteúdo.
* E qualquer outra função que você possa extrair de qualquer smart contract verificado para concretizar suas ideias inovadoras.

{% hint style="success" %}
Melhore a experiência da sua comunidade aproveitando o potencial desta ferramenta inovadora em conjunto com o **recurso Token Gate que está por vir**. Com essa combinação poderosa, você pode permitir que seu público acesse seu conteúdo exclusivo ao possuir token(s) específicos.
{% endhint %}

## Requisitos básicos

Para começar a usar esta ferramenta você deve [criar sua DApp](/produtos-e-solucoes-defi-pt/dexappbuilder/criando-minha-primeira-dapp) com o DexAppBuilder. Dessa forma você pode adicionar os formulários que criar aqui (aqueles que contêm as chamadas aos contratos que precisaremos para nosso app).

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FkMW2yFh1IQ4KU6vFR3ek%2Fimage.png?alt=media&amp;token=92286249-2a80-4fb0-ae35-4954ae3290d5" alt=""><figcaption><p>Sem carteira cripto? Sem problema! Crie sua primeira dentro da plataforma usando seu e-mail ou outras credenciais. Não é necessário baixar aplicativos pesados no seu dispositivo.</p></figcaption></figure>

## Primeiros passos

Se você já tem sua DApp criada, [continue aqui](https://dexappbuilder.dexkit.com/forms) para navegar diretamente ao construtor de formulários. É lá que criaremos nossas chamadas a smart contracts que mais tarde usaremos na nossa DApp.

{% hint style="info" %}
Estamos assumindo que você já está conectado com uma carteira web3 e já tem uma DApp criada neste ponto.
{% endhint %}

## Apresentando formulários

Nos referiremos a **cada uma das chamadas ou funções extraídas dos smart contracts como "formulários."** Esses formulários podem ser criados e armazenados para utilização futura.

Para ilustrar esse conceito, vamos considerar um cenário hipotético. Imagine que queremos estabelecer um sistema de doações que permita aos visitantes do nosso site contribuir com uma quantia específica de criptomoeda N com um único clique.

O termo "criptomoeda N" denota qualquer token permitido dentro das [redes suportadas](/produtos-e-solucoes-defi-pt/dexappbuilder/redes-disponiveis), das quais podemos extrair a função transfer e modificá-la de acordo com nossos requisitos.

Agora, vamos nos aprofundar no nosso caso hipotético. Suponha que queremos criar um botão de doação cripto para o token N, e desejamos que nossos visitantes doem uma quantia particular de um token específico para essa causa.

Neste cenário, temos dois formulários para extrair: primeiro, **o formulário para comprar a quantia N dos tokens escolhidos**, e em segundo lugar, **o formulário com o botão para transferir os tokens** para o endereço que escolhemos para esse fim.

## Extraindo as funções

Uma vez que exibimos os endereços dos contratos dos nossos tokens favoritos (neste caso o que usaremos para o botão de doação) procedemos a escanear o endereço para obter as funções. Abaixo explicamos como fazê-lo e criar um widget para cada uma das chamadas de contrato ou “formulários”, como decidimos chamar de forma lacônica.

1. Acesse o site da plataforma e conecte sua carteira. Uma vez dentro, clique na seção “criar formulário personalizado”.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FU1F1eZx9UafurscOTfTM%2Fimage.png?alt=media&amp;token=4c70f4c0-78b0-42b7-9ca9-18e31055a9c2" alt=""><figcaption></figcaption></figure>

2. Ao clicar você verá a seguinte tela. Preencha todos os campos com as informações solicitadas:
   * **Nome:** o nome deste formulário.
   * **Descrição:** Descreva sobre o que é este formulário.
   * **Rede:** verifique [redes disponíveis](/produtos-e-solucoes-defi-pt/dexappbuilder/redes-disponiveis) para a lista de compatibilidade.
   * **Endereço do contrato:** Cole aqui o endereço do contrato do token que você está prestes a usar para este fim. Desde que estejamos usando nosso próprio token, o estamos pegando dos endereços de contrato na  [---Our token---](https://docs.dexkit.com/welcome/our-token/tokenomics)seção desta documentação.
   * **ABI:** este campo será preenchido automaticamente quando colarmos um endereço de contrato compatível.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FS9NrNdSkU9zJQ1hmvjpl%2Fimage.png?alt=media&amp;token=98c53f45-9653-454c-b42c-a78092062375" alt=""><figcaption><p>Crie a página de destino do formulário antes de preencher</p></figcaption></figure>

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FHZhdpzaNBFfcOOV76Npm%2Fimage.png?alt=media&amp;token=8b37266b-86d5-4e20-a431-47568ec96b6f" alt=""><figcaption><p>Aqui está como ficará seu formulário com as informações básicas.</p></figcaption></figure>

{% hint style="warning" %}
Por razões de segurança, alguns smart contracts são ilegíveis por esta plataforma, portanto sempre recomendamos usar contratos verificados em seu respectivo explorador de blocos.
{% endhint %}

3. Agora é hora de verificar, nas funções exibidas pela plataforma, quais delas precisaremos para nosso propósito atual. Neste caso usaremos a função transfer que é responsável por, como o próprio nome diz, transferir tokens (neste caso será da carteira do doador para a organização).

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F0b4YSpN28HT03iM9v6Cx%2Fimage.png?alt=media&amp;token=614b152b-324d-47c8-bbbd-05d11102faf4" alt=""><figcaption></figcaption></figure>

Na imagem acima você pode ver as funções que pertencem ao contrato do nosso token $KIT. No nosso exemplo atual usaremos a função transfer, como mencionado acima. Em seguida, os campos contidos dentro da função devem ser preenchidos:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FyYAwag5GwU73hKNIZTRX%2Fimage.png?alt=media&amp;token=316b841a-a712-4c69-8a66-707d5d9a7cd0" alt=""><figcaption></figcaption></figure>

* **Nome da função:** O título público para seu componente. Você pode ocultá-lo marcando o botão «Ocultar rótulo»
* **Rótulo da chamada:** Este é o nome contido dentro do botão de chamada.
* **Entradas**
  * **Destinatário:** o(s) endereço(s) ERC-20 que receberão a doação.
    * **Tipo de entrada**
      * **Padrão**, para um único endereço de destinatário fixo `0x4e110...`
      * **Entrada de endereço** (para vários endereços de destinatários ao mesmo tempo).
* **Quantidade**
  * **Tipo de entrada**
    * **Quantidade padrão** (insira dígito fixo. Por exemplo: 20)
    * **Decimal formatado** (insira a quantia e coloque os decimais, neste caso são 18 dígitos para este contrato específico).

## Usando os componentes

Depois de criar seus componentes usando as funções dos seus Smart Contracts favoritos, é hora de implementá-los dentro do(s) seu(s) produto(s). Você pode adicioná-los muito facilmente em qualquer uma das suas DApps seguindo os passos abaixo:

1. Assumindo que você já criou sua DApp com o DexAppBuilder, navegue até o painel de administração. Agora clique no menu de três pontos à direita da sua DApp e clique em «editar».

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fg9QUbk9PtyBtDgPPgFMM%2FDexAppBuilder%20-%20Brave%2003_06_2023%2010_13_00.png?alt=media&amp;token=cc27c834-589a-4a24-9bc5-df2aa8d5f50d" alt=""><figcaption></figcaption></figure>

2. Agora navegue até «Páginas» escolhendo a opção na seção vertical esquerda. Você verá agora sua página principal com todos os componentes dentro. Vamos criar uma nova página para nossos formulários clicando no botão «+ Criar nova página».

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FVALz2drtYkov0rAR8iF7%2FDexAppBuilder%20-%20Brave%2003_06_2023%2010_13_12.png?alt=media&amp;token=59dbc918-5c61-4d5b-b829-88f9ac795266" alt=""><figcaption></figcaption></figure>

3. Vamos dar um nome à nossa nova página. Para este exemplo planejamos criar uma seção de doações para diferentes projetos e finalidades.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FNwwvI1aegrX3Hv81kCpN%2FDexAppBuilder%20_%20App%20Builder%20Setup%20-%20Brave%2003_06_2023%2011_19_08.png?alt=media&amp;token=cc255c48-ad8d-45d8-9bb3-2cc221502920" alt=""><figcaption><p>Clique em «Salvar» quando terminar com o nome da sua página.</p></figcaption></figure>

4. Nossa página “Doar” foi criada, como podemos ver na imagem abaixo. Não há componentes dentro dela, por isso vamos clicar na opção “+ Adicionar seção personalizada” porque lá encontraremos o widget que precisamos.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FWIw4APEekwz6dXfVBG1U%2FDexAppBuilder%20-%20Brave%2003_06_2023%2010_15_53.png?alt=media&amp;token=91324798-8757-4510-8830-cf105ae6e1dd" alt=""><figcaption></figcaption></figure>

5. Uma vez dentro do editor de página personalizada, clique no ícone + localizado no centro (ou à direita da tela) para adicionar um novo widget/componente. Da lista vamos usar o chamado “Contrato a partir de formulário do usuário” que convocará todos os nossos formulários criados com as instruções acima.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FMICKpBhwuRL7kEVAxRrd%2FDexAppBuilder-_-App-Builder-Setup---Brave-2023-06-03-14-22-13.gif?alt=media&amp;token=9d036e59-b66c-4c4d-9816-2c1f1dc5de63" alt=""><figcaption><p>Apenas arraste e solte o componente para o centro da tela.</p></figcaption></figure>

6. Após colocar o componente na tela você verá seus formulários criados. Escolha aquele(s) que você precisa para o propósito.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FXTTX4m0HBEHj5tnkAEB4%2Fimage.png?alt=media&amp;token=167ad26f-0779-4aac-b10e-7c15b7696fd8" alt=""><figcaption></figcaption></figure>

6. Aqui está como ficará seu componente. Você pode ocultar o título e informações extras para esse componente marcando a opção «Ocultar info do formulário», como mostramos abaixo.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FmOEUDDwfzlG611KQ679j%2Fimage.png?alt=media&amp;token=26451749-dcb9-4abb-8a61-46d22f88e233" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Não esqueça de clicar no botão azul «Salvar» progressivamente localizado no canto inferior direito da sua página. Isso garantirá que seus dados não sejam perdidos com qualquer mudança de estado da tela.
{% endhint %}

6. É assim que seu componente de doação ficará quando instalado. Você pode ser criativo com esta opção e adicionar conteúdo à página para garantir que ela toque o coração de seus leitores/espectadores e eles doem para sua causa.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F8DN2HQyqyKoY9Ln4FKzZ%2Fimage.png?alt=media&amp;token=0e8d4d2c-a88e-4824-b5d5-639f4cfa93e8" alt=""><figcaption><p>Para esse propósito colocamos nosso widget de doação abaixo do resumo do projeto que queremos promover.</p></figcaption></figure>

Se você conseguir exibir corretamente o componente em sua DApp, como vemos no exemplo acima, parabéns! 🥳 Você conseguiu integrar sua primeira função personalizada!

Incentivamos você a continuar testando essa nova funcionalidade. As possibilidades são infinitas e somente você pode dar o melhor propósito a este novo produto.


# Contratos Thirdweb 🔥

[DexGenerator](https://dexappbuilder.dexkit.com/forms/contracts) apresenta integração perfeita com [os contratos inteligentes de código aberto da Thirdweb](https://thirdweb.com/thirdweb.eth). Esta integração capacita os usuários a aproveitar sem esforço as capacidades desses contratos através de componentes reutilizáveis. Ao abstrair a complexidade de interagir com contratos inteligentes, os desenvolvedores podem desbloquear novas vias de funcionalidade para suas aplicações de criptomoedas.

## **Contratos compatíveis**&#x20;

Os seguintes contratos inteligentes estão incluídos nesta integração, cada um servindo a um propósito distinto. Clique em qualquer item abaixo para obter mais informações:

* [Lançamento de Edição](/produtos-e-solucoes-defi-pt/dexcontracts/contratos-thirdweb/lancamento-de-edicao)
* [Token Drop](/produtos-e-solucoes-defi-pt/dexcontracts/contratos-thirdweb/token-drop)
* [Lançamento de NFT](/produtos-e-solucoes-defi-pt/dexcontracts/contratos-thirdweb/lancamento-de-nft)
* [Marketplace](/produtos-e-solucoes-defi-pt/dexcontracts/contratos-thirdweb/marketplace-nao-listado)
* [StakeERC721](/produtos-e-solucoes-defi-pt/dexcontracts/contratos-thirdweb/stakeerc721)
* [Pacote](/produtos-e-solucoes-defi-pt/dexcontracts/contratos-thirdweb/pack-obsoleto)
* [SignatureDrop](/produtos-e-solucoes-defi-pt/dexcontracts/contratos-thirdweb/signaturedrop-nao-listado)
* [Dividir](/produtos-e-solucoes-defi-pt/dexcontracts/contratos-thirdweb/dividir)
* [Edition](/produtos-e-solucoes-defi-pt/dexcontracts/contratos-thirdweb/edition)
* [Token](/produtos-e-solucoes-defi-pt/dexcontracts/contratos-thirdweb/token)
* [Coleção NFT](/produtos-e-solucoes-defi-pt/dexcontracts/contratos-thirdweb/colecao-nft)
* [Votar](/produtos-e-solucoes-defi-pt/dexcontracts/contratos-thirdweb/votar)
* [StakeERC20](/produtos-e-solucoes-defi-pt/dexcontracts/contratos-thirdweb/stakeerc20)
* [Multiwrap](/produtos-e-solucoes-defi-pt/dexcontracts/contratos-thirdweb/multiwrap)
* [AirdropERC20](/produtos-e-solucoes-defi-pt/dexcontracts/contratos-thirdweb/airdroperc20)
* [AirdropERC721](/produtos-e-solucoes-defi-pt/dexcontracts/contratos-thirdweb/airdroperc721)
* [AirdropERC1155](/produtos-e-solucoes-defi-pt/dexcontracts/contratos-thirdweb/airdroperc1155)

## **Benefícios para desenvolvedores e criadores**

A integração dos contratos inteligentes de código aberto da Thirdweb traz uma riqueza de benefícios para suas DApps feitas com DexAppBuilder:

* **Simplicidade:** Componentes abstraídos tornam a interação com contratos inteligentes complexos direta.
* **Segurança:** Aproveitar contratos inteligentes estabelecidos e seguros garante a segurança das transações.
* **Versatilidade:** Uma variedade diversa de funcionalidades de contratos abre novas possibilidades para o desenvolvimento de aplicações.
* **Eficiência:** Componentes reutilizáveis agilizam o desenvolvimento e reduzem o esforço de codificação.
* **Inovação:** Capacite seus usuários com maneiras criativas de interagir com criptomoedas através de casos de uso diversos.


# Edition

Criar edições de tokens ERC1155, facilitando lançamentos limitados e colecionáveis.

O [Edition](https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/TokenERC1155) o contrato mostra seu valor quando o objetivo é revelar uma série de NFTs construídos sobre um ativo comum, evitando ao mesmo tempo o mecanismo convencional de "drop" ou "release" que normalmente acompanha reivindicações centradas na comunidade.

Diferente do contrato Edition Drop, esta versão abre mão do conceito de lazy minting. Em vez disso, os NFTs são cunhados imediatamente no momento de sua adição à coleção.

Essa abordagem lhe dá a liberdade de executar ações como transferências de NFTs, vendas em marketplaces e quaisquer outras operações convencionais de NFT.

Para cenários avançados, o contrato Edition vem reforçado com capacidades de minting baseadas em assinatura, ampliando ainda mais seu repertório.

## Informações sobre ganhos de criadores no OpenSea

Este contrato acomoda naturalmente a estrutura para ganhos de criadores do OpenSea. Esse mecanismo capacita os criadores por padrão, com a possibilidade de o administrador do contrato ativar ou desativar esse suporte através da `setOperatorRestriction` função no explorador de contratos.

## Casos de Uso Práticos & Cenários Ilustrativos

O contrato Edition ressoa em uma série de aplicações:

* **Compilação de Colecionáveis**: Embarque na jornada de curar uma Coleção de NFT, onde cada NFT individual é representado por uma versão distinta de um ativo comum, produzindo um conjunto harmonioso e diversificado.
* **Airdrop Unificado**: Utilize o contrato Edition para conduzir uma iniciativa de airdrop, na qual uma lista predefinida de endereços recebe um NFT que utiliza coletivamente um ativo e metadados compartilhados.
* **Criações Multiplicativas**: Multiplique suas criações artísticas cunhando múltiplas "cópias" de sua obra, expandindo seu alcance de mercado enquanto mantém exclusividade.
* **Acesso por Associação**: Empregue o contrato Edition como um mecanismo para conceder acesso exclusivo por NFT a um grupo seleto ou associação.
* **Souvenirs de Eventos Digitais**: Gere NFTs que comemoram eventos digitais específicos, conferências ou marcos, aumentando o engajamento e o senso de pertencimento entre os participantes.
* **Narrativa Serializada**: Crie arcos narrativos serializados por meio de uma coleção de NFTs, cada um contribuindo com um segmento da história enquanto é sustentado por um ativo fundamental compartilhado.
* **Edições Variáveis**: Explore o reino das edições limitadas combinando ativos fundamentais comuns com variações sutis que criam um espectro de edições dentro da coleção.

## Implantando este contrato

{% embed url="<https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/TokenERC1155>" %}
Link direto
{% endembed %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FTgkJS6iqqt8n4x2XtOjy%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(11).png?alt=media&amp;token=33d766f4-f8d3-4a12-9527-95f8fe870d25" alt="" width="563"><figcaption></figcaption></figure>

* **Nome:** O nome para este contrato Edition de acordo com a sua ideia.
* **Símbolo:** Este será o ticker para este lançamento. Mantenha curto.
* **Descrição:** Você pode ser criativo aqui porque esta é a descrição que este contrato terá para os propósitos que você definiu.
* **Imagem:** Faça o upload da sua imagem para este contrato. Sua imagem será armazenada em [IPFS](https://ipfs.tech/) garantindo persistência ao longo do tempo.
* **Destinatário da Venda Primária:** Este endereço receberá todos os tokens por cada venda no contrato que estamos prestes a implantar. O padrão é o da carteira conectada. Pode ser alterado para qualquer outro.
* **Destinatário de royalties:** definir endereço padrão do destinatário de royalties para cada venda.
  * **Percentual de royalties:** Aqui será definido o percentual de cada venda que será enviado ao endereço que recebe os royalties.
* **Endereço do destinatário:** No caso de um contrato de vendas primárias, você pode receber taxas suplementares por cada venda primária realizada por meio deste contrato. Esse recurso é valioso ao implantar o contrato em nome de um terceiro e buscar compensação por seus serviços. Alternativamente, se este contrato funcionar como um marketplace, você tem a oportunidade de adquirir uma parte das receitas de todas as vendas secundárias que ocorrerem em sua plataforma.
  * **Percentual da taxa da plataforma:** para as taxas suplementares mencionadas acima.

## Incorporando a IU deste contrato

Depois de implantar com sucesso este contrato, vamos para a seção onde estão localizados todos os contratos anteriormente implantados por você. No menu superior clique em “DexContracts” e depois em “Manage contracts” 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FvkUcppKKoLw2KyBXrjB1%2Fimage.png?alt=media&amp;token=1b2a2e28-7f11-4e68-9628-910145418ef6" alt=""><figcaption></figcaption></figure>

Uma vez lá você poderá visualizar de forma ordenada todos os contratos que você implantou com a carteira conectada e, ao lado de cada um, dois botões: "Manage" e "Create form". Vamos clicar em "Manage".

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F48B94YRGirk9G5ytVP9q%2Fimage.png?alt=media&amp;token=e7e6d089-bd6e-43d0-b1a3-04871c8590bd" alt="" width="563"><figcaption></figcaption></figure>

Dentro da seção administrativa do contrato escolhido (neste caso Edition, que consiste na cunhagem de NFTs ERC1155) você poderá cunhar suas peças uma a uma clicando no botão "Mint NFT" e preenchendo os campos solicitados pela plataforma.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FXryOMj7MqdwWCYibN1tJ%2Fimage.png?alt=media&amp;token=19f57840-879b-4146-b5f6-e7feb0cb055f" alt="" width="563"><figcaption></figcaption></figure>

* Escolha a imagem para seu NFT clicando no componente azul de envio de imagem.
* Quantidade: Até 20 no primeiro lote. Você sempre pode cunhar mais NFTs depois.
* Nome para este NFT.
* Descrição para este NFT.
* Adicionar atributos: dê raridade ao seu NFT por meio de características personalizadas.

Depois de cunhar alguns, seu painel deve ficar como o mostrado abaixo, preenchido com NFTs:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fs11vae1CP9kEdKVzAItw%2Fimage.png?alt=media&amp;token=8cda69b3-49ea-46db-9bae-90420b9716e9" alt="" width="563"><figcaption></figcaption></figure>

Siga o caminho aqui e vamos clicar no primeiro NFT para gerenciar, como mostrado abaixo 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FYgMjGlAyKI9pTK0BhJBm%2Fimage.png?alt=media&amp;token=77220908-d9e9-4749-9b07-ec0f194514fc" alt="" width="513"><figcaption></figcaption></figure>

* Ver NFT: Clicar aqui o levará à página do ativo único no DexAppBuilder.
* Ver drop de NFT: Aqui você poderá verificar estatísticas detalhadas sobre este drop específico de NFT como quantidade total, total cunhado por usuários e total restante para cunhar

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FP1RsJFTWhQkoUsnRmgDr%2Fimage.png?alt=media&amp;token=4c3ec21a-6751-4089-acff-155a58eeb0eb" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="info" %}
Se você alterar `dexappbuilder.dexkit.com` no nome da URL para `yourdapp.dexkit.app` domínio, você poderá ver este NFT em seu DApp. Certifique-se de importá‑lo em seu produto conforme recomendamos [aqui na documentação](https://docs.dexkit.com/defi-products/dexappbuilder/creating-my-first-dapp#importing-collections).
{% endhint %}

* Transferir NFT: Ao pressionar este botão azul será aberto o seguinte modal para transferir para outras carteiras 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F2vp2Bot9tfajT0bkyKUF%2Fimage.png?alt=media&amp;token=60dc1390-aab3-42ae-8de7-38293afe126b" alt="" width="304"><figcaption><p>Enviar uma cópia deste NFT para o endereço escolhido.</p></figcaption></figure>

Como proprietário de todos os NFTs você poderá listá‑los em seu DApp e pedir o par de tokens que desejar (desde que o tenha importado em seu DApp como explicamos [na documentação](https://docs.dexkit.com/defi-products/dexappbuilder/managing-this-tool/importing-tokens)).


# Lançamento de Edição

Lançar tokens ERC1155 a um preço especificado, permitindo distribuição controlada de tokens.

O [Lançamento de Edição](https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/DropERC1155) é mais eficaz quando o objetivo é introduzir uma multiplicidade de NFTs únicos derivados de um ativo singular. Opera sob o Padrão ERC1155, coloquialmente referido como "Tokens Semi-Fungíveis."

Através do Lançamento de Edição, você ganha a capacidade de estabelecer os pré-requisitos que regem a cunhagem de NFTs pelos seus usuários. Isso engloba elementos como listas de permissão, datas de lançamento designadas e limites de alocação.

## Suporte completo para Receitas de Criadores no OpenSea&#x20;

A mecânica das receitas de criadores no OpenSea funciona da seguinte maneira. Por padrão, este contrato se integra perfeitamente à estrutura de receitas de criadores do OpenSea. A capacidade de alternar essa integração permanece sob a alçada do administrador do contrato, após o deployment, acessada através da execução da `setOperatorRestriction` função através do explorador do contrato.

## Cenários de Utilização e Exemplos&#x20;

Aplicações potenciais do Lançamento de Edição incluem:

* **Lançamentos de Séries Artísticas**: Utilize o Lançamento de Edição para revelar uma série de NFTs conectados por um elemento temático. Cada NFT dentro da série poderia representar um capítulo distinto ou perspectiva do tema geral, fomentando curiosidade e engajamento entre colecionadores.
* **Colecionáveis de Edição Limitada**: Crie uma sensação de exclusividade emitindo uma quantidade limitada de NFTs com traços ou atributos únicos. Esses colecionáveis podem estar ligados a eventos específicos, aniversários ou marcos, aumentando seu desejo e valor.
* **Recompensas para a Comunidade**: Recompense seus membros da comunidade com NFTs exclusivos como tokens de apreciação por seu engajamento, lealdade ou contribuições. Isso pode fomentar um senso mais forte de pertencimento e encorajar participação contínua.
* **Conteúdo Desbloqueável Dinâmico**: Implemente uma estratégia de lançamento de NFTs em múltiplos níveis, onde os usuários podem desbloquear NFTs de nível superior ao cumprir certas condições. Isso pode incentivar os usuários a explorar diferentes aspectos da sua plataforma ou completar tarefas específicas.
* **Criações Colaborativas**: Colabore com outros artistas ou criadores para gerar lançamentos conjuntos de NFTs. Cada participante poderia contribuir com um componente distinto para o NFT final, resultando em uma fusão única de estilos e conceitos.
* **Experiências Limitadas no Tempo**: Projete experiências interativas com tempo limitado onde os usuários devem completar desafios ou participar de eventos para ganhar recompensas em NFT. Essa abordagem pode impulsionar o engajamento e criar uma sensação de urgência.
* **Contar Histórias Através de NFTs**: Construa uma narrativa que se desenrole ao longo de uma série de NFTs. Os usuários podem colecionar esses NFTs em ordem cronológica para montar a narrativa, criando uma experiência imersiva de storytelling.
* **Conteúdo Desbloqueável em Mundos Virtuais**: Dentro de mundos virtuais ou ambientes do metaverso, use este contrato para conceder aos usuários acesso a itens ou locais exclusivos no jogo através da posse de NFTs.
* **Tokenização Educacional**: Em ambientes educacionais, tokenize certificados, distintivos ou conquistas como NFTs, fornecendo uma forma segura e verificável de exibir realizações.

A flexibilidade do lançamento de Edição possibilita esses casos de uso e mais, capacitando criadores a inovar e envolver seu público de maneiras novas.

## Implantando este contrato

{% embed url="<https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/DropERC1155>" %}
Link direto
{% endembed %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FclEfhokZxbv3P3ECQg9x%2Fbrave_screenshot_dexappbuilder.dexkit.com.png?alt=media&amp;token=0edcf571-823f-4943-bd1b-3b8e7602e174" alt="" width="563"><figcaption></figcaption></figure>

* **Nome:** O nome para este Lançamento de Edição de acordo com sua ideia.
* **Símbolo:** Este será o ticker para este lançamento. Mantenha curto.
* **Descrição:** Você pode ser criativo aqui porque esta é a descrição que este contrato terá para os propósitos que você definiu.
* **Imagem:** Faça o upload da sua imagem para este contrato. Sua imagem será armazenada em [IPFS](https://ipfs.tech/) garantindo persistência ao longo do tempo.
* **Destinatário da Venda Primária:** Este endereço receberá todos os tokens por cada venda no contrato que estamos prestes a implantar. O padrão é o da carteira conectada. Pode ser alterado para qualquer outro.
* **Destinatário de royalties:** definir endereço padrão do destinatário de royalties para este lançamento.
  * **Percentual de royalties:** Aqui será definido o percentual de cada venda que será enviado ao endereço que recebe os royalties.
* **Endereço do Destinatário:** Para contratos envolvendo vendas primárias, adquira taxas suplementares para todas as vendas primárias que ocorrerem neste contrato. (Isto é vantajoso se você estiver implantando este contrato em nome de um terceiro e desejar cobrar taxas pelos seus serviços). Se este contrato funcionar como um marketplace, obtenha uma porcentagem de todas as vendas secundárias que aconteçam dentro do seu contrato.
  * **Percentual da taxa da plataforma:** para as taxas suplementares mencionadas acima.

## Gerenciando este contrato

Uma vez que você fizer o deploy de uma instância deste contrato, poderá acessar o backend clicando no menu superior "Contract" e em "Manage Contracts".

<div data-full-width="false"><figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FIrpqclE8lpkIyDh4Bfoa%2Fimage.png?alt=media&amp;token=16ca7adf-58eb-46b5-b80a-6226b9394730" alt=""><figcaption></figcaption></figure></div>

Procure agora pelo contrato DropERC1155 que você acabou de implantar na lista de contratos. Depois de selecioná-lo, clique em "Manage"

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FHgxaEDlruydXttYGingw%2Fimage.png?alt=media&amp;token=ede00db9-4980-477b-b996-63fb2166833e" alt="" width="563"><figcaption></figcaption></figure>

Uma vez dentro da seção de gerenciamento do contrato escolhido (neste caso Edition, que consiste na cunhagem de NFTs ERC1155) você poderá cunhar suas peças uma a uma clicando no <img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FZZZbc64oKtEf7m4RKJnY%2Fimage.png?alt=media&amp;token=658e18bb-287b-4b14-af01-6bd7acf61889" alt="" data-size="line">botão e preenchendo os campos solicitados pela plataforma.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FMCVWL9c0IeCBUrhKXC6o%2Fimage.png?alt=media&amp;token=186eb48b-c832-47ee-b75c-d8c2ffbd3fcf" alt="" width="563"><figcaption><p>Como pode ver, criamos toda uma identidade visual para este contrato 🐄</p></figcaption></figure>

Quando você pressionar o botão "Mint" encontrará o seguinte formulário para preencher 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F1MbvswprX3nTHuVyeDgg%2Fimage.png?alt=media&amp;token=cd266d16-056b-49d4-b5f0-4699f8e3eb14" alt="" width="563"><figcaption></figcaption></figure>

* O nome do NFT.
* A descrição deste NFT.
* Botão adicionar atributo: Permitirá aos usuários adicionar raridade a este NFT específico.
  * Tipos de atributos: Genérico, número, aumento numérico e aumento percentual.
* Enviar a imagem. O usuário poderá enviar uma imagem (máx. 1 MB) ou gerar uma usando linguagem natural.
* botão "ADD NFT" para adicionar mais ativos a este lançamento.

## Configurando condições de reivindicação

Depois de termos nossos ativos cunhados, procederemos para criar as condições que queremos implementar para o lançamento de cada um deles.&#x20;

Para o exemplo abaixo, cunhamos um NFT dentro deste contrato. Vamos definir as condições para que usuários/visitantes possam reivindicar este ativo:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F4bPxobbTSyIEttWYej2f%2Fimage.png?alt=media&amp;token=952d8d6a-a8c4-4b2d-8634-249823c1bc3e" alt="" width="563"><figcaption><p>Siga a dica e clique no NFT para configurar as condições de reivindicação</p></figcaption></figure>

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F0SAFvHN2RX96dDVIOcYX%2Fimage.png?alt=media&amp;token=5b53f44a-fa43-4903-bf01-98adf1ff1ee8" alt="" width="563"><figcaption><p>Clique no botão "Add claim condition".</p></figcaption></figure>

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FwB7qr48pFfxTPutOCOTj%2Fimage.png?alt=media&amp;token=ae4e45e9-b657-4d57-86fb-e60d24ae9532" alt="" width="563"><figcaption></figcaption></figure>

Você pode ver o número da Fase no início. Todas as novas condições de reivindicação que você adicionar terão um número distinto e direto. Por exemplo, após configurar todas as condições na imagem acima, criaremos uma segunda condição de reivindicação que assumirá o nome Fase 2, da seguinte forma:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FbcD283YEXIcsg5JxI3uF%2Fimage.png?alt=media&amp;token=176eeed0-29c6-463c-ac81-071fcbf2a4c1" alt="" width="562"><figcaption></figcaption></figure>

Para as condições de reivindicação precisamos preencher os seguintes campos:

* **Nome** da fase / temporada atual
* **Data de início:** Escolha a data futura em que você deseja tornar este lançamento ativo.
* **Aguardar em segundos:** Este tempo limite será acionado quando a data de início chegar. No exemplo acima definimos a hora para 14:59 porque escolhemos um timeout de 60 segundos, então a hora precisa da cunhagem será às 15:00.
* **Total de itens a reivindicar:** Defina a quantidade máxima de ativos que você quer que seja cunhada a partir deste NFT específico.&#x20;
* **Total de itens por carteira:** Quantos itens você quer que sejam reivindicados por cada carteira.
* **Preço:** Defina o preço para cada NFT neste lançamento (não inclui taxas de rede ou comissões que você deve configurar previamente nas seções de comissão do marketplace). Você pode definir preço zero (0) mas precisa escolher qualquer token na lista. Seus minters não cobrarão nada além das taxas de rede.
* **Pesquisar token:** Escolha desta lista o token que você deseja receber pelos seus NFTs. Você pode [configurar os tokens](https://docs.dexkit.com/defi-products/dexappbuilder/managing-this-tool/importing-tokens) que desejar previamente a partir da configuração de tokens do seu produto.

Uma vez que você tenha terminado de preencher os dados para a outra condição, você pode salvá-la ou adicionar outra condição diretamente pressionando o botão “Add claim condition”. Neste caso salvamos e prosseguimos para a próxima aba.

## Editando Metadados <a href="#editing-metadata" id="editing-metadata"></a>

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FFte3vx3ub6R12lxyAF2M%2Fimage.png?alt=media&amp;token=0f9e78ab-238b-4827-a55c-f286a81ba261" alt="" width="563"><figcaption></figcaption></figure>

Nesta seção você pode editar o nome e a descrição da coleção para torná-la mais atraente para sua comunidade. Markdown está habilitado para que você possa fazer descrições devidamente formatadas.

{% hint style="info" %}
Observe que cada alteração que você fizer no contrato invocará uma chamada ao contrato que incorrerá em taxas de rede.
{% endhint %}

## Configurando configurações administrativas

Todas as opções configuráveis aqui representam aspectos críticos do contrato inteligente. Embora já tenham sido pré-populadas no momento do deployment do contrato, essas opções podem ser modificadas posteriormente e alterar o propósito do contrato.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FZMzWeV3r54q0ACVWcSz6%2Fimage.png?alt=media&amp;token=708fec57-792d-4389-a793-ddbdccdf93d1" alt="" width="563"><figcaption></figcaption></figure>

* **Admin:** Este endereço de carteira será o superusuário que terá poder total dentro deste contrato, podendo modificar qualquer aspecto crítico.
* **Minter / Criador:** Este endereço de carteira terá poder de criação para este contrato.
* **Transferência:** Este endereço poderá transferir qualquer ativo do contrato. Isso não tem nada a ver com transferências de usuários.
* **Metadados:** Adicione mais endereços de carteira apenas para identificação de metadados on-chai&#x6E;**.**

{% hint style="info" %}
Todas as interações nesta seção também incorrerão em taxas de rede. Lembre-se de ter moeda suficiente para o gas na rede em que você implantou o contrato para alterações posteriores.
{% endhint %}

## Visualizando nosso Lançamento de Edição

Se você quiser dar uma olhada em como o DROP aparece publicamente, pressione o botão "View NFT Drop". Ele o levará ao site de reivindicação no DexAppBuilder 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FolmlHL3WaGxKiqIU6Blh%2Fimage.png?alt=media&amp;token=66dae0fb-5360-4c72-b070-dec57597f080" alt="" width="563"><figcaption></figcaption></figure>

Abaixo você pode ver o NFT que criamos com este Drop diretamente no DexAppBuilder. Neste caso usamos outro navegador web e outra carteira para fazer o lançamento na visão de um visitante 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FeEPPJqMFY9qpQHFbrv8E%2Fimage.png?alt=media&amp;token=8a45c140-8085-45cc-9111-8c53e050ad38" alt="" width="563"><figcaption></figcaption></figure>

Nosso lançamento está funcionando corretamente! Mas... **E se quisermos ter nosso lançamento DENTRO da nossa aplicação descentralizada criada com DexAppBuilder?** 🤔 Siga os passos abaixo para incorporar a IU deste contrato dentro do seu app e atrair seus clientes a ela

## Configurando site de minting <a href="#setting-up-minting-site" id="setting-up-minting-site"></a>

Para este propósito assumiremos que você já criou uma aplicação descentralizada com DexAppBuilder (se você ainda não fez isso, visite [esta seção da documentação](https://docs.dexkit.com/defi-products/dexappbuilder/creating-my-first-dapp)). É necessário para poder aproveitar esta funcionalidade.

1. Devemos navegar para as configurações gerais da nossa aplicação. Fazemos isso [através deste link](https://dexappbuilder.dexkit.com/admin).
2. Uma vez lá, procuramos nossa aplicação descentralizada na lista e pressionamos o botão "hamburger", e clicamos em «Edit», como mostramos na imagem abaixo

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FUWWEbOfJrkWPcWharWJz%2Fimage.png?alt=media&amp;token=16f519bc-858b-483b-9fe0-fba77e6f624c" alt="" width="563"><figcaption></figcaption></figure>

3. Uma vez nas configurações da nossa aplicação, vamos para a visualização pública do nosso DApp clicando em <img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FQRjwCfuWsOm9CcBuJ1IA%2Fimage.png?alt=media&amp;token=0641de08-1a42-4e1a-94d5-fcbb652370a7" alt="" data-size="line"> botão.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FlFfR3M0HsGppo59N64Kz%2Fimage.png?alt=media&amp;token=a4fa86c7-1140-4389-bb8f-77fb915bc189" alt="" width="563"><figcaption></figcaption></figure>

4. Agora precisamos copiar e editar a URL geral do drop (neste caso é <https://dexappbuilder.dexkit.com/drop/edition/base/0x04dd689c62123fc100fb42e1c74c04462a36a3a4/0>) para o link do seu DApp + drop específico, por exemplo (<https://cybercows.dexkit.app/drop/edition/base/0x04dd689c62123fc100fb42e1c74c04462a36a3a4/0>) onde substituímos o domínio principal (o do DexAppBuilder) pelo domínio do nosso DApp, e o resultado pode ser visto abaixo 👇&#x20;

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FZbb5RKUmhub1ZbVB2pv3%2Fimage.png?alt=media&amp;token=4fc90194-592f-4661-b551-9c10110d8f13" alt="" width="563"><figcaption><p>Aqui está seu drop de NFT usando seu DApp personalizado. Criamos toda uma identidade visual para este produto. Você pode fazer o mesmo para seus projetos.</p></figcaption></figure>

## Adicione este Lançamento em qualquer página

Também é possível adicionar seu lançamento em qualquer seção/página do seu DApp. Esse recurso pode ajudá-lo a criar lançamentos de conteúdo restrito apenas para detentores de certos tokens (ERC20, ERC721 ou ERC1155).

Para tornar isso possível você precisa navegar até a seção administrativa do seu DApp, ir à seção Layout (no menu à esquerda) e escolher/criar a página onde deseja incorporar este lançamento. Criamos uma página "Drop" como mostramos abaixo:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FmLLAsxEMhRhEIiNL20c0%2Fimage.png?alt=media&amp;token=d15d624f-5c83-4179-8c37-96df708a0730" alt="" width="563"><figcaption></figcaption></figure>

### Adicionar componente Drop com seção padrão

O próximo passo é adicionar uma seção para o contrato. Podemos adicionar um componente de seção padrão clicando no <img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FMI8eC1qp99WOunfnx3yS%2Fimage.png?alt=media&amp;token=d74b218d-53f7-4aa6-8495-4d04f708fed5" alt="" data-size="line"> botão e, dentro do modal aberto, clicar no contrato DexGenerator

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F5WSdvVdsZSd0toucRWzF%2Fimage.png?alt=media&amp;token=42c26d66-d510-447f-a100-49fd55e9f166" alt="" width="458"><figcaption></figcaption></figure>

Uma vez que abrimos a seção de customização para este componente, veremos a seguinte tela com todos os contratos compatíveis com incorporação que implantamos no passado. Para o nosso exemplo, escolheremos o contrato CyberCows Calf

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FncrHromnCx9PX1coJmCb%2Fimage.png?alt=media&amp;token=b50680b2-0865-4867-8ba2-c902499c140f" alt="" width="563"><figcaption><p>Clique no contrato para detalhes</p></figcaption></figure>

Agora podemos ver todos os NFTs disponíveis para uso neste componente incorporável. Lembre-se de que acabamos de cunhar um, então ele mostrará o único existente na imagem abaixo

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FtaGdvs6B1IdlXUcGx0Ip%2Fimage.png?alt=media&amp;token=74d53d55-ee19-4bc9-b032-d4af9875982e" alt="" width="563"><figcaption></figcaption></figure>

Depois de escolher o NFT que queremos incorporar nesta seção/página, clicamos no <img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F1TybspMJRKKo11snQHwd%2Fimage.png?alt=media&amp;token=bd87d67f-8a74-46af-adf7-e694ea1c596a" alt="" data-size="line"> botão para retornar ao gerenciamento da seção da página Drop. Salve novamente para enviar sua página para produção.

### Adicionar componente Drop em seções personalizadas

É possível fazer a mesma coisa que fizemos antes com o componente padrão, mas dentro de uma seção personalizada, para que você possa adicionar os componentes que desejar dentro da mesma página ou seção, usar fundos, cores, imagens, vídeos ou o que quiser acompanhar esse lançamento.

O procedimento difere um pouco do anterior. Dentro da seção administrativa da página Drop, agora precisamos clicar em <img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FPWsvgtvphp9VorS4txFH%2Fimage.png?alt=media&amp;token=6bf5b964-1cda-4f10-933d-afefa3d1e938" alt="" data-size="line">. Agora veremos como o editor de página personalizado abre 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FoY8Ui0xF0EpInkn6QV7Q%2Fimage.png?alt=media&amp;token=71a1d0bd-6084-476f-9147-21dd7fcc5f7f" alt="" width="563"><figcaption><p>Clique no + no centro para abrir o menu esquerdo com os componentes.</p></figcaption></figure>

Procure agora o componente DexGenerator e arraste-o para dentro da página à direita. Você pode fazer isso após criar um fundo apropriado, pilha e containers como explicamos [na seção de documentação para personalização](/produtos-e-solucoes-defi-pt/dexappbuilder/gerenciando-esta-ferramenta/construindo-secoes-personalizadas).

Parabéns por chegar até aqui! 🎊🥳 Agora seu Lançamento de Edição está concluído e pronto para produção no seu DApp! Aproveite!


# Marketplace (não listado)

Permitir a negociação de tokens ERC721/ERC1155 dentro de um ambiente de marketplace seguro.

O núcleo do [Contrato de Marketplace](https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/MarketplaceV3) capacita os usuários a curar anúncios de NFTs disponíveis por compra direta ou leilão. Outros usuários, por sua vez, podem submeter ofertas, fazer lances ou adquirir os NFTs pelo valor estipulado no anúncio.

A maleabilidade da configuração do marketplace permite a imposição de certos parâmetros. Pode ser ajustada para permitir que apenas usuários específicos listem NFTs à venda ou, alternativamente, estender esse privilégio universalmente, permitindo que qualquer usuário coloque NFTs à venda.

## Cenários Práticos & Exemplos

Uma variedade de cenários práticos se materializa no âmbito do contrato Marketplace:

* **Vendas Pessoais de NFT**: Aproveite o poder do contrato Marketplace para vender efetivamente seus NFTs dentro do contexto do seu marketplace.
* **Leilões Temporizados**: Crie leilões caracterizados por um quadro temporal predefinido, onde o maior licitante, ao término do tempo estipulado, torna-se o vencedor e reclama o NFT.
* **Dinâmica de Mercado Inclusiva**: Abra caminho para um ambiente de marketplace aberto semelhante ao OpenSea, onde qualquer usuário pode listar seus NFTs à venda, promovendo um ecossistema diversificado e acessível.
* **Coleções Curadas**: Crie um espaço para vendas temáticas de NFTs, agregando coleções específicas sob um marketplace unificado, atendendo a interesses de nicho.
* **Programas de Fidelidade**: Utilize o contrato Marketplace para oferecer privilégios de listagem exclusivos a membros leais da comunidade, fortalecendo o engajamento e o compromisso dos usuários.
* **Empreendimentos Colaborativos**: Estabeleça marketplaces colaborativos onde múltiplos criadores contribuem para uma plataforma singular, consolidando ofertas diversas de NFTs.

## Implantando este contrato

{% embed url="<https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/MarketplaceV3>" %}
Link direto
{% endembed %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FYFOTBp0tZwMNAwvYlpbN%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(5).png?alt=media&amp;token=7c4d85ce-bc9d-447a-9c4d-7d0171904b92" alt=""><figcaption></figcaption></figure>

* **Nome:** O nome deste Marketplace de acordo com a sua ideia.
* **Símbolo:** Este será o ticker para este lançamento. Mantenha curto.
* **Descrição:** Aqui está a descrição que este contrato terá para os propósitos que você organizou.
* **Imagem:** Faça o upload da sua imagem para este contrato. Sua imagem será armazenada em [IPFS](https://ipfs.tech/) garantindo persistência ao longo do tempo.
* **Endereço do Destinatário:** No caso de um contrato de vendas primárias, você pode receber taxas suplementares por cada venda primária realizada por meio deste contrato. Esse recurso é valioso ao implantar o contrato em nome de um terceiro e buscar compensação por seus serviços. Alternativamente, se este contrato funcionar como um marketplace, você tem a oportunidade de adquirir uma parte das receitas de todas as vendas secundárias que ocorrerem em sua plataforma.
  * **Porcentagem:** para as taxas suplementares mencionadas acima.


# Coleção NFT

Criar coleções de NFTs únicas, permitindo que criadores exibam seus ativos digitais.

O [Coleção NFT](https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/TokenERC721) o contrato surge como a via ideal quando a intenção gira em torno de cultivar um repositório de NFTs incomparáveis, embora sem o mecanismo convencional de "drop" ou "lançamento" que frequentemente acompanha reivindicações orientadas pela comunidade.

Em contraste com o [Lançamento de NFT](/produtos-e-solucoes-defi-pt/dexcontracts/contratos-thirdweb/lancamento-de-nft) contrato, o contrato de Coleção NFT abstém-se do conceito de mintagem preguiçosa (lazy minting). Em vez disso, os NFTs são cunhados imediatamente assim que passam a fazer parte da coleção.

Consequentemente, permanece aberta a possibilidade de executar ações costumeiras—transferir os NFTs, facilitar sua venda em marketplaces e quaisquer outras operações convencionais de NFT—sem qualquer impedimento.

Para cenários sofisticados, o contrato de Coleção NFT é reforçado com capacidades de mintagem baseadas em assinatura, elevando sua utilidade e versatilidade.

## Amplo Espectro de Casos de Uso e Cenários Ilustrativos

O contrato de Coleção NFT serve como um hub de inovação em diversos domínios:

* **Compilação Fotográfica**: Embarque na criação de uma coleção NFT 1-de-muitos, exibindo um medley de suas criações fotográficas, capturando diversos momentos e histórias.
* **NFTs com Utilidade**: Modele um NFT único 1-de-1 que carregue utilidade exclusiva, como acesso a conteúdo premium, privilégios VIP ou experiências personalizadas.
* **Integração com Mercado de Arte**: Inicie o processo cunhando sua obra de arte como NFTs, oferecendo-as subsequentemente para venda em marketplaces de NFT, fomentando exposição e comercialização.
* **Repositório Curado pela Comunidade**: Construa colaborativamente uma coleção de NFTs feita pela comunidade, celebrando a criatividade coletiva e as contribuições dos membros.
* **Tokenização de Utilidade de NFT**: Cunhe NFTs que encapsulam utilidade específica dentro de um ecossistema mais amplo, tornando-os tokens que fornecem acesso ou funcionalidades dentro de uma plataforma descentralizada.
* **Compilação de Edição Limitada**: Curadoria de compilações NFT de edição limitada que encapsulam um tema ou conceito específico, adicionando uma aura de exclusividade à coleção.
* **Artefatos NFT**: Transforme artefatos digitais, símbolos ou relíquias em NFTs, permitindo que os usuários possuam e exibam peças de história virtual.
* **NFTs para Caridade**: Utilize o contrato de Coleção NFT para cunhar NFTs que representem itens ou experiências únicas, que podem então ser leiloados ou vendidos para apoiar causas beneficentes.
* **Narrativa Sequencial**: Desenvolva uma narrativa serializada através de uma coleção de NFTs, cada um contribuindo para uma história em desenvolvimento que cativa o público.

## Implantando este contrato

{% embed url="<https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/TokenERC721>" %}
Link direto
{% endembed %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FXAgtTOQVKVq7akxPSsJP%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(13).png?alt=media&amp;token=355c9c3f-e8ae-476f-a7a7-d932f27cc330" alt="" width="563"><figcaption></figcaption></figure>

* **Nome:** O nome desta Coleção NFT de acordo com a sua ideia.
* **Símbolo:** Este será o ticker para este lançamento. Mantenha curto.
* **Descrição:** Você pode ser criativo aqui porque esta é a descrição que este contrato terá para os propósitos que você definiu.
* **Imagem:** Faça o upload da sua imagem para este contrato. Sua imagem será armazenada em [IPFS](https://ipfs.tech/) garantindo persistência ao longo do tempo.
* **Destinatário da Venda:** Este endereço receberá todos os tokens por cada venda no contrato que estamos prestes a implantar. O padrão é o da carteira conectada. Pode ser alterado para qualquer outro.
* **Destinatário de royalties:** definir endereço padrão do destinatário de royalties para este lançamento.
  * **Percentual de royalties:** Aqui será definido o percentual de cada venda que será enviado ao endereço que recebe os royalties.
* **Endereço do Destinatário:** Para contratos envolvendo vendas primárias, adquira taxas suplementares para todas as vendas primárias que ocorrerem neste contrato. (Isto é vantajoso se você estiver implantando este contrato em nome de um terceiro e desejar cobrar taxas pelos seus serviços). Se este contrato funcionar como um marketplace, obtenha uma porcentagem de todas as vendas secundárias que aconteçam dentro do seu contrato.
  * **Percentual da taxa da plataforma:** para as taxas suplementares mencionadas acima.

## Gerenciando este contrato <a href="#managing-this-contract" id="managing-this-contract"></a>

Uma vez que você implemente uma instância deste contrato, você poderá acessar o backend clicando no menu superior "DexContracts" e em "Manage Contracts".

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FbcQuH6kGVOEDY6n31jyA%2Fimage.png?alt=media&amp;token=afe69510-bd2c-489a-a68d-da6e81aa90bc" alt=""><figcaption></figcaption></figure>

Procure agora pelo contrato TokenERC721 que você acabou de implantar na lista de contratos. Uma vez localizado, clique em "Manage"

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FJthQYhYBurnFFoBAdu1q%2Fimage.png?alt=media&amp;token=894b1136-6595-4506-8a47-184720301230" alt="" width="563"><figcaption></figcaption></figure>

Uma vez dentro da seção de gerenciamento do contrato escolhido (neste caso Coleção NFT, que consiste na mintagem de NFTs ERC721) você poderá cunhar suas peças uma a uma clicando no <img src="https://docs.dexkit.com/~gitbook/image?url=https%3A%2F%2F1167648080-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FWrjgYUyO4ch1fBehrMEq%252Fuploads%252FZZZbc64oKtEf7m4RKJnY%252Fimage.png%3Falt%3Dmedia%26token%3D658e18bb-287b-4b14-af01-6bd7acf61889&#x26;width=104&#x26;dpr=4&#x26;quality=100&#x26;sign=19a61adde0d158a6fc106a6a6d143c13200eaf1cf725196cfc18ad428ba74368" alt="" data-size="line">botão e preenchendo os campos solicitados pela plataforma.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FuNTk0Pq0ZOPbl23MIiNK%2Fimage.png?alt=media&amp;token=2d942af3-1e33-4003-bbf0-8a87ec55801d" alt="" width="563"><figcaption></figcaption></figure>

Quando você pressionar o botão "Mint" encontrará o seguinte formulário para preencher 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F78qy2KcAkdT0o5DtdeLa%2Fimage.png?alt=media&amp;token=2add5e10-db69-4433-96e2-8f82e41b1fd8" alt="" width="563"><figcaption></figcaption></figure>

* O nome do NFT.
* A descrição deste NFT.
* Botão adicionar atributo: Permitirá aos usuários adicionar raridade a este NFT específico.
  * Tipos de atributos: Genérico, número, aumento numérico e aumento percentual.
* Enviar a imagem. O usuário poderá enviar uma imagem (máx. 1 MB) ou gerar uma usando linguagem natural.

{% hint style="success" %}
Obtenha ajuda do nosso assistente de IA clicando no <img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FYR5FplsMZYTHMkCNHnnR%2Fimage.png?alt=media&amp;token=dd360574-c693-41e9-8303-7b033d421901" alt="" data-size="line"> ícone. Você pode precisar de créditos para este recurso. [Saiba mais sobre este recurso](/produtos-e-solucoes-defi-pt/dexappbuilder/completamento-por-ia) e como recarregar sua conta.
{% endhint %}

Quando estiver pronto, clique no <img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FvhaLRGWfaMPw7wBPsa0m%2Fimage.png?alt=media&amp;token=48cbcc93-6db2-4c03-94e8-7ff132f8bfe4" alt="" data-size="line"> botão.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F8gGFHiISKh8nTPT5YETF%2Fimage.png?alt=media&amp;token=b62ad0b1-5eb4-4114-b418-89b0f1a2a850" alt="" width="563"><figcaption><p>Cunhamos alguns NFTs em uma coleção de exemplo 👹 bem legal, não é?</p></figcaption></figure>

Agora clique em qualquer um dos NFTs cunhados para verificar as opções disponíveis:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FfPk2xHN8pyjVttd1Isdw%2Fimage.png?alt=media&amp;token=05841de1-b7ea-4c48-95cc-97e369749fed" alt=""><figcaption></figcaption></figure>

* Transferir: Enviar este NFT para o endereço especificado
* Burn: Enviar este NFT para o endereço padrão de queima `0x0000000000000000000000000000000000000000.`
* Ver página pública: Verifique este NFT na plataforma DexAppBuilder.&#x20;

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F1GOEA2XGdQOrPccchkud%2Fimage.png?alt=media&amp;token=3e5b66d3-1224-4ca3-a8fc-d7fa7399339c" alt=""><figcaption></figcaption></figure>

Criamos toda uma identidade visual para este exemplo, para que você possa verificar este contrato embutido naquele DApp com marca. Você só precisa alterar o domínio em <https://dexappbuilder.dexkit.com/asset/optimism/0x4c18348f63b894956dd8bcab411e7060cee8883c/2> e usar seu DApp, por exemplo <https://thebestiary.dexkit.app/asset/optimism/0x4c18348f63b894956dd8bcab411e7060cee8883c/2>

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F3JEF3xee3na9Q4AKJTCE%2Fimage.png?alt=media&amp;token=f3b01de5-7a5a-40f9-b827-55858d014229" alt=""><figcaption><p>É assim que seu NFT ficará usando seu DApp com marca.</p></figcaption></figure>

## Listando meus NFTs

Depois de criar sua coleção, você deve querer vendê-la em seu próprio DApp. Abaixo explicamos como listar seu NFT e até solicitar seu próprio token ERC20.

Primeiro de tudo, você precisa importar seus tokens personalizados em seu DApp para torná-los negociáveis. [Confira a documentação](/produtos-e-solucoes-defi-pt/dexappbuilder/gerenciando-esta-ferramenta/importando-tokens) e aprenda como fazê-lo.

Após importar os tokens que queremos receber / negociar em nosso DApp, vamos ao nosso DApp e ver o NFT que queremos listar

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FvcdQQ3JYQ6egNPLsx9BF%2Flisting_erc721-1.gif?alt=media&amp;token=206c3020-73e0-4e49-b5e4-cec3a957a3d3" alt=""><figcaption></figcaption></figure>

Vemos no trecho acima que listamos esse NFT e solicitamos nosso próprio token ERC20 previamente importado em nosso DApp. Faça o mesmo para todos os NFTs restantes em seu DApp e *voilà*! 🧙‍♂️seus NFTs foram listados corretamente.


# Lançamento de NFT

Introduzir uma coleção de NFTs únicas à venda a um preço fixo.

O [Lançamento de NFT](https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/DropERC721) contrato surge como a solução ideal quando seu objetivo envolve introduzir uma série de NFTs distintos utilizando o Padrão ERC721A.

Essa estrutura inovadora permite que você estabeleça uma coleção de estipulações, adequadamente chamadas fases de reivindicação, organizadas sequencialmente para reger os detalhes de como e quando sua base de usuários pode adquirir um NFT do seu lançamento. Esses parâmetros abrangem uma variedade de fatores, incluindo listas de permissão, datas de lançamento, limites de reivindicação e revelações escalonadas.

Após a infusão de NFTs no seu contrato de lançamento, eles permanecem não cunhados neste momento. Em vez disso, você orquestra preparativos abrangentes para seus usuários por meio do processo de minting preguiçoso (lazy minting), garantindo que os NFTs possam ser cunhados por carteiras externas.

## Facilitando Receitas para Criadores no OpenSea

As nuances operacionais das receitas de criadores no OpenSea são acomodadas perfeitamente dentro do framework deste contrato. Nativo ao seu design, este contrato suporta receitas para criadores do OpenSea, oferecendo a flexibilidade de habilitar ou desabilitar esse recurso. O administrador do contrato mantém a prerrogativa de ajustar essa configuração após o deployment, executado via `setOperatorRestriction` função acessível através do explorador de contratos.

## Diversos Casos de Uso & Exemplos Ilustrativos&#x20;

O contrato NFT Drop desdobra uma série de aplicações práticas:

* **Estreia de Coleção PFP**: Aproveite o contrato NFT Drop para a grande estreia de uma Coleção de Foto de Perfil (PFP), onde cada NFT possui uma mistura distinta de características, facilitando uma individualidade incomparável.
* **Revelação Artística de NFT**: Disseminar seus NFTs artísticos e permitir que sua comunidade os cunhe por um preço predeterminado, fomentando um ecossistema colaborativo e orientado por valor.
* **Alocação Exclusiva de NFT**: Projetar um lançamento de NFT exclusivo, acessível apenas a uma lista predeterminada de carteiras, promovendo assim um senso de exclusividade e lealdade.
* **Revelação de NFT com Prazo**: Configurar um lançamento de NFT com fases de reivindicação sensíveis ao tempo, orquestrando uma dinâmica de antecipação e engajamento elevada.
* **NFTs Ricos em Atributos**: Lançar uma coleção de NFTs caracterizada por uma mistura intrincada de atributos, encorajando colecionadores a reunir um conjunto diversificado e cativante.
* **Comemoração de NFT para Celebrações**: Marcar ocasiões especiais ou marcos organizando um lançamento de NFT, capturando a essência do momento dentro de uma obra digital.

## Implantando este contrato

{% embed url="<https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/DropERC721>" %}
Link direto
{% endembed %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fk9sNuvyydAqlQzagHUsi%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(4).png?alt=media&amp;token=347328a2-aef8-4aeb-8a99-ffa141d2e9fc" alt=""><figcaption></figcaption></figure>

* **Nome:** O nome para este NFT Drop conforme sua ideia.&#x20;
* **Símbolo:** Este será o ticker para este lançamento. Mantenha curto.&#x20;
* **Descrição:** Você pode ser criativo aqui porque esta é a descrição que este contrato terá para os propósitos que você definiu.&#x20;
* **Imagem:** Envie sua imagem para este contrato. Sua imagem será armazenada em [IPFS](https://ipfs.tech/) garantindo persistência ao longo do tempo.&#x20;
* **Destinatário da Venda:** Este endereço receberá todos os tokens por cada venda no contrato que estamos prestes a implantar. O padrão é o da carteira conectada. Pode ser alterado para qualquer outro.&#x20;
* **Destinatário de royalties:** definir endereço padrão do destinatário de royalties para este lançamento.&#x20;
  * **Percentual de royalties:** Aqui será definido o percentual de cada venda que será enviado ao endereço que recebe os royalties.&#x20;
* **Endereço do Destinatário:** Para contratos envolvendo vendas primárias, adquira taxas suplementares para todas as vendas primárias que ocorrerem neste contrato. (Isto é vantajoso se você estiver implantando este contrato em nome de um terceiro e desejar cobrar taxas pelos seus serviços). Se este contrato funcionar como um marketplace, obtenha uma porcentagem de todas as vendas secundárias que aconteçam dentro do seu contrato.&#x20;
* **Percentual da taxa da plataforma:** para as taxas suplementares mencionadas acima.

## Implementando a IU

Uma vez que tenhamos implantado o contrato, prosseguiremos para a [seção de gerenciamento de contrato](https://dexappbuilder.dexkit.com/forms/contracts/list), localizaremos o contrato que acabamos de implantar e clicaremos no botão "Gerenciar" que nos levará ao painel de configuração.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FemLlXsqzKp2s7hdMvBvO%2Fimage.png?alt=media&amp;token=49332a05-6cf8-4011-a3a0-c3a3c2718063" alt=""><figcaption></figcaption></figure>

Dentro do painel do contrato podemos ver o botão «Mint», acompanhado por várias abas. Vamos explicar as funções de cada uma.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FGw5Rhm3Hl1vBVuJkCIb4%2Fimage.png?alt=media&amp;token=f57c9b9f-5320-43d9-8740-933c4cfbfc09" alt=""><figcaption></figcaption></figure>

## Cunhando um NFT

Ao pressionar o botão «Mint», um novo modal será aberto no qual podemos inserir os detalhes para este novo NFT, conforme descrevemos abaixo

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FrxnxxdFWGHVTzS7pNYdN%2Fimage.png?alt=media&amp;token=3a116d43-ed4c-46e5-8e43-72fc3ca58328" alt=""><figcaption></figcaption></figure>

* O nome do NFT.&#x20;
* A descrição deste NFT.
* Botão adicionar atributo: Permitirá aos usuários adicionar raridade a este NFT específico.

  * Tipos de atributos: Genérico, número, aumento numérico e aumento percentual.

  Enviar a imagem. O usuário poderá enviar uma imagem (máx. 1 MB) ou gerar uma usando linguagem natural.

{% hint style="info" %}
Para usufruir dos recursos de inteligência artificial, o usuário deve recarregar créditos na plataforma.
{% endhint %}

Depois de preencher todos os dados para o primeiro NFT, o usuário pode clicar no botão «Add NFT» (Para adicionar mais e cunhá-los todos juntos) ou pressionar o botão «Create NFTs» e começar com os que tiver (mais tarde você pode cunhar outros dentro da mesma coleção).

## Configurando condições de reivindicação

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FpKkcJeY4hRUvh0iSIvx4%2Fimage.png?alt=media&amp;token=693ff47e-caa9-45d0-9b25-ed86d373cb34" alt=""><figcaption></figcaption></figure>

É hora de definir a maneira como pretendemos entregar nossos NFTs à nossa comunidade ou clientes em potencial. Para isso devemos acessar a aba "Claim conditions" e, uma vez lá, devemos pressionar o botão «Add claim condition» que exibirá o seguinte formulário:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FDkhKskDEbH2GCSL6XYT8%2Fimage.png?alt=media&amp;token=5d0932c7-7951-4f4e-8395-a3aa3d52793f" alt=""><figcaption></figcaption></figure>

* **Nome:** O nome para esta nova fase. Por exemplo, nomeie esta fase como um lançamento sazonal especial com circulação limitada.
* **Hora de início:** Defina a data exata na qual você deseja que esta fase seja ativada e que as pessoas possam reivindicar os NFTs.
* **Aguardar em segundos:** Deseja um tempo de espera pouco antes do início desta fase? Pode ser um curto cooldown ou tão longo quanto você quiser.
* **Total de itens a reivindicar:** Defina a quantidade ou pressione ilimitado.
* **Total de itens por carteira:** Quantos itens desta fase você deseja que uma única carteira possa cunhar?
* **Preço:** Defina o preço para cada NFT neste lançamento (não inclui taxas de rede ou comissões que você deve configurar previamente nas seções de comissão do marketplace). Você pode definir preço zero (0) mas precisa escolher qualquer token na lista. Seus minters não cobrarão nada além das taxas de rede.
* **Pesquisar token:** Escolha desta lista o token que você deseja receber pelos seus NFTs. Você pode [configurar os tokens](/produtos-e-solucoes-defi-pt/dexappbuilder/gerenciando-esta-ferramenta/importando-tokens) que desejar previamente a partir da configuração de tokens do seu produto.

Uma vez que você tenha terminado de preencher os dados para a primeira condição, pode salvá-la ou adicionar outra condição diretamente pressionando o botão “Add claim condition”. Neste caso salvamos e prosseguimos para a próxima aba.

## Editando Metadados

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FzVMT17rdD91WTzDqauO7%2Fimage.png?alt=media&amp;token=19f31ad3-6d75-4342-b9ea-bee5a02ce559" alt=""><figcaption></figcaption></figure>

Nesta seção você pode editar o nome e a descrição da coleção para torná-la mais atraente para sua comunidade. Markdown está habilitado para que você possa fazer descrições devidamente formatadas.

{% hint style="info" %}
Observe que cada alteração que você fizer no contrato invocará uma chamada ao contrato que incorrerá em taxas de rede.
{% endhint %}

## Configurando configurações administrativas

Todas as opções configuráveis aqui representam aspectos críticos do contrato inteligente. Embora já tenham sido pré-populadas no momento do deployment do contrato, essas opções podem ser modificadas posteriormente e alterar o propósito do contrato.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FnVryuB3QVnrKaDc2yUBn%2Fimage.png?alt=media&amp;token=7d87ae1e-4189-41fd-bf35-cf3d62f4eb6b" alt="" width="375"><figcaption></figcaption></figure>

* **Admin:** Este endereço de carteira será o superusuário que terá poder total dentro deste contrato, podendo modificar qualquer aspecto crítico.
* **Minter / Criador:** Este endereço de carteira terá poder de criação para este contrato.&#x20;
* **Transferência:** Este endereço poderá transferir qualquer ativo do contrato. Isso não tem nada a ver com transferências de usuários.
* **Metadados:** Adicione mais endereços de carteira apenas para identificação de metadados on-chai&#x6E;**.**

{% hint style="info" %}
Todas as interações nesta seção também incorrerão em taxas de rede. Lembre-se de ter moeda suficiente para o gas na rede em que você implantou o contrato para alterações posteriores.
{% endhint %}

## Visualizando nosso lançamento

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FLtrS1pH10Cjajwdrmyug%2Fimage.png?alt=media&amp;token=cbfe18e4-e664-4268-b399-3cfcd22b6162" alt=""><figcaption></figcaption></figure>

Depois de terminarmos de cunhar os NFTs que vamos oferecer gratuitamente aos nossos clientes e visitantes, podemos clicar no link "Ver página pública". Uma vez lá dentro podemos ver nosso lançamento a partir da plataforma DexAppBuilder 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FZH4pgq84wU4g4jTces9o%2Fimage.png?alt=media&amp;token=da753c35-5d36-49ed-b12c-8168fa195d2b" alt=""><figcaption></figcaption></figure>

Nosso lançamento está funcionando corretamente! Mas... **E se quisermos ter nosso lançamento DENTRO da nossa aplicação descentralizada criada com DexAppBuilder?** 🤔 Siga os passos abaixo para incorporar a IU deste contrato dentro do seu app e atrair seus clientes a ela

## Configurando site de minting

Para este propósito assumiremos que você já criou uma aplicação descentralizada com DexAppBuilder (se você ainda não fez isso, visite [esta seção da documentação](/produtos-e-solucoes-defi-pt/dexappbuilder/criando-minha-primeira-dapp)). É necessário para poder aproveitar esta funcionalidade.

1. Devemos navegar para as configurações gerais da nossa aplicação. Fazemos isso [através deste link](https://dexappbuilder.dexkit.com/admin).
2. Uma vez lá procuramos nossa aplicação descentralizada na lista e pressionamos o botão "hamburguer", e clicamos em «Editar», como mostramos na imagem abaixo&#x20;

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FEJolwGdXBDWypzgz3PR1%2Fimage.png?alt=media&amp;token=382b76eb-556e-4126-804f-e83a712e2f7e" alt=""><figcaption></figcaption></figure>

3. Uma vez nas configurações da nossa aplicação, vamos para a seção "Layout" e abrimos "Páginas". Uma vez lá, clique no botão « + Add section»

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Ft9wI42ErJ67csTqmOpEa%2Fimage.png?alt=media&amp;token=517c605b-3235-4c06-9423-372e30dfd5ab" alt=""><figcaption></figcaption></figure>

4. Depois de pressionar o botão «+ Add section» um modal com vários componentes para escolher será aberto. Por favor, procure o componente «DexGenerator Contract» 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FtOcBxZGyuiIUMNGTpaKb%2Fimage.png?alt=media&amp;token=398f6f37-f9a7-4974-a6fc-92501cdef024" alt="" width="316"><figcaption><p>Você pode usar a barra de pesquisa para encontrar rapidamente o componente.</p></figcaption></figure>

5. Agora um modal será aberto com uma lista de contratos que você exibiu previamente. Certifique-se de escolher o correto clicando nele.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FX5PWWwpJyAQUURa29HXV%2Fimage.png?alt=media&amp;token=15e21e29-3a29-4214-956a-d527f86037a4" alt="" width="316"><figcaption></figcaption></figure>

6. Uma vez dentro dos parâmetros desse contrato poderemos ver as seguintes opções à esquerda, junto com uma pré-visualização do componente visual à direita

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FDTVNQndrJfmGMGUhIoHl%2Fimage.png?alt=media&amp;token=b2ac97e4-9631-4006-bdb5-c7f336821b03" alt=""><figcaption></figcaption></figure>

7. **Escolha uma variante:** Escolha entre dois estilos de componente, Simples (como o mostrado na imagem ☝) ou detalhado (na imagem abaixo 👇)

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FSQqtxVTU7KcMms7kPe5H%2Fimage.png?alt=media&amp;token=4e059a5e-3a78-43af-9bca-fc937528b5db" alt=""><figcaption></figcaption></figure>

8. Já decidimos qual das variantes usar, só temos que pressionar o botão «Save». Seremos redirecionados para a seção de edição da nossa «Página».

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FfCIKI6M569ZLtUjUllC6%2Fimage.png?alt=media&amp;token=24a23fc8-6735-4034-93d5-acbb3e81e1a9" alt=""><figcaption></figcaption></figure>

9. Na imagem acima podemos ver que nosso componente foi corretamente adicionado à ordenação daquela página (que contém apenas um componente). Agora vamos pressionar o botão «Save» no canto inferior direito para enviar todas as alterações ao servidor.
10. Aguardamos alguns minutos para que as alterações sejam refletidas em nossa aplicação descentralizada e clicamos no botão «Preview» para uma pré-visualização ou no botão "Open URL" que nos enviará para nossa DApp em produção.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FPidyEfI5SOIUSTLBf5ia%2Fimage.png?alt=media&amp;token=05cd5171-7042-43c3-9855-b2d3ce73db41" alt=""><figcaption></figcaption></figure>

E voila! É assim que você cria rapidamente um lançamento de NFT para seus fãs ou clientes usando o contrato DropERC721 da Thirdweb e DexAppBuilder 🤝


# Pack (Obsoleto)

Agrupar múltiplos tokens em NFTs ERC1155, criando caixas de loot randômicas.

O [Pacote](https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/Pack) o contrato surge como um conduto transformador, permitindo a fusão de tokens ERC20, ERC721 e ERC1155 em pacotes ERC1155 NFT consolidados que funcionam como cofres do tesouro enigmáticos de conteúdo aleatório.

Esses pacotes ou conjuntos, que inerentemente possuem a natureza de NFT ERC1155, podem ser dotados dos atributos de metadados habituais semelhantes aos NFTs tradicionais—incluindo um nome, uma imagem, uma descrição e mais.

## Desvendando a mecânica deste contrato

Quando um pacote é desbloqueado, uma quantidade predeterminada de tokens é retirada aleatoriamente do conjunto de tokens usados na composição do pacote (excluindo aqueles já selecionados). Subsequentemente, esses tokens são alocados ao abridor. O NFT do pacote, servindo como a porta de entrada para essa aventura aleatória, é retirado da existência ao ser desvelado.

As opções de personalização são robustas:

1. **Tokens por Unidade**: Especifique o número de tokens que constituem cada "unidade", um termo aplicável a tokens ERC20 e ERC1155 onde uma única unidade pode englobar múltiplos tokens.
2. **Unidades por Pacote**: Indique a quantidade de unidades compreendidas em cada pacote.

## Uma Nota Vital de Consideração

Os processos operacionais, especialmente aqueles que envolvem a abertura de pacotes, podem implicar despesas de gás substanciais devido à aleatoriedade inerente na seleção de recompensas. É prudente avaliar cuidadosamente as estimativas de gás e realizar testes abrangentes na Testnet antes de considerar qualquer implantação na mainnet.

## Aplicações práticas e casos de uso

* **Distribuição Enigmática de Saques**: Crie cofres de saque NFT aleatórios, direcionados a colecionadores e entusiastas que apreciam a emoção da incerteza.
* **Rifas Aleatórias**: Organize rifas aleatórias envolventes, nas quais participantes selecionados desbloqueiam bilhetes premiados, fomentando uma atmosfera de evento animada e dinâmica.
* **Presentes de Tokens para a Comunidade**: Recompense os membros da sua comunidade com pacotes presente carregados de tokens, injetando um senso de apreciação e engajamento.
* **Recompensas Interativas In-Game**: Projete mecânicas de jogo interativas onde os jogadores desvendam pacotes NFT para acessar uma mistura de recompensas, aumentando a satisfação e imersão dos jogadores.
* **Criação de Sinergia entre NFTs**: Incentive a interação entre diferentes tipos de tokens ao agrupá-los, facilitando interações e trocas entre tokens.
* **Coleções de Edição Limitada**: Apresente pacotes de edição limitada repletos de tokens variados, aumentando a desejabilidade do conteúdo.

## Implantando este contrato

{% embed url="<https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/Pack>" %}
Link direto
{% endembed %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FLU21UJTECad0OPqW6aT4%2Fimage.png?alt=media&amp;token=338b10fe-9334-480a-809c-96cadb23270d" alt="" width="563"><figcaption></figcaption></figure>

* **Nome:** O nome deste Pacote de acordo com sua ideia.
* **Símbolo:** Este será o ticker deste contrato de Pacote. Mantenha-o curto.
* **Descrição:** Você pode ser criativo aqui porque esta é a descrição que este contrato terá.
* **Imagem:** Faça o upload da sua imagem para este contrato. Sua imagem será armazenada em [IPFS](https://ipfs.tech/) garantindo persistência ao longo do tempo.
* **Criador:** O endereço que você colocar aqui atuará como o criador deste contrato. Ele padrão para a carteira conectada, mas pode ser alterado.
* **Destinatário de royalties:** definir endereço padrão do destinatário de royalties para este lançamento.
  * **Porcentagem:** Defina aqui a porcentagem de cada venda que será enviada ao endereço que recebe os royalties.

## Gerenciando este contrato

Depois de implantar seu contrato, você poderá ver o modal de implantação bem-sucedida após a implantação. Clique no <img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FhCM2fkzI4Ui8k4lK3lVq%2Fimage.png?alt=media&amp;token=82a4062e-82c3-4e70-8f06-eb867baf20d3" alt="" data-size="line"> botão para prosseguir para a seção administrativa do contrato.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fr25BcliyYZqQYoX9Ey1I%2Fimage.png?alt=media&amp;token=9d189b87-0319-403a-96c5-c770b01e0e8c" alt=""><figcaption></figcaption></figure>


# SignatureDrop (não listado)

Implementar mintagem de ERC721 baseada em assinaturas para maior segurança.

O [Lançamento com Assinatura](https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/SignatureDrop) o contrato faz uso habilidoso do padrão ERC721A, apresentando uma plataforma para a revelação de uma coleção exclusiva de NFTs únicos incomparáveis.

Ao aproveitar o conceito de lazy minting, você inicia o processo de criação do NFT por meio do upload de metadados e uma configuração meticulosa de uma única fase de reivindicação. Dentro dessa fase, o plano para reivindicar NFTs é cuidadosamente delineado, abrangendo considerações como lista de permissões, tempo de lançamento e possíveis revelações adiadas.

A inclusão de "signature" na nomenclatura do contrato alude ao recurso inovador de minting baseado em assinatura. Esse recurso amplia a capacidade dos usuários, concedendo-lhes a habilidade de cunhar NFT(s) sujeito a um conjunto de critérios definidos personalizada que podem ser verificados sob demanda. É importante ressaltar que esse recurso opera de forma independente das estipulações definidas na fase de reivindicação.

## Esclarecimento Notável sobre Taxas de Criador do OpenSea

É fundamental reconhecer que este contrato, em seu estado padrão, não é compatível com o paradigma de royalties ou taxas de criador do OpenSea. Para compatibilidade com o OpenSea que englobe essas considerações, você pode optar por implantar um ERC721 Drop compatível com o OpenSea, acessível através do link fornecido.

## Exploração de Casos de Uso Práticos e Cenários Ilustrativos

* **Vitrine PFP Otimizada para Gás**: Crie uma Coleção PFP inovadora com foco em otimização de gás, onde cada NFT apresenta uma combinação exclusiva de traços, atraindo colecionadores exigentes.
* **Reivindicação Baseada em Mérito**: Aproveite a funcionalidade de minting baseada em assinatura para oferecer a usuários seletos o privilégio de reivindicar NFTs, criando uma sensação de exclusividade.
* **Lançamento Temático de NFTs**: Projete um lançamento temático de NFTs cativante, onde os NFTs seguem um tema específico, promovendo uma coleção unificada e envolvente.
* **Engajamento Orientado por Critérios**: Utilize o atributo de minting baseado em assinatura para criar critérios voltados ao engajamento, incentivando os usuários a realizar ações para desbloquear a capacidade de cunhar NFTs.
* **NFTs de Identidade Coletiva**: Lance NFTs direcionados a comunidades, afiliações ou interesses específicos, celebrando a identidade coletiva por meio da arte digital.
* **Prêmios de Bolsa NFT**: Aproveite o recurso inovador de minting para recompensar indivíduos merecedores com bolsas em NFT com base em conquistas ou qualificações específicas.
* **Tokenômica Interativa**: Inove a tokenômica incorporando utilidade ao processo de minting de NFTs, onde os usuários podem cunhar NFTs para acessar certas funcionalidades dentro de um ecossistema descentralizado.

## Implantando este contrato

{% embed url="<https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/SignatureDrop>" %}
Link direto
{% endembed %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F8lcGxx9Lx5uHEnNiZP1V%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(9).png?alt=media&amp;token=eaee89d7-b4e3-424b-b665-ec3b1cc5d177" alt=""><figcaption></figcaption></figure>

* **Nome:** O nome para este Signature Drop de acordo com a sua ideia.&#x20;
* **Símbolo:** Este será o ticker para este lançamento. Mantenha curto.&#x20;
* **Descrição:** Para que serve este contrato? Qual é o propósito? Defina tudo o que você precisa aqui para garantir a melhor descrição.
* **Imagem:** Faça o upload da sua imagem para este contrato. Sua imagem será armazenada em [IPFS](https://ipfs.tech/) garantindo persistência ao longo do tempo.&#x20;
* **Destinatário da Venda:** Este endereço receberá todos os tokens por cada venda no contrato que estamos prestes a implantar. O padrão é o da carteira conectada. Pode ser alterado para qualquer outro.&#x20;
* **Destinatário de royalties:** definir endereço padrão do destinatário de royalties para este lançamento.&#x20;
  * **Percentual de royalties:** Aqui será definido o percentual de cada venda que será enviado ao endereço que recebe os royalties.&#x20;
* **Endereço do Destinatário:** Para contratos envolvendo vendas primárias, adquira taxas suplementares para todas as vendas primárias que ocorrerem neste contrato. (Isto é vantajoso se você estiver implantando este contrato em nome de um terceiro e desejar cobrar taxas pelos seus serviços). Se este contrato funcionar como um marketplace, obtenha uma porcentagem de todas as vendas secundárias que aconteçam dentro do seu contrato.&#x20;
  * **Percentual da taxa da plataforma:** para as taxas suplementares mencionadas acima.


# Dividir

Distribuir fundos entre múltiplos destinatários de maneira transparente e auditável.

O [Dividir](https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/Split) O contrato Split capacita você a designar uma seleção de endereços de carteira que, de forma colaborativa, participam na distribuição de receitas ou participações de royalties.

Dentro desta estrutura, você mantém a autoridade para especificar a porcentagem precisa dos fundos recebidos canalizados para o endereço do contrato Split e, subsequentemente, alocar essas parcelas a destinatários individuais. Por exemplo, você pode marcar endereços de carteira como destinatários e configurá‑los para receber coletivamente uma parcela designada, como 50%, dos fundos direcionados ao contrato Split.

Parte integrante do sistema é o papel do contrato Split em armazenar os fundos de forma segura. Após a ativação da função distribute, esses fundos são sistematicamente disseminados entre os destinatários com base nas porcentagens especificadas.

## Aplicações e casos de uso no mundo real

* **Colaboração de Equipe**: Estabeleça uma "carteira da equipe" onde os fundos são distribuídos entre os membros da equipe com base em percentuais predefinidos, promovendo um senso de unidade e prosperidade compartilhada.
* **Lucros de Lançamento de NFT**: Compartilhe a receita gerada pelo seu lançamento principal de NFT entre colaboradores ou membros da equipe que investiram tempo e esforço.
* **Royalties de Artistas**: Aloque royalties das vendas de NFT para artistas e colaboradores que contribuíram para a criação do conteúdo.
* **Alocação Programática de Receita**: Implemente uma distribuição programática da receita, garantindo que diversos stakeholders recebam sua parte justa com base em critérios pré‑definidos.
* **Incentivos à Comunidade**: Recompense membros ativos da comunidade distribuindo uma parcela da receita gerada dentro do ecossistema da comunidade.
* **Projetos Colaborativos**: Incentive colaborações configurando acordos de compartilhamento de receita onde os colaboradores são recompensados diretamente.

## Implantando este contrato

{% embed url="<https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/Split>" %}
Link direto
{% endembed %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F7AsTAda2XzcTsQW8T7tK%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(15).png?alt=media&amp;token=73c430d5-cfe9-4541-b23e-4cd292cf19af" alt=""><figcaption></figcaption></figure>

* **Nome:** O nome para este contrato Split de acordo com a sua ideia.
* **Descrição:** Defina aqui tudo o que você precisa para garantir a melhor descrição para este contrato Split específico.
* **Imagem:** Faça o upload da sua imagem para este contrato. Sua imagem será armazenada em [IPFS](https://ipfs.tech/) garantindo persistência ao longo do tempo.
* **Beneficiário:** Representa o endereço ERC20 de um dos destinatários do pagamento.
  * **Porcentagem:** Número em decimais que representa a participação deste beneficiário específico.

{% hint style="warning" %}
**As participações totais precisam somar 100%.** Por exemplo, se haverá apenas dois endereços que participarão do contrato, a soma das porcentagens de ambos deve ser 100% (50-50, 60-40, 25-75 ou qualquer outra porcentagem).
{% endhint %}


# StakeERC721

Estabelecer um contrato para staking de NFTs ERC721 com recompensas na forma de tokens ERC20.

O [StakeERC721](https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/NFTStake) o contrato inaugura um paradigma onde os usuários podem confiar seus NFTs ERC-721 e, em troca, adquirir tokens ERC-20 como manifestação das recompensas de staking. Durante a implantação deste contrato, o administrador designado do contrato é encarregado de configurar os endereços do NFT e do token de Recompensa — uma ação que possui consequências irrevogáveis, pois essas alocações permanecem imutáveis posteriormente.

Sob este sistema, os NFTs que são apostados encontram um abrigo seguro dentro do contrato, e as recompensas são meticulosamente calculadas em correlação com a duração pela qual esses NFTs permaneceram em estase. O administrador assume a responsabilidade de sustentar uma oferta correspondente de tokens de recompensa dentro do contrato de staking. Subsequentemente, essas recompensas acumuladas são transacionadas sem interrupção aos stakers mediante a invocação do mecanismo de reivindicação.

## Fórmula

`rewardsPerTokenStaked = (stakingDuration * rewardsPerUnitTime) / timeUnit`

## Aspectos Cruciais a Notar

* Os stakers são obrigados a conceder autorização para a transferência de seus NFTs ao endereço do contrato de staking antes de iniciar o processo de staking.
* O administrador está encarregado de manter uma reserva adequada de Tokens de Recompensa dentro do contrato de staking. Isso pode ser efetuado por meio da função de depósito, que serve como o mecanismo para depositar tokens de recompensa.

## Espectro de Aplicações Práticas & Exemplos Ilustrativos

* **Ecossistema de Staking de NFT**: Crie um ecossistema intricado onde usuários que fazem staking de seus NFTs contribuem para a vitalidade de uma rede dinâmica.
* **Staking Baseado em Jogos**: Aproveite NFTs como garantia para staking em plataformas de jogos, oferecendo aos jogadores um meio de ganhar tokens fungíveis enquanto participam de seus títulos favoritos.
* **Colaborações de NFTs de Artistas**: Promova a colaboração entre artistas permitindo que eles façam stake de seus NFTs e ganhem recompensas com base em sua participação coletiva.
* **Mecanismo de Recompensa de DApp**: Estabeleça uma aplicação descentralizada onde usuários que fazem staking de NFTs específicos contribuem para uma experiência enriquecida e são devidamente recompensados por seu envolvimento.
* **Mineração de Liquidez de NFT**: Una os domínios de NFTs e finanças descentralizadas permitindo que usuários façam stake de seus NFTs e ganhem tokens ERC-20 como recompensas, aprimorando assim a liquidez.
* **Engajamento da Comunidade**: Estimule o engajamento da comunidade proporcionando aos usuários a oportunidade de fazer stake de seus NFTs estimados e colher recompensas tangíveis, criando assim uma base de usuários ativa e engajada.

## Implantando este contrato

{% embed url="<https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/NFTStake>" %}
Link direto
{% endembed %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FjMuRBtU5YdR5kqvnyFE9%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(7).png?alt=media&amp;token=9cf80c97-7665-4f3e-860a-2f828a29f92c" alt=""><figcaption></figcaption></figure>

* **Nome:** O nome para este contrato StakeERC721 de acordo com sua ideia.
* **Descrição:** Defina aqui tudo o que você precisa para garantir a melhor descrição para este contrato específico.
* **Imagem:** Faça o upload da sua imagem para este contrato. Sua imagem será armazenada em [IPFS](https://ipfs.tech/) garantindo persistência ao longo do tempo.
* **Token de recompensa:** O endereço do token ERC20 designado para uso como recompensa de staking deve ser mantido, com o saldo dos tokens a ser supervisionado dentro do contrato de staking pelo administrador.
* **Token de staking: T**O endereço dos NFTs ERC721 que serão apostados pelos usuários.
* **Unidade de tempo (em segundos):** por exemplo, se você pretende distribuir recompensas em base horária, você deve inserir 3600 como a duração do tempo, pois a unidade de tempo nesse cenário é uma hora.
* **Recompensas por unidade de tempo:** Número de tokens de recompensa ERC20 a serem distribuídos por hora/dia/etc., com base na unidade de tempo que você definiu acima. Isso estará em `wei` (ou outra denominação base com base nas casas decimais do seu token).


# Token

Gerar criptomoedas compatíveis com ERC20, aderindo ao bem estabelecido padrão ERC20.

O [Token](https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/TokenERC20) o contrato atua como uma estrutura ideal quando o objetivo gira em torno de criar uma moeda digital que se alinhe perfeitamente ao padrão ERC20. Essa moeda versátil encontra utilidade em vários âmbitos — pode ser adquirida e trocada entre usuários em uma plataforma de câmbio, empregada para facilitar a compra e venda de NFTs dentro de mercados, e mais.

Em contraste com o contrato Token Drop, esta versão não inclui a funcionalidade de usuários reivindicarem tokens com base em condições estipuladas.

## Variedade de Casos de Uso & Cenários Ilustrativos

A utilidade do contrato Token se estende por um espectro de aplicações:

* **Criptomoeda Personalizada**: Aventure-se no universo da criação de criptomoedas lançando sua própria moeda digital distinta, equipada com as capacidades inerentes ao padrão ERC20.
* **Transações em Marketplaces**: Eleve a eficiência das transações dentro de marketplaces de NFT integrando o contrato Token como o meio de troca designado, garantindo transações fluídas e rápidas.
* **Mecanismo de Incentivo**: Aproveite o poder dos tokens como incentivo ao engajamento dos usuários, recompensando-os por ações específicas que contribuam para o crescimento da comunidade ou uso da plataforma.
* **Recompensas Baseadas em Token**: Desenvolva um ecossistema onde os usuários ganhem tokens participando de enquetes, concursos ou pesquisas, promovendo assim a participação ativa.
* **Poder de Compra de NFTs**: Conceda aos entusiastas de NFT a capacidade de adquirir colecionáveis valiosos em marketplaces usando seu token personalizado, melhorando a experiência e o engajamento do usuário.
* **Programas de Fidelidade**: Estabeleça programas de fidelidade usando tokens como recompensas por engajamento repetido, fomentando a lealdade e o comprometimento dos usuários.
* **Meio para Taxas de Transação**: Utilize seu token personalizado como meio para pagar taxas de transação dentro do seu ecossistema, simplificando a experiência do usuário e incentivando sua adoção.
* **Tokens de Governança**: Projete tokens que concedam poder de voto aos detentores, permitindo que participem de decisões de governança dentro de um ecossistema descentralizado.
* **Camada de Transferência de Valor**: Eleve sua plataforma integrando uma camada de transferência de valor, permitindo que os usuários troquem seu token personalizado por outros ativos de forma contínua.
* **Infraestrutura de Micropagamentos**: Crie uma infraestrutura de micropagamentos, permitindo que usuários transacionem quantias mínimas de tokens para consumo de conteúdo ou acesso a recursos exclusivos.

## Implantando este contrato

{% embed url="<https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/TokenERC20>" %}
Link direto
{% endembed %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FuoJFTC60lfUkW2AKdiq0%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(12).png?alt=media&amp;token=31b5c1c5-c2ee-4b51-a749-6587aeb019ea" alt=""><figcaption></figcaption></figure>

* **Nome:** O nome deste contrato Token de acordo com sua ideia.&#x20;
* **Símbolo:** Este será o ticker para este drop. Mantenha curto.&#x20;
* **Descrição:** Você pode ser criativo aqui porque esta é a descrição que este contrato terá para os propósitos que você definiu.&#x20;
* **Imagem:** Envie sua imagem para este contrato. Sua imagem será armazenada em [IPFS](https://ipfs.tech/) garantindo persistência ao longo do tempo.&#x20;
* **Criador:** O endereço que você colocar aqui atuará como o criador deste contrato. Ele padrão para a carteira conectada, mas pode ser alterado.&#x20;
* **Destinatário de royalties:** Defina o endereço padrão do destinatário de royalties para este drop.&#x20;
  * **Porcentagem:** Defina aqui a porcentagem de cada venda que será enviada ao endereço que recebe os royalties.


# Token Drop

Facilitar a emissão de novos tokens ERC20 por um preço predeterminado.

Apresentando [Token Drop](https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/DropERC20)—um mecanismo eficiente para lançar seus tokens ERC20 a preços predefinidos. Este sistema permite que você estabeleça os termos sob os quais seus usuários podem reivindicar seus tokens. Esses termos incluem listas permitidas, cronogramas de liberação e limites de reivindicação.

Dentro do contrato Token Drop, você pode especificar o custo de seus tokens durante cada fase de reivindicação e definir um número máximo de tokens disponíveis para liberação. Outros usuários então podem reivindicar esses tokens com base nas condições que você definiu.

## Casos de Uso Práticos e Exemplos&#x20;

O contrato Token Drop é versátil e pode servir a vários propósitos:

* **Lançamento de Criptomoeda**: Use o contrato Token Drop para lançar sua nova criptomoeda com um preço fixo, como 1 MATIC por token.
* **Acesso Restrito**: Priorize carteiras específicas permitindo que elas reivindiquem seus tokens ERC20 antes de torná-los disponíveis ao público em geral.
* **Reivindicações por Tempo Limitado**: Permita que os usuários reivindiquem tokens até uma determinada data, fomentando um senso de urgência e participação.
* **Distribuição Gradual**: Implemente uma abordagem faseada para a distribuição de tokens ajustando preços e quantidades de tokens ao longo de diferentes fases de reivindicação.
* **Engajamento da Comunidade**: Recompense participantes ativos configurando token drops como incentivos, encorajando o engajamento contínuo.
* **Eventos Especiais**: Adapte token drops para eventos ou marcos específicos, reforçando o vínculo com a comunidade.

## Implantando este contrato

{% embed url="<https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/DropERC20>" %}
Link direto
{% endembed %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FFoWdZ6e2Gjkg1zXZr6Id%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(3).png?alt=media&amp;token=ace8990f-0729-4d9d-bed2-65dd720a2ba3" alt=""><figcaption></figcaption></figure>

* **Nome:** O nome deste Token drop de acordo com sua ideia.&#x20;
* **Símbolo:** Este será o ticker ($EXAMPLE) para este Token drop. Mantenha-o curto.&#x20;
* **Descrição:** Você pode ser criativo aqui porque esta é a descrição que este contrato terá para os propósitos que você definiu.&#x20;
* **Imagem:** Envie sua imagem para este contrato.
* **Destinatário da Venda:** Este endereço receberá todos os tokens por cada venda no contrato que estamos prestes a implantar. O padrão é o da carteira conectada. Pode ser alterado para qualquer outro.&#x20;
* **Endereço do Destinatário:** Para contratos envolvendo vendas primárias, adquira taxas suplementares para todas as vendas primárias que ocorrerem neste contrato. (Isto é vantajoso se você estiver implantando este contrato em nome de um terceiro e desejar cobrar taxas pelos seus serviços). Se este contrato funcionar como um marketplace, obtenha uma porcentagem de todas as vendas secundárias que aconteçam dentro do seu contrato.&#x20;
* **Percentual da taxa da plataforma:** para as taxas suplementares mencionadas acima.

## Usando este contrato

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FOEiIrMuQAn3616Am8d1m%2Fimage.png?alt=media&amp;token=18e2b074-9f83-4b6d-8226-fdef66dd8fb0" alt=""><figcaption><p>Modal indicando que seu contrato foi implantado com sucesso</p></figcaption></figure>

Uma vez que este contrato esteja implantado, o uso de uma interface pré-construída pela DexKit será habilitado no frontend. Para usar essa interface, devemos seguir a seguinte sequência:

* No modal informativo sobre a implantação do seu token drop, clique no botão "Gerenciar contrato". Isso o levará à seção administrativa do seu contrato.
* Na seção administrativa você encontrará várias abas

  1. **Token:** Nesta seção, você pode queimar e transferir tokens do contrato. Inicialmente, você não poderá fazer isso porque o contrato está vazio (sem tokens).

     <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F3hS9FqWCiyT9fj4q4GN4%2Fimage.png?alt=media&amp;token=8077e85f-71d2-40eb-98f6-892815411425" alt=""><figcaption></figcaption></figure>
  2. **Condições de reivindicação:** Esta seção é a mais importante porque você precisará definir as condições sob as quais seus usuários podem reivindicar os tokens. Vamos dividir esta seção.

  <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F315P4e38haXrDt3eVAWL%2Fimage.png?alt=media&amp;token=37a76b26-0b54-478d-9386-a1a35ac2dd2a" alt=""><figcaption><p>Vamos pressionar o botão "Adicionar condição de reivindicação" para criar nossa primeira condição.</p></figcaption></figure>

  <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FUbx9koYlJyszoLwZJogh%2Fimage.png?alt=media&amp;token=44d72997-7acc-446a-9ac2-956a2826fd91" alt=""><figcaption></figcaption></figure>
* **Nome:** Primeiro de tudo, precisamos dar um nome a esta fase. Podemos usar as palavras "Inicial" ou "Gênese" para representar o começo.
* **Hora de início:** Escolha a data exata para o início desta fase inicial.
* **Aguardar em segundos:** Este é um tempo limite em segundos que é aplicado no momento exato em que o drop começa (data definida acima). Se você não quiser usar esse tempo limite, defina-o como 0.
* **Total de itens a reivindicar:** Aqui você pode definir o número total de tokens que podem ser cunhados. Isso pode ser um número fixo ou ilimitado. Escolha sua opção preferida.
* **Total de itens por carteira:** Define quantos tokens cada carteira conectada pode cunhar.
* **Preço:** Aqui você pode definir o valor dos tokens por unidade.
* **Pesquisar token:** Esta é uma lista suspensa para definir o token que você receberá em troca dos tokens que você cunhar. Confira o [Importando Tokens](/produtos-e-solucoes-defi-pt/dexappbuilder/gerenciando-esta-ferramenta/importando-tokens) documentação para que você possa adicionar seus tokens favoritos e vê-los nesta lista.
* **Adicionar condição de reivindicação:** Você pode continuar definindo condições para reivindicações futuras ou simplesmente continuar com a fase inicial. Você pode criar mais condições no futuro conforme necessário.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FRSig1bhkwBMb7j4M0Qn6%2Fimage.png?alt=media&amp;token=0a5c0a45-dbc4-460d-995b-053af688d4dd" alt=""><figcaption><p>Depois de preencher as condições, pressione o botão "Criar condições de reivindicação" e aceite a interação com sua carteira.</p></figcaption></figure>

Depois de concluir a configuração da primeira fase, você notará que o botão "Criar condições de reivindicação" mudou para  ![](https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FNDoD6yqSxSSlrTmU31pl%2Fimage.png?alt=media\&token=a0480555-9e7a-469f-9969-5e86a5a35e7a) permitindo que você faça alterações de última hora em sua fase.

3. **Metadados:** Nesta seção, você pode modificar os metadados do seu contrato (nome, descrição e imagem). Tenha em mente que isso causará uma interação on-chain.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F4dmF0ztn94xs1OdSFzzi%2Fimage.png?alt=media&amp;token=97e30cec-22a5-49c7-8d75-8492baf36408" alt=""><figcaption></figcaption></figure>

4. **Admin:** Esta seção permitirá que você defina administradores para este contrato, que são aqueles que podem conceder ou revogar funções e modificar configurações neste contrato. Você pode adicionar quantos precisar.
5. **Transferência:** Como o nome sugere, esta seção determina quem pode transferir tokens no contrato. Por padrão, inclui o endereço do administrador e o endereço `0x000000000000000000000000000000000000000000` (o endereço padrão), o que torna as transferências de tokens irrestritas enquanto o proprietário for o token.
   \
   Se, como administrador, você quiser impedir transferências de tokens, exclua esse endereço e inclua apenas aqueles autorizados para a transferência.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FqSBXjABA976tIjxYkHAD%2Fimage.png?alt=media&amp;token=aa96b777-3191-4b7b-a0a3-edef60221804" alt=""><figcaption></figcaption></figure>

Depois de fazer todas as alterações relevantes nesta seção, vamos prosseguir para adicionar o componente visual à página do seu DApp onde o modal do drop estará localizado.

## Passos para adicionar o componente visual

1. Vá para a seção administrativa do seu DApp específico. Uma vez lá, vá em "Layout" → "Páginas" → pressione o botão "+ Nova Página".

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FGewUFdkqLGqn9HVQSTnb%2Fimage.png?alt=media&amp;token=f3ecd633-247f-42f6-87e4-2592f1b3adc8" alt=""><figcaption><p>Você também pode adicionar o componente à sua página "Home" se preferir.</p></figcaption></figure>

2. Vamos dar um nome à nossa página de drop no modal

   <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FHywiawrnIzEIfi5UDzQL%2Fimage.png?alt=media&amp;token=52d1d2d0-9a83-4d9d-adfe-8d16638e4aa0" alt=""><figcaption><p>Clique em «Criar»</p></figcaption></figure>

3. Agora clique na sua página recém-criada para adicionar o componente.

   <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FJhyF8oZrVuuf71NCf6MI%2Fimage.png?alt=media&amp;token=f4015de2-f9c9-4c96-892a-2971a1e26e78" alt=""><figcaption></figcaption></figure>

4. Se você quiser usar componentes de seção selecionados, clique em "+Adicionar seção" ou, se quiser ir um passo além e personalizar toda a página, incluindo plano de fundo e componentes de ordenação, pressione "Adicionar seção personalizada"

   <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FwLOUtvUI9ocqvunqan77%2Fimage.png?alt=media&amp;token=5ef703d4-f8bf-4e85-a3ed-ef6587c920ec" alt=""><figcaption><p>Para fins de praticidade neste exemplo usaremos a seção selecionada.</p></figcaption></figure>

5. Da lista de seções, selecione o contrato DexGenerator. Isso o redirecionará para a configuração dessa seção

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FG19S199ZqYFPvMr8s0wL%2Fimage.png?alt=media&amp;token=fcda8965-2049-470a-adc1-d2e4cf115e41" alt=""><figcaption></figcaption></figure>

6. Aqui você pode selecionar o contrato que acabamos de implantar, do qual precisamos obter a interface pré-construída. Vamos clicar em "DumpsterToken."

   <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FiUCYpczwsUFhzWViiV8v%2Fimage.png?alt=media&amp;token=beb117c7-5cf0-49b3-ab3e-d05ee7849424" alt=""><figcaption></figcaption></figure>

7. Agora podemos ver o contrato e a interface em detalhe. Você pode escolher entre as variantes de interface "Simples" e "Detalhada".

   <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FkMPhcifFhNlRtkcER5nE%2Fimage.png?alt=media&amp;token=547ffed6-6606-412f-bb9e-758b24484d74" alt=""><figcaption></figcaption></figure>

8. Depois de fazer sua escolha, clique no botão "Salvar". Isso o retornará à página que você criou para o drop, onde você verá o componente adicionado.

   <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FAQgpgfCzRENmzQJNQEg6%2Fimage.png?alt=media&amp;token=df8c50f3-b34e-4ad8-acc2-fe169052bbf0" alt=""><figcaption><p>Clique no botão "Salvar" no canto inferior direito para enviar suas alterações para produção.</p></figcaption></figure>

9. Agora vamos dar uma olhada no componente. Clique no ícone de Visualização (o olho) e um modal incorporado será aberto com uma prévia rápida do seu componente ao vivo.

   <figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FVoD2Vpvt7CxKxNzqBoc1%2Fimage.png?alt=media&amp;token=a9b659d9-72cf-4a74-8ba0-8fe33c8e6a63" alt=""><figcaption></figcaption></figure>

   O resto depende de você (em termos de design). Confira esta documentação para aprender como criar páginas majestosas com nossas seções predefinidas, ou escreva seu próprio código e as torne ainda mais incríveis.


# Votar

Estabelecer uma plataforma para criar e votar em propostas, promovendo a tomada de decisões descentralizada.

O [Votar](https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/VoteERC20) [contrato ](https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/VoteERC20)surge como uma solução sob medida para entidades coletivas como DAOs, oferecendo um mecanismo robusto para registrar votos sobre diversas propostas.

Para a utilização do contrato Vote, um pré-requisito envolve a presença de um token ERC20 preexistente, que efetivamente serve como o token de governança neste contexto.

## Variedade de Casos de Uso & Cenários Ilustrativos

O contrato Vote abre a porta para uma multiplicidade de aplicações:

* **Evolução Organizacional**: Aproveite o poder do contrato Vote para facilitar a tomada de decisões sobre mudanças organizacionais fundamentais, permitindo que os membros da DAO orientem coletivamente a direção da entidade.
* **Gestão de Tesouraria**: Capacite a DAO a exercer controle sobre recursos financeiros realizando votações para decidir sobre a alocação e distribuição de fundos na tesouraria.
* **Aprimoramentos de Governança**: Eleve a estrutura de governança permitindo que os membros votem em iniciativas que influenciem políticas operacionais, objetivos estratégicos e a visão geral da organização.
* **Inclusão de Membros**: Implemente um sistema de votação para admitir novos membros na DAO, garantindo uma abordagem democrática e orientada pela comunidade para expandir a base da DAO.
* **Priorização de Projetos**: Aproveite o mecanismo de votação para priorizar projetos e empreendimentos, permitindo que a voz coletiva da DAO guie a alocação de recursos e o foco estratégico.
* **Alocação de Recursos**: Realize votações para alocar recursos — tanto financeiros quanto não financeiros — para iniciativas específicas, garantindo que os esforços da DAO estejam alinhados com sua missão.
* **Parcerias Estratégicas**: Capacite a DAO a tomar decisões sobre colaborações e parcerias, salvaguardando o alinhamento dos compromissos externos com os objetivos da organização.
* **Atualizações de Protocolo**: Navegue por aprimoramentos de protocolo realizando votações sobre upgrades propostos, garantindo assim que mudanças na tecnologia subjacente estejam alinhadas com a visão coletiva.
* **Engajamento da Comunidade**: Promova o engajamento da comunidade permitindo que os membros da DAO participem de votações que moldam a experiência geral e as estratégias de engajamento.
* **Decisões do Ecossistema**: Permita que as partes interessadas desempenhem um papel ativo nas decisões do ecossistema, seja envolvendo interoperabilidade, padrões ou questões mais amplas relacionadas ao setor.

## Implantando este contrato

{% embed url="<https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/VoteERC20>" %}
Link direto
{% endembed %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FlRjVgZ2tGsZ8vXUaVdp3%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(14).png?alt=media&amp;token=9f9151b2-4883-44f0-b7c8-44150dac801c" alt=""><figcaption></figcaption></figure>

* **Nome:** O nome deste contrato Vote.
* **Descrição:** Você pode ser criativo aqui porque esta é a descrição que este contrato terá para os propósitos que você definiu.&#x20;
* **Imagem:** Faça o upload da sua imagem para este contrato. Sua imagem será armazenada em [IPFS](https://ipfs.tech/) garantindo persistência ao longo do tempo.
* **Token:** O endereço do token que será usado para votar neste contrato.
* **Atraso Inicial de Votação:** O número de blocos após a criação de uma proposta em que a votação sobre a proposta começa. Um bloco é uma série de transações na blockchain e ocorre aproximadamente a cada \~1 segundo.
* **Período Inicial de Votação:** O número de blocos que os eleitores têm para votar em qualquer nova proposta. Um bloco é uma série de transações na blockchain e ocorre aproximadamente a cada \~1 segundo.
* **Limite Inicial para Criação de Propostas:** O número mínimo de tokens de votação que uma carteira precisa para criar propostas.
* **Fração Inicial do Quórum de Votos:** A fração do poder total de voto que é exigida para que uma proposta seja aprovada. Um valor de 0 indica que nenhum poder de voto é suficiente, enquanto um valor de 100 indica que a totalidade do poder de voto deve votar para que a proposta seja aprovada.

## Tempos de bloco por rede

| Rede                | Tempo de bloco (em segundos, por bloco) |
| ------------------- | --------------------------------------- |
| Ethereum / ETH      | 12-15                                   |
| Polygon / MATIC     | 2                                       |
| Avalanche / AVAX    | 3                                       |
| Binance Chain / BNB | 3                                       |
| Arbitrum            | 0.26                                    |
| Optimism            | 2                                       |


# StakeERC20

O [Contrato inteligente StakeERC20 (Ou TokenStake)](https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/TokenStake) da Thirdweb permite que os usuários façam stake de seus tokens ERC-20 e recebam tokens ERC-20 como recompensas por suas atividades de staking (diferentes dos tokens em stake). O administrador do contrato deve especificar os endereços tanto do token de Staking quanto do token de Recompensa durante a implantação, e esses endereços não podem ser alterados posteriormente.

Os tokens em stake são mantidos com segurança dentro do contrato, e as recompensas são calculadas com base na duração durante a qual esses tokens ficaram em stake. O administrador é responsável por manter um saldo adequado de tokens de recompensa dentro do contrato de staking. Essas recompensas acumuladas são então transferidas aos stakers quando eles as reivindicam.

O cálculo das recompensas quando elas são reivindicadas é o seguinte:

`rewardsPerTokenStaked = ((stakingDuration * rewardRatioNumerator) / rewardRatioDenominator) / timeUnit`

Por exemplo, se a razão de recompensa for 1/20, isso significa que 1 token de Recompensa será distribuído para cada 20 tokens em stake. O numerador e o denominador da razão de recompensa devem ser definidos separadamente (neste caso, 1 e 20, respectivamente).

## Pontos importantes a serem observados

* Os usuários precisam conceder aprovação para que seus tokens sejam usados pelo endereço do contrato de staking antes de realizarem o staking.
* O administrador do contrato deve garantir um saldo adequado de Tokens de Recompensa no contrato de staking e utilizar a função de depósito para depositar tokens de recompensa.

## Casos de uso para este contrato

* **Plataforma DeFi de Staking:** O contrato pode ser usado em uma plataforma de finanças descentralizadas (DeFi) onde os usuários podem fazer stake de vários tokens ERC-20 para ganhar recompensas. Por exemplo, os usuários podem fazer stake de stablecoins como DAI ou USDC para ganhar tokens de governança.
* **Provisão de Liquidez:** Provedores de liquidez em exchanges descentralizadas (DEXs) podem usar este contrato para fazer stake de seus tokens em pools de liquidez. Eles receberiam recompensas em um token diferente, incentivando a provisão de liquidez.
* **Bloqueio de Tokens para Votação:** Projetos que realizam governança on-chain podem exigir que os usuários bloqueiem seus tokens usando este contrato para participar da votação. Como recompensa, eles recebem tokens de governança que lhes conferem poder de voto.
* **Recompensas em Jogos:** Em jogos baseados em blockchain, os jogadores podem fazer stake de ativos do jogo para ganhar itens raros ou tokens. Este contrato lidaria com o staking e a distribuição de recompensas.
* **Recompensas para Criação de Conteúdo:** Plataformas de conteúdo podem usar este contrato para recompensar criadores e curadores de conteúdo. Os usuários podem fazer stake de tokens para promover conteúdo, e recebem tokens como recompensas com base no sucesso da promoção.
* **Token Farming:** Este contrato pode fazer parte de um mecanismo de token farming onde os usuários fazem stake de tokens para farmar novos tokens. Por exemplo, eles fazem stake do token nativo de um projeto e ganham um novo token utilitário.
* **Pools de Staking para Validadores:** Em redes blockchain de proof-of-stake (PoS) ou delegated proof-of-stake (DPoS), validadores ou delegados podem usar este contrato para recompensar seus stakers com tokens que ganham pela validação de blocos.
* **Staking de NFT:** Os usuários podem fazer stake de tokens não-fungíveis (NFTs) neste contrato para obter acesso a conteúdo ou experiências exclusivas. As recompensas podem incluir outros NFTs, tokens ou colecionáveis digitais.
* **Vesting de Tokens:** Projetos podem usar este contrato para cronogramas de vesting de tokens, onde membros da equipe ou investidores bloqueiam seus tokens e os recebem gradualmente ao longo do tempo como recompensa pelo seu compromisso.
* **Doações para Caridade:** Organizações de caridade podem usar este contrato para permitir que doadores façam stake de tokens por um período e, em troca, os doadores recebem tokens que podem ser doados para outras causas beneficentes.

## Implantando este contrato

{% embed url="<https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/TokenStake>" %}
Link direto
{% endembed %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FUkF4ZZ0oHKp5KpI2NH1g%2Fimage.png?alt=media&amp;token=e0266af3-ae8d-48d1-841a-f586bfb5437d" alt=""><figcaption></figcaption></figure>

1. **Nome:**
   * **Entrada:** \[Insira o Nome do Contrato]
2. **Descrição:**
   * **Entrada:** \[Insira a Descrição do Contrato]
3. **Token de Recompensa:**
   * **Entrada:** \[Endereço do token ERC20 a ser usado como recompensa de staking]
   * **Explicação:** Designa o token ERC20 que os usuários receberão como recompensas por fazerem stake de seus tokens. Os administradores mantêm o saldo desses tokens de recompensa no contrato de staking.
4. **Token de Staking:**
   * **Entrada:** \[Endereço dos tokens ERC20 que serão staked pelos usuários]
5. **Unidade de Tempo (em segundos):**
   * **Entrada:** \[Insira a unidade de tempo em segundos]: Define a unidade de tempo em segundos para a distribuição de recompensas. Por exemplo, se as recompensas forem distribuídas por hora, insira 3600 segundos como unidade de tempo.
6. **Numerador da Razão de Recompensa:**
   * **Entrada:** \[Insira o numerador para a razão de recompensa]: Define o numerador da razão de recompensa, indicando o número de tokens de recompensa dados por uma quantidade específica de tokens em stake (por exemplo, 1 em uma razão de 1/20).
7. **Denominador da Razão de Recompensa:**
   * **Entrada:** \[Insira o denominador para a razão de recompensa]: Define o denominador da razão de recompensa, determinando a quantidade total de tokens em stake necessária para ganhar um token de recompensa (por exemplo, 20 em uma razão de 1/20).


# Multiwrap

Agrupe múltiplos tokens ERC721/ERC1155/ERC20 em um único token ERC721.

[O ](https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/Multiwrap)[Contrato inteligente Multiwrap](https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/Multiwrap), projetado pela ThirdWeb, facilita o encapsulamento de tokens ERC20, ERC721 e ERC1155 em um novo NFT ERC721 encapsulado. Este NFT encapsulado pode ser posteriormente desemcapulado (queimado), revertendo-o de volta aos tokens subjacentes originais.

## **Principais Recursos**

1. **Encapsulamento de Tokens:** O Multiwrap suporta o encapsulamento de vários padrões de token, incluindo ERC20, ERC721 e ERC1155.
2. **Funcionalidade do NFT Encapsulado:** O NFT resultante é ele próprio um token ERC721 com metadados personalizáveis, como nome, imagem e descrição.
3. **Capacidade de Desemcapular:** Os usuários podem queimar o NFT encapsulado para recuperar os tokens originais.

## **Compatibilidade com OpenSea**

O OpenSea não distribui automaticamente royalties ou taxas de criador para contratos inteligentes. Para compatibilidade com o OpenSea, uma versão do contrato está disponível [aqui](https://thirdweb.com/deployer.thirdweb.eth/Multiwrap_OSRoyaltyFilter). Certifique-se de usar esta versão compatível com o OpenSea se pretende aproveitar as taxas de criador no mercado OpenSea.

## **Casos de Uso e Exemplos**

O contrato Multiwrap é versátil e pode ser aplicado em vários cenários. Alguns exemplos incluem:

1. **Agregação de NFTs:**
   * **Caso de Uso:** Mesclar múltiplos tokens ERC721 ou ERC1155 em um único NFT ERC721 encapsulado.
   * **Explicação:** Os usuários podem consolidar suas participações em NFTs em um único ativo de fácil gerenciamento, simplificando a organização do portfólio e reduzindo a desordem.
2. **Troca entre Diferentes Tokens:**
   * **Caso de Uso:** Encapsule tokens ERC20 junto com tokens ERC721 para negociações perfeitas em marketplaces de NFT.
   * **Explicação:** Facilita a troca de ativos tokenizados entre diferentes padrões, permitindo que os usuários diversifiquem suas participações e participem de mercados diversos.
3. **Colecionáveis Personalizáveis:**
   * **Caso de Uso:** Crie colecionáveis únicos e personalizáveis encapsulando NFTs com metadados personalizados.
   * **Explicação:** Artistas e criadores podem melhorar o apelo estético de seus NFTs atribuindo nomes, imagens e descrições personalizados, agregando valor aos colecionáveis.
4. **Pacotes de Ativos Tokenizados:**
   * **Caso de Uso:** Agrupe múltiplos tokens juntos de forma transparente, revelando o conteúdo ao usuário.
   * **Explicação:** Desenvolvedores de jogos podem criar pacotes dentro do jogo com conteúdos visíveis, aumentando o engajamento do usuário e proporcionando transparência nas transações de ativos virtuais.
5. **Empréstimos Garantidos por Tokens:**
   * **Caso de Uso:** Use NFTs ERC721 encapsulados como garantia para empréstimos em finanças descentralizadas (DeFi).
   * **Explicação:** Permite que os usuários aproveitem seus ativos tokenizados para obter empréstimos, liberando liquidez sem vender os tokens subjacentes.
6. **Combinações Dinâmicas de NFTs:**
   * **Caso de Uso:** Combine dinamicamente diferentes NFTs para criar arte digital única e em evolução.
   * **Explicação:** Artistas e colecionadores podem experimentar combinações, introduzindo um elemento de imprevisibilidade e raridade em suas criações de NFT.
7. **Mecanismo de Distribuição de Royalties:**
   * **Caso de Uso:** Implemente um modelo descentralizado de distribuição de royalties para criadores de conteúdo.
   * **Explicação:** Criadores de conteúdo podem configurar estruturas de royalties, garantindo que recebam uma parcela da receita de vendas secundárias de seus NFTs automaticamente.
8. **Projetos de NFT Baseados na Comunidade:**
   * **Caso de Uso:** Envolva comunidades permitindo que criem e gerenciem coletivamente um NFT ERC721 encapsulado.
   * **Explicação:** Capacita comunidades a colaborar em projetos de NFT, fomentando um senso de propriedade e participação.
9. **Tokenização dentro de Jogos:**
   * **Caso de Uso:** Tokenize ativos e recursos dentro do jogo, permitindo que os jogadores os negociem facilmente.
   * **Explicação:** Desenvolvedores de jogos podem introduzir uma economia dentro do jogo onde os jogadores negociam ativos tokenizados, melhorando a experiência de jogo e criando novas oportunidades de monetização.
10. **Emissão de Ingressos para Eventos com NFTs:**
    * **Caso de Uso:** Emita ingressos para eventos como NFTs com metadados personalizáveis usando o contrato Multiwrap.
    * **Explicação:** Fornece um método seguro e verificável para emissão de ingressos, permitindo que organizadores de eventos melhorem a experiência geral e combatam fraudes em ingressos.

## **Implantando este contrato**

{% embed url="<https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/Multiwrap>" %}
Link direto
{% endembed %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FTsazulbCRCDO2OIUr5Z3%2Fimage.png?alt=media&amp;token=8d6f70b0-ad60-4208-9a9c-bea6c46808b2" alt=""><figcaption></figcaption></figure>

Durante a implantação, os seguintes parâmetros são especificados para o contrato Multiwrap:

1. **Metadados do Contrato:**

* **Nome:** \[Insira o Nome do Contrato]
* **Símbolo:** \[Insira o Símbolo do Contrato]
* **Descrição:** \[Insira a Descrição do Contrato]
* **Imagem:** \[Carregar Arquivo de Imagem]

2. **Royalties:**

* **Criador:** Defina o endereço do implantador / criador do contrato.
* **Endereço do Destinatário:** \[Especifique o endereço para receber receita de royalties em vendas secundárias dos ativos.]
* **Porcentagem:** \[Defina sua porcentagem de royalties para cada venda.]

## **Diretrizes de Uso**

* Certifique-se de fornecer metadados precisos e distintivos para o seu contrato, a fim de organizá-lo e diferenciá-lo dos demais.
* Especifique o endereço do destinatário dos royalties para garantir uma distribuição de receita fluida a partir de vendas secundárias.


# AirdropERC20

Airdrop de tokens ERC20 no token nativo da cadeia para uma lista de destinatários.

O [Contrato AirdropERC20](https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/AirdropERC20) pela ThirdWeb simplifica a distribuição de tokens ERC20 ou tokens nativos (por exemplo, Ether na mainnet do Ethereum) para uma lista predefinida de destinatários. Este contrato é particularmente útil quando os destinatários não precisam reivindicar individualmente seu airdrop; em vez disso, eles recebem automaticamente os tokens por meio de uma transferência.

## **Principais Recursos**

1. **Airdrop de Token:** Facilita o airdrop sem complicações de tokens ERC20 ou tokens nativos para uma lista especificada de endereços de destinatários.
2. **Lista de Destinatários:** Utiliza um array de objetos contendo endereços de destinatários e quantidades de tokens, simplificando a configuração dos parâmetros do airdrop.

## **Casos de Uso e Exemplos**

1. **Campanhas de Airdrop de Tokens:**
   * **Caso de Uso:** Distribua tokens promocionais automaticamente para um público-alvo.
   * **Exemplo:** Recompensar usuários fiéis ou membros da comunidade com tokens sem exigir reivindicações manuais.
2. **Recompensas da Comunidade:**
   * **Caso de Uso:** Alocar tokens para membros da comunidade com base em suas contribuições.
   * **Exemplo:** Reconhecer e incentivar o engajamento da comunidade com recompensas em tokens.
3. **Incentivos em Tokens para Usuários:**
   * **Caso de Uso:** Incentive o uso da plataforma fazendo airdrops de tokens para os usuários.
   * **Exemplo:** Impulsionar a adoção de usuários oferecendo incentivos por meio de distribuições de tokens.
4. **Sorteios em Eventos:**
   * **Caso de Uso:** Realize sorteios durante eventos fazendo airdrops de tokens para os participantes.
   * **Exemplo:** Envolver os participantes do evento e criar entusiasmo por meio de sorteios de tokens.
5. **Recompensas de Staking Automatizadas:**
   * **Caso de Uso:** Distribua recompensas de staking automaticamente para detentores de tokens.
   * **Exemplo:** Implementar um sistema de recompensas de staking sem intervenção manual para detentores de tokens.
6. **Subvenções de Tokens para Desenvolvimento:**
   * **Caso de Uso:** Fornecer subvenções de desenvolvimento fazendo airdrops de tokens para endereços selecionados.
   * **Exemplo:** Apoiar desenvolvedores e projetos por meio de subvenções em tokens para promover o crescimento do ecossistema.
7. **Alocação de Tokens para Provedores de Liquidez:**
   * **Caso de Uso:** Recompensar provedores de liquidez fazendo airdrops de tokens com base em sua contribuição.
   * **Exemplo:** Incentivar a provisão de liquidez em exchanges descentralizadas com recompensas em tokens.
8. **Distribuições de Tokens para Funcionários:**
   * **Caso de Uso:** Facilitar distribuições de tokens para funcionários como parte da remuneração.
   * **Exemplo:** Integrar recompensas em tokens nas estruturas de compensação dos funcionários.
9. **Incentivos de Votação Tokenizados:**
   * **Caso de Uso:** Incentivar a participação em eventos de votação tokenizada por meio de incentivos em airdrops.
   * **Exemplo:** Aumentar a participação dos eleitores recompensando os participantes com tokens.
10. **Transações sem Gas com Forwarders Confiáveis:**
    * **Caso de Uso:** Habilitar transações sem gas usando ERC-2771 e forwarders confiáveis.
    * **Exemplo:** Facilitar transações sem exigir que os usuários possuam ETH para taxas de gas.

## **Implantando este contrato**

{% embed url="<https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/AirdropERC20>" %}
Link direto
{% endembed %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fvb65cTNkw56A8cYkq2lb%2Fimage.png?alt=media&amp;token=8eaed960-737e-4051-a1fa-7b281060ad1e" alt=""><figcaption></figcaption></figure>

Durante a implantação, os seguintes parâmetros são necessários:

1. **Metadados do Contrato:**
   * **Nome:** \[Insira o Nome do Contrato]
   * **Símbolo:** \[Insira o Símbolo do Contrato]
   * **Descrição:** \[Insira a Descrição do Contrato]
   * **Imagem:** \[Carregar Arquivo de Imagem]

## Usando este contrato

Uma vez que o contrato tenha sido implantado com sucesso, você pode gerenciar seu comportamento através de uma interface amigável. Para isso, clique no **"Gerenciar Contrato"** botão no modal de confirmação após a implantação. Isso o levará ao painel do contrato com três abas principais:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FQbimIOgwupN2u8OEQTOd%2Fimage.png?alt=media&amp;token=d395abce-d137-4ec2-9565-c562a65f7412" alt=""><figcaption><p>Se o seu contrato foi implantado corretamente, você verá este modal.</p></figcaption></figure>

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FvFrxxTG966vx4uFCCJue%2Fimage.png?alt=media&amp;token=59aee766-3441-4e80-a728-349760b95ced" alt=""><figcaption><p>Seção administrativa do AirdropERC20</p></figcaption></figure>

### Aba Airdrop

Esta é a funcionalidade central do contrato — distribuir tokens aos destinatários.

* **Selecionar Token**: Clique em **SELECIONAR** para escolher o token ERC20 ou token nativo (por exemplo, tBNB na testnet) para o airdrop.
* **Total para Airdrop**: Exibe a quantidade total de tokens definida para distribuição.
* **Total de Destinatários**: Exibe o número de endereços de carteira adicionados para receber tokens.
* **Gerenciamento de Destinatários**:
  * Clique **SELECIONAR** para fazer upload ou inserir a lista de endereços de destinatários e as quantidades de tokens correspondentes.
  * Você pode manualmente **ADICIONAR REGISTRO**, ou usar a **IMPORTAR** opção para fazer upload em massa de destinatários via CSV.
  * Use **EXPORTAR** para baixar a lista atual de entradas do airdrop.
* **Confirmar**: Após finalizar a lista de destinatários e o token, clique em **CONFIRMAR** para iniciar a transação de airdrop. O botão permanece desabilitado até que todas as entradas obrigatórias sejam fornecidas.

{% hint style="warning" %}
Nota: O airdrop real será deduzido do saldo de tokens do contrato. Certifique-se de que o contrato possua tokens suficientes antes de confirmar.
{% endhint %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FMYIykLBzMvJjm7mlDU9J%2Fimage.png?alt=media&amp;token=841e087b-6deb-4a38-aace-a44fe71fe9a4" alt=""><figcaption></figcaption></figure>

### Aba de Metadados

Esta seção permite que você modifique a identidade pública do seu contrato de airdrop.

* **Nome**: Você pode editar o nome do contrato aqui.
* **Descrição**: Útil para descrever o propósito ou contexto do airdrop.
* **Imagem**: Atualize ou substitua a imagem associada a este contrato.

Clique **ATUALIZAR** para salvar as alterações. Essas atualizações de metadados são armazenadas on-chain e podem exigir uma transação dependendo da implementação.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F9ptkTVR3JnhEid0dWAUs%2Fimage.png?alt=media&amp;token=1ceba9a5-d9ac-4d68-978f-94fe8e397893" alt=""><figcaption></figcaption></figure>

### Aba Admin

Esta seção define as permissões baseadas em funções disponíveis dentro do contrato. As funções determinam quem pode executar ações administrativas ou operacionais específicas.

* **Administrador**: Pode conceder/revogar funções e modificar configurações do contrato.
* **Transferir**: Pode transferir tokens usando o contrato.
* **Minter/Criador**: Pode cunhar ou criar novos tokens (se aplicável).
* Outras funções disponíveis incluem:
  * **Pausador:** Permite que o endereço designado pause ou retome funções do contrato (se implementado). Útil para paradas de emergência ou manutenção do contrato.
  * **Listador:** Concede permissão para listar tokens ou ativos gerenciados pelo contrato — comumente usado em contextos de marketplaces ou registros.
  * **Gerente de Ativos:** Concede permissão para listar tokens ou ativos gerenciados pelo contrato — comumente usado em contextos de marketplaces ou registros.
  * **Desembrulhar:** Permite que o endereço desembrulhe tokens ou ativos embrulhados (por exemplo, converter tokens embrulhados de volta à forma nativa).
  * **Fábrica:** Habilita a criação de novas instâncias de contrato ou clones se o contrato atual atuar como uma fábrica.
  * **Assinante:** Permite que o endereço assine operações em nome de usuários ou sistemas. Frequentemente usado com meta-transações ou lógica off-chain.
  * **Metadados:** Concede permissão para atualizar os metadados do contrato, incluindo nome, imagem e descrição.
  * **Revogar:** Esta função pode revogar funções ou permissões de outros endereços.
  * **Migração:** Usado durante atualizações ou migrações do sistema. O endereço pode lidar com processos de migração de dados ou transição de contrato.

Para atribuir uma função, cole o endereço da carteira e clique em **ADICIONAR**. Em seguida clique em **ATUALIZAR** para confirmar as alterações on-chain.

## Realizando um Airdrop Usando um Arquivo CSV

Para simplificar distribuições de tokens em larga escala, a `AirdropERC20` interface permite que você faça upload de um arquivo CSV contendo endereços de destinatários e suas quantidades de tokens correspondentes.

### Guia Passo a Passo

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FcRA1BlHOOVJoqSG1xXUg%2Fimage.png?alt=media&amp;token=145d9dfa-a463-4566-8928-9e3f8b2f0eb1" alt=""><figcaption></figcaption></figure>

1. **Abra o Painel de Airdrop**\
   No painel do contrato, navegue até a aba **Airdrop** e clique no **SELECIONAR** botão na seção “Total de destinatários”. Isso abre o gerenciador de destinatários.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FSykAQgbhRZwXdXPpm5gM%2Fimage.png?alt=media&amp;token=e90631ff-4917-453d-b306-9c6d3411dbee" alt=""><figcaption></figcaption></figure>

2. **Baixe o Modelo CSV**

* Clique no **EXPORTAR** botão (canto superior direito do modal).
* Isto baixa um arquivo CSV de exemplo com o formato correto. Você pode usar este como modelo.

✅ **Dica:** O arquivo conterá duas colunas:

```
cssCopyEditendereço,quantidade
```

3. **Prepare Seu Arquivo CSV**\
   Abra o arquivo em qualquer editor de planilhas (por exemplo, Excel, Google Sheets) e preencha-o com os endereços dos destinatários e a quantidade de tokens que cada um deve receber.

Exemplo:

```
CopyEdit0x1234...abcd, 100
0xabcd...5678, 250
```

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FhdcyI7gVKrbaQ9rziE22%2Fimage.png?alt=media&amp;token=45ac54fb-f954-451e-8860-a4ae995b077e" alt=""><figcaption></figcaption></figure>

4. **Importe o Arquivo CSV**

* Retorne ao gerenciador de destinatários e clique em **IMPORTAR**.
* Faça upload do seu arquivo CSV preenchido. Se o arquivo estiver formatado corretamente, você verá todas as linhas exibidas sob as **Colunas** e **Quantidade** Endereço

5. **Revisar e Confirmar**

* Verifique novamente se a quantidade total e o número de destinatários correspondem às suas expectativas.
* Clique **CONFIRMAR** para finalizar a configuração do airdrop.
* Você pode ser solicitado a assinar uma transação para autorizar a transferência.

{% hint style="warning" %}
**Importante:** Certifique-se de que o contrato tenha saldo de tokens suficiente para cobrir o airdrop inteiro. Também assegure que o endereço de carteira selecionado tenha permissões para executar o airdrop.
{% endhint %}

## Observações sobre Uso em Testnet

Estas imagens mostram o uso em **Testnet da BNB Smart Chain**. Se você estiver testando, certifique-se de:

* Sua carteira está conectada à rede correta.
* Você tem tBNB de testnet para taxas de gas.
* Você concede permissões apropriadas se os contratos de token as exigirem.


# Airdrop ERC20 reivindicável

Permite uma forma descentralizada para os usuários reivindicarem tokens ERC20 por conta própria.

## Principais Recursos

* **Mecanismo de Auto-Reclamação**: Os usuários podem reivindicar seus tokens diretamente pela interface do contrato.
* **Lista de Permissão (Allowlist) Baseada em Merkle (Opcional)**: Use uma raiz Merkle para permitir que apenas endereços específicos reivindiquem.
* **Suporte a Reivindicação Pública**: Se nenhuma allowlist for definida, qualquer carteira pode reivindicar tokens.
* **Limites de Reivindicação**: Limite quantos tokens cada carteira pode reivindicar.
* **Carimbo de Data/Hora de Expiração**: Defina um horário após o qual os tokens não podem mais ser reivindicados.

## Parâmetros de Implantação Explicados

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FzwGht9PFeSzcYiPyHG4o%2Fimage.png?alt=media&amp;token=ae3a90ef-727d-4da7-98f3-406101b1378b" alt=""><figcaption></figcaption></figure>

Antes de implantar o contrato, você deve preencher os campos a seguir:

| Campo                                    | Descrição                                                                                                                                                                                                                         |
| ---------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Nome**                                 | Um nome legível para humanos para o contrato (por exemplo, “Spring Token Drop”).                                                                                                                                                  |
| **Símbolo**                              | Um nome curto e simbólico (por exemplo, `SPRING`) para rotulagem na interface do usuário.                                                                                                                                         |
| **Imagem**                               | Faça upload de uma imagem ou logotipo para seu airdrop. Aparece na interface do usuário.                                                                                                                                          |
| **Proprietário do Token**                | O endereço que possui os tokens e que aprovará a transferência dos tokens do airdrop. Deve chamar `approve()` se não for o implantador.                                                                                           |
| **Token do Airdrop**                     | Endereço do contrato do token ERC20 a ser distribuído.                                                                                                                                                                            |
| **Quantidade do Airdrop**                | Número total de tokens disponíveis para reivindicação entre todos os usuários.                                                                                                                                                    |
| **Carimbo de Data/Hora de Expiração**    | Timestamp UNIX (em segundos) após o qual os tokens não podem ser reivindicados. Use um conversor (por exemplo, `https://www.unixtimestamp.com/`) para obter o valor correto.                                                      |
| **Limite de Reivindicação por Carteira** | <p>Número máximo de tokens que cada carteira pode reivindicar.<br>- Use <code>0</code> para confiar exclusivamente na allowlist Merkle.<br>- Defina qualquer número para impor um limite rígido por carteira no modo público.</p> |
| **Raiz Merkle**                          | <p>(Opcional) Raiz Merkle gerada a partir de uma allowlist.<br>- Se nenhuma for necessária, insira <code>0x</code> (estilo endereço zero).<br>- Usado para validar reivindicações off-chain e prová-las on-chain.</p>             |
| **Adicionar Lista de Airdrop**           | Ferramenta opcional para fazer upload da sua allowlist e gerar a raiz Merkle diretamente na interface.                                                                                                                            |

Uma vez que todos os campos obrigatórios estejam preenchidos, clique **Implantar Contrato**.

### Usando CSV para lista grande de endereços

Como com outros contratos, o uso de listas CSV também é permitido para um grande número de carteiras.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fhghw9Cr9DLaszh8gamX1%2Fimage.png?alt=media&amp;token=815eda32-70de-42b3-ac3f-d12fdacf576f" alt=""><figcaption></figcaption></figure>

## Como as Reivindicações Funcionam

Após a implantação:

* Se uma **raiz Merkle** for fornecida, os usuários devem **provar** que estão na allowlist submetendo uma prova válida no momento da reivindicação.
* Se nenhuma raiz Merkle for definida (`0x`), **qualquer usuário** pode reivindicar até o valor definido por `Limite de Reivindicação por Carteira`.
* Todas as reivindicações respeitam o **Carimbo de Data/Hora de Expiração**.

## Configuração de Exemplo (Testnet)

| Campo                                | Valor de Exemplo                          |
| ------------------------------------ | ----------------------------------------- |
| Nome                                 | Contrato de teste Airdrop ERC20 Claimable |
| Símbolo                              | CAERC20                                   |
| Proprietário do Token                | `0xAf16774D...BC0fB`                      |
| Token do Airdrop                     | `0xf3ba6c45...0bfa8edd`                   |
| Quantidade do Airdrop                | 10                                        |
| Carimbo de Data/Hora de Expiração    | `1715385600` (11 de maio de 2024)         |
| Limite de Reivindicação por Carteira | 1                                         |
| Raiz Merkle                          | `0x` (sem allowlist)                      |

### Notas

* Se o token não for **de propriedade do contrato**, o **o proprietário do token** deve aprovar o contrato para gastar o total `Quantidade do Airdrop`.
* Você pode reutilizar a `Adicionar Lista de Airdrop` opção para **gerar raízes Merkle** com allowlists atualizadas antes da implantação.
* Ideal para projetos que precisam de **airdrops públicos**, **campanhas de whitelist**, ou **incentivos com tempo limitado**.

## Incorporando o Contrato Airdrop ERC20 Claimable no Seu DApp (DexAppBuilder)

Após implantar e aprovar seu contrato de airdrop de token, você pode torná-lo disponível para os usuários interagirem diretamente do seu DApp. O DexAppBuilder fornece uma forma visual de incorporar uma interface de reivindicação pronta.

#### Passo a Passo: Adicionar Seção de Reivindicação ao Seu App

**1. Criar uma Nova Página**

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FmrPoYJNhkn8UzodwEo5k%2Fimage.png?alt=media&amp;token=5e7eeab5-91c2-4b72-983f-385f714c71d8" alt=""><figcaption></figcaption></figure>

* Vá para **Admin > Gerenciar Apps > Editar App**
* Em `Páginas`, clique **+ NOVA PÁGINA**
* Insira um nome (por exemplo, `Reivindicar Tokens`) e clique **CRIAR**

**2. Adicionar uma Seção**

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FQ08DszmiPORRYrb6xEEq%2Fimage.png?alt=media&amp;token=f870250d-cf85-48ec-bcdb-b9ddd23afea0" alt="" width="563"><figcaption></figcaption></figure>

* Dentro da nova página, clique **+ ADICIONAR SEÇÃO**

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F50IGLOMFVEiGuCVWckUv%2Fimage.png?alt=media&amp;token=c5e4b41c-2142-4d1f-a0cc-7729b9990923" alt="" width="375"><figcaption></figcaption></figure>

* No modal, role ou pesquise por **DexGenerator Contract** (sob a categoria Web3)
* Clique para selecioná-lo

**3. Selecionar o Contrato de Airdrop Implantado**

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FC9xar3jZFyLpuNNAy3DH%2Fimage.png?alt=media&amp;token=86af4b5f-fadc-4c59-bba0-e6721dbe35a2" alt="" width="563"><figcaption></figcaption></figure>

* Você verá agora uma lista dos seus contratos implantados
* Escolha aquele com o tipo **AIRDROPERC20CLAIMABLE**

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fmlehw2k3E9bpsxJDTpTi%2Fimage.png?alt=media&amp;token=b2904fc2-dc20-42ef-aabb-282146a8b18e" alt=""><figcaption></figcaption></figure>

* Clique nele e visualize a interface de reivindicação

**4. Salvar e Publicar**

* Clique **SALVAR** para adicionar a seção à sua página

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FvukQLqm9n0vOjaE2WHcs%2Fimage.png?alt=media&amp;token=12a94856-176e-4b71-834f-ef6b9ffb5ce9" alt=""><figcaption></figcaption></figure>

* De volta ao layout da página, pressione **SALVAR** novamente para publicar as alterações

## A Experiência do Usuário: Reivindicando Tokens

Uma vez publicado, os usuários que visitarem esta página verão:

* **Informações do Token do Airdrop**: Endereço, símbolo e quantidade a reivindicar
* **Quantidade Disponível**: Quanto eles podem reivindicar
* **Informações de Expiração**: Data/hora de expiração se definida
* **Botão CLAIM AIRDROP**: Executa a função de reivindicação

{% hint style="warning" %}
Se o contrato usar uma árvore Merkle (allowlist), o usuário deve estar incluído e fornecer uma prova válida (tratada automaticamente se integrada corretamente).
{% endhint %}

#### Passo Final Opcional: Publicar Página Pública

* Ative o **VER PÁGINA PÚBLICA** interruptor para tornar a página do contrato acessível a usuários externos.
* Isso facilita o compartilhamento de páginas de reivindicação de airdrop sem incorporação.


# AirdropERC721

Airdrop de NFTs ERC721 para uma lista de destinatários.

O [Contrato AirdropERC721](https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/AirdropERC721) pela ThirdWeb facilita a distribuição eficiente de NFTs ERC721 para uma lista predefinida de destinatários. Este contrato é particularmente útil quando os destinatários não precisam reivindicar individualmente seu airdrop; em vez disso, eles o recebem de forma transparente através de um mecanismo de transferência.

## **Principais Recursos**

1. **Airdrop de NFTs:** Permite a transferência em massa de NFTs ERC721 para múltiplos endereços de destinatários.
2. **Experiência Simplificada para o Destinatário:** Os destinatários não precisam reivindicar individualmente o airdrop; eles recebem automaticamente os NFTs por meio de um processo de transferência.
3. **Parâmetros de Airdrop Personalizáveis:** Especifique o endereço da coleção NFT, o endereço do proprietário e um array de endereços de destinatários com os IDs de token associados para uma experiência de airdrop perfeita.

## **Processo de Airdrop**

1. Especifique o endereço da coleção NFT da qual os NFTs serão transferidos.
2. Forneça o endereço do proprietário dos NFTs para o processo de transferência.
3. Crie um array de objetos de destinatários com endereços dos destinatários e IDs de token correspondentes.
4. Garanta que os proprietários dos tokens aprovem o contrato de airdrop chamando a função relacionada à aprovação no contrato ERC721.

## Casos de Uso

1. **Construção de Comunidade:**
   * **Caso de Uso:** Um projeto quer incentivar o engajamento da comunidade recompensando membros ativos com NFTs ERC721 exclusivos. O contrato AirdropERC721 possibilita a distribuição desses NFTs aos membros da comunidade de forma transparente.
2. **Tokenização de Eventos:**
   * **Caso de Uso:** Um organizador deseja tokenizar lembranças do evento como NFTs ERC721 e distribuí-las aos participantes. O contrato AirdropERC721 simplifica o processo, permitindo uma distribuição eficiente e automática dos tokens.
3. **Programas de Recompensa:**
   * **Caso de Uso:** Empresas ou plataformas que executam programas de recompensa podem utilizar o contrato AirdropERC721 para distribuir NFTs exclusivos aos participantes, aprimorando a estrutura de incentivos e promovendo a fidelidade dos usuários.
4. **Lançamentos de Arte Digital:**
   * **Caso de Uso:** Artistas que desejam distribuir peças de arte digital em edição limitada podem usar o contrato AirdropERC721 para enviar esses NFTs diretamente às carteiras dos colecionadores, criando uma experiência contínua e personalizada.
5. **Ativos de Jogos Tokenizados:**
   * **Caso de Uso:** Desenvolvedores de jogos podem fazer airdrop de tokens ERC721 que representam ativos ou personagens do jogo para os jogadores, melhorando a experiência de jogo e fornecendo itens digitais únicos à comunidade.
6. **Certificados Educacionais:**
   * **Caso de Uso:** Instituições educacionais podem usar o contrato AirdropERC721 para distribuir certificados digitais ou insígnias como NFTs para estudantes, oferecendo uma forma segura e verificável de demonstrar conquistas.
7. **Projetos Colaborativos:**
   * **Caso de Uso:** Projetos colaborativos envolvendo múltiplos criadores ou contribuintes podem distribuir NFTs conjuntos aos participantes usando o contrato AirdropERC721, garantindo uma distribuição justa e automatizada.
8. **Programas de Fidelidade de Marca:**
   * **Caso de Uso:** Marcas podem empregar NFTs como recompensas de fidelidade, distribuindo-os para clientes que atingem certos marcos ou fazem compras significativas, criando um programa de fidelidade inovador e colecionável.
9. **Campanhas de Caridade:**
   * **Caso de Uso:** Organizações de caridade podem distribuir NFTs aos doadores como um sinal de agradecimento, usando o contrato AirdropERC721 para automatizar o processo e reconhecer contribuintes com ativos digitais únicos.
10. **Propriedade Imobiliária Tokenizada:**
    * **Caso de Uso:** Plataformas imobiliárias podem distribuir tokens ERC721 que representam propriedade fracionada em imóveis como airdrops para investidores, simplificando a distribuição de ativos imobiliários digitais.

## **Implantando este contrato**

{% embed url="<https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/AirdropERC721>" %}
Link direto
{% endembed %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FqylEVRuQKHiWopj07y4C%2Fimage.png?alt=media&amp;token=13895ed6-746d-476e-a568-f8ffc17bd563" alt=""><figcaption></figcaption></figure>

Durante a implantação, o contrato AirdropERC721 requer os seguintes parâmetros:

1. **Metadados do Contrato:**
   * **Nome:** \[Insira o Nome do Contrato]
   * **Símbolo:** \[Insira o Símbolo do Contrato]
   * **Descrição:** \[Insira a Descrição do Contrato]
   * **Imagem:** \[Carregar Arquivo de Imagem]

## Usando o Contrato AirdropERC721

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FEiIx8zJfGRKwzq18iYdZ%2Fimage.png?alt=media&amp;token=ed8c3354-8f35-4499-ac76-8de55eba993c" alt=""><figcaption></figcaption></figure>

Uma vez que seu **AirdropERC721** contrato esteja implantado, sua interface se torna acessível através do botão “Manage Contract”. Ao contrário de outros contratos, este é totalmente operado a partir da interface de administrador — não há uma UI incorporável para sites externos.

## Visão Geral das Abas

Após clicar em **Manage Contract**, será apresentada a interface padrão composta por três abas: **Airdrop**, **Metadados**, e **Administrador**.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FvSF9J5PLZhwaRGNHQcAB%2Fimage.png?alt=media&amp;token=518d5a63-583e-46ca-83eb-cfc0fd33fda6" alt=""><figcaption></figcaption></figure>

### Aba Airdrop (Distribuição de NFT)

Esta aba permite distribuir NFTs ERC721 de uma coleção existente para múltiplos destinatários.

### **Passo a passo:**

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FgNhBoihBs2CglUDKmssO%2Fimage.png?alt=media&amp;token=13963fdc-35f4-446d-9e47-2a9cd8a15f12" alt=""><figcaption></figcaption></figure>

1. **Selecionar Coleção**\
   Clique **SELECIONAR COLEÇÃO** para escolher a coleção ERC721 da qual você deseja airdropar NFTs. Uma lista de coleções disponíveis é exibida com suas tags de rede.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FEtkhariIJrnX6Sbo91p9%2Fimage.png?alt=media&amp;token=c6ec89e7-d8c0-48ff-9b7a-d5708658eb71" alt=""><figcaption></figcaption></figure>

2. **Lista de Destinatários**\
   Clique **SELECIONAR** no painel "Total recipients" para abrir o gerenciador de destinatários.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FMfKc1V5pH6W0HGCXUqk8%2Fimage.png?alt=media&amp;token=a565d2a4-5761-49fc-8f98-51c7cbba0a90" alt=""><figcaption></figcaption></figure>

3. **Baixar Modelo CSV (Opcional)**\
   Você pode clicar **EXPORTAR** para baixar um modelo CSV com os cabeçalhos apropriados:

```
CopyEditrecipient,tokenId
```

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FverGtNmDOFt04DG7wX1X%2Fimage.png?alt=media&amp;token=adf6576c-9f72-4e18-bb48-a1e179e036c7" alt=""><figcaption></figcaption></figure>

4. **Importar Arquivo CSV**\
   Clique **IMPORTAR** para enviar seu arquivo CSV. Ele deve incluir endereços dos destinatários e os IDs de token correspondentes.

Exemplo:

```
CopyEdit0x1234...abcd, 7  
0xabcd...5678, 15  
```

5. **Confirmar Airdrop**\
   Uma vez que a lista esteja preenchida e válida, clique **CONFIRMAR**. Uma transação será solicitada para executar a transferência em massa dos NFTs.

{% hint style="warning" %}
**Observação:** O contrato deve ter aprovação para transferir os NFTs. Certifique-se de que o proprietário dos NFTs tenha concedido aprovação ao contrato AirdropERC721 através da `setApprovalForAll` função na coleção de NFTs.
{% endhint %}

### Aba de Metadados

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FpUId5Ss45U8hVeOZFjoM%2Fimage.png?alt=media&amp;token=65e9d79e-a788-427e-b979-95575c6ae487" alt=""><figcaption></figcaption></figure>

* **Nome / Descrição / Imagem**\
  Permite definir os metadados do contrato para exibição pública. Uma vez atualizados, esses dados serão armazenados e refletidos on-chain (pode exigir uma transação para atualizar).

### Aba Admin (Funções)

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FnpvQ1Q0n65ra6A4CKSRU%2Fimage.png?alt=media&amp;token=8782cf1f-2115-47e1-b98e-d96c515971d9" alt=""><figcaption></figcaption></figure>

A aba Admin permite gerenciar quem pode executar ações administrativas. As funções incluem:

* **Administrador** – Acesso total para gerenciar funções e configurações.
* **Transferir** – Permissão para executar transferências de tokens.
* **Minter / Criador** – Para cunhar NFTs (se a cunhagem estiver habilitada).
* Funções adicionais: Pauser, Lister, Asset, Unwrap, Factory, Signer, Metadata, Revoke, Migration.

Para atribuir funções:

* Cole um endereço.
* Clique **ADICIONAR** ao lado da função desejada.
* Clique **ATUALIZAR** para confirmar as alterações on-chain.

## Notas sobre Implantação em Testnet

Este contrato foi exibido em **Testnet da BNB Smart Chain**, mas pode ser implantado em qualquer cadeia EVM suportada. Certifique-se:

* Você está conectado à rede pretendida.
* A coleção de NFTs selecionada existe nessa mesma rede.
* Sua carteira possui tokens de teste suficientes para as taxas de gas.


# AirdropERC1155

Airdrop de NFTs ERC1155 para uma lista de destinatários.

O [Contrato AirdropERC1155](https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/AirdropERC1155) pela Thirdweb oferece uma solução simplificada para distribuir NFTs ERC1155 a uma lista predefinida de destinatários. Ideal para cenários em que os destinatários não precisam reivindicar individualmente seu airdrop, este contrato agiliza o processo por meio de transferências eficientes de tokens.

## **Principais Recursos**

1. **Airdrop em Lote:** Permite a transferência simultânea de múltiplos NFTs ERC1155 para vários endereços de destinatários, aumentando a eficiência de distribuições em grande escala.
2. **Distribuição Flexível de Tokens:** Especifique o endereço da coleção de tokens (Edition), o endereço do proprietário e um array de endereços de destinatários com IDs de token e quantidades associadas, proporcionando flexibilidade nas configurações do airdrop.
3. **Processo Automatizado:** Os destinatários recebem automaticamente os NFTs ERC1155 através de um mecanismo de transferência, eliminando a necessidade de reivindicação manual.

## **Processo de Airdrop**

1. Especifique o endereço da Edition (contrato ERC-1155) a partir do qual os NFTs serão transferidos.
2. Forneça o endereço do proprietário dos NFTs para o processo de transferência.
3. Crie um array de objetos de destinatários com endereços dos destinatários, IDs de token e quantidades correspondentes.
4. Garanta que os proprietários dos tokens aprovem o contrato de airdrop chamando as funções necessárias relacionadas à aprovação no contrato ERC1155.

## **Casos de Uso**

1. **Ecossistemas de Jogos:**
   * **Caso de Uso:** Desenvolvedores de jogos podem fazer airdrops de ativos dentro do jogo para os jogadores, promovendo engajamento e melhorando a experiência geral de jogo.
2. **Eventos Tokenizados:**
   * **Caso de Uso:** Tokenize NFTs específicos de eventos e distribua-os aos participantes de forma contínua usando o contrato AirdropERC1155.
3. **Campanhas de Colecionáveis Digitais:**
   * **Caso de Uso:** Lance campanhas de colecionáveis digitais distribuindo NFTs ERC1155 únicos para um público-alvo, fomentando um senso de exclusividade.
4. **Recompensas Educacionais:**
   * **Caso de Uso:** Plataformas educacionais podem recompensar alunos com NFTs ERC1155 como certificados digitais, reconhecendo suas conquistas.
5. **Projetos de Arte Colaborativa:**
   * **Caso de Uso:** Projetos de arte colaborativa podem distribuir NFTs conjuntos aos colaboradores, fornecendo um mecanismo de distribuição automatizado e justo.
6. **Propriedade de Imóveis Virtuais:**
   * **Caso de Uso:** Plataformas que lidam com imóveis virtuais podem distribuir tokens ERC1155 que representam participações de propriedade a investidores por meio de airdrops.

## **Implantando este contrato**

{% embed url="<https://dexappbuilder.dexkit.com/forms/deploy/thirdweb/AirdropERC1155>" %}
Link direto
{% endembed %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FEgl8j5K9g23C8IV48qjw%2Fimage.png?alt=media&amp;token=9093eed0-8bae-423d-851e-6a1c23145f87" alt=""><figcaption></figcaption></figure>

Durante a implantação, o contrato AirdropERC1155 requer os seguintes parâmetros:

1. **Metadados do Contrato:**
   * **Nome:** \[Insira o Nome do Contrato]
   * **Símbolo:** \[Insira o Símbolo do Contrato]
   * **Descrição:** \[Insira a Descrição do Contrato]
   * **Imagem:** \[Carregar Arquivo de Imagem]

## Usando o Contrato AirdropERC1155

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FqmcwP6O41sZtldKGIofH%2Fimage.png?alt=media&amp;token=0ed531da-3257-441f-bd81-a04b647b58c4" alt=""><figcaption></figcaption></figure>

Uma vez implantado via DexContracts, o **AirdropERC1155** contrato fornece um painel para gerenciar a distribuição de NFTs ERC1155 (também conhecidos como editions) para múltiplos destinatários. Este contrato é ideal para distribuir ativos NFT fungíveis ou semifulngíveis em um processo em lote.

{% hint style="warning" %}
Observação: Este contrato **não** possui uma interface incorporável. A interação é tratada inteiramente a partir da interface administrativa.
{% endhint %}

### Aba Airdrop (Distribuição de NFT da Edition)

O fluxo de trabalho do airdrop é projetado para simplicidade e eficiência.

#### **Instruções passo a passo:**

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FGQZMO1g7U9A5lO4dorp0%2Fimage.png?alt=media&amp;token=7c1ca528-ab85-4343-8cb3-5f368dcbfa9c" alt=""><figcaption></figcaption></figure>

1. **Acesse a Interface de Airdrop**\
   Clique **Gerenciar Contrato** após a implantação para abrir o painel.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FeoHRDOS3uSSQZB3Pk7oB%2Fimage.png?alt=media&amp;token=4db56dbf-eb98-48d4-a0ec-1e9e85a006e1" alt=""><figcaption></figcaption></figure>

2. **Selecione a Coleção Edition**\
   Clique **SELECIONAR** na caixa "Suas Editions" para escolher a coleção ERC1155 da qual os tokens serão transferidos.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FZpg9T9R5XpJxLfrZ9J8K%2Fimage.png?alt=media&amp;token=58a5ee20-193d-4c1c-928e-d8ea7ff0055d" alt=""><figcaption></figcaption></figure>

3. **Selecione a Lista de Destinatários**\
   Clique **SELECIONAR** na caixa "Total recipients" para abrir o gerenciador de airdrop.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fp6LNbSAIKn2kzNOflKVw%2Fimage.png?alt=media&amp;token=3e940399-0241-43d6-a5ee-29593979e1a1" alt=""><figcaption></figcaption></figure>

4. **Baixe o Modelo CSV**\
   Clique **EXPORTAR** para baixar o modelo CSV editável. O formato correto inclui três colunas:

```
CopyEditrecipient,tokenId,amount
```

5. **Prepare e Envie Seu Arquivo CSV**

* Use qualquer ferramenta de planilha para preencher os endereços dos destinatários, IDs de token e quantidades.
* Clique **IMPORTAR** para enviar seu arquivo.
* Os registros aparecerão na tabela com opções para revisar/editar.

Exemplo:

```
CopyEdit0x1234...abcd, 1, 10  
0xabcd...5678, 3, 5  
```

6. **Confirmar Airdrop**\
   Uma vez que todos os dados estejam corretos, clique **CONFIRMAR** para executar a transferência. Isso exigirá uma transação na blockchain.

{% hint style="warning" %}
**Importante:** Certifique-se de que o proprietário do token tenha concedido ao contrato AirdropERC1155 permissão para transferir NFTs usando `setApprovalForAll` no contrato ERC1155
{% endhint %}

### Aba de Metadados

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FTmUCKrmuVBNOsvWPwMYm%2Fimage.png?alt=media&amp;token=a6a457d7-a116-43d4-bf30-e6f483391dd5" alt=""><figcaption></figcaption></figure>

* **Campos Editáveis**: Nome, Descrição e Imagem.
* Esses campos ajudam a personalizar os metadados públicos do contrato.
* As alterações podem exigir uma transação na blockchain.

### Aba Admin

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FG7paLh24WbYbleJMP5vq%2Fimage.png?alt=media&amp;token=2f414271-6ef4-431b-85db-fba060525f72" alt=""><figcaption></figcaption></figure>

Como os outros contratos de airdrop, `AirdropERC1155` suporta controle de acesso baseado em funções. As funções incluem:

* **Administrador** – Controle total sobre o gerenciamento de funções.
* **Transferir** – Pode executar transferências de tokens.
* **Minter / Criador** – Pode cunhar novas editions (se suportado).
* Funções adicionais: Pauser, Lister, Asset, Unwrap, Factory, Signer, Metadata, Revoke, Migration.

Atribua uma função inserindo o endereço e clicando **ADICIONAR**, seguido de **ATUALIZAR** para salvar as alterações.

## Notas sobre Implantação em Testnet

* Estes exemplos foram executados em **Testnet da BNB Smart Chain**, mas o contrato suporta qualquer rede compatível com EVM.
* Certifique-se de que tokens de testnet (como tBNB) estejam disponíveis para o gás.
* Confirme que sua carteira conectada tem direitos de aprovação para o contrato Edition selecionado.


# Contratos DexKit 🔥

DexKit apresenta integração perfeita com sua própria suíte de contratos aprimorados. Ao aproveitar componentes reutilizáveis, o DexKit facilita para desenvolvedores a integração de mecânicas avançadas em suas aplicações onchain sem a complexidade de interações de baixo nível com contratos.

## Contratos compatíveis

Os seguintes contratos inteligentes estão incluídos nesta integração, cada um servindo a um propósito distinto. Clique em qualquer item abaixo para obter mais informações:

* [**DropAllowanceERC20**](https://docs.dexkit.com/defi-products/dexcontracts/dexkit-contracts/dropallowanceerc20) – Um contrato ERC20 flexível de distribuição (drop) que permite ao proprietário do token manter a custódia dos tokens e conceder autorizações para vendas ou distribuições baseadas em reivindicação.

## Benefícios para desenvolvedores e criadores

A integração dos contratos inteligentes aprimorados do DexKit oferece vantagens poderosas para DApps construídos com o DexAppBuilder:

* **Simplicidade** – Componentes abstraídos simplificam a interação com recursos avançados de contratos inteligentes.
* **Segurança** – Os tokens permanecem na carteira do proprietário até serem reivindicados, reduzindo o risco de custódia.
* **Versatilidade** – Funciona com qualquer token ERC20 (18 decimais) para pré-vendas, recompensas ou distribuições controladas.
* **Eficiência** – Mecânicas baseadas em reivindicação eliminam a necessidade de pré-financiar contratos, economizando gas e tempo de configuração.
* **Inovação** – Permite modelos criativos e flexíveis de distribuição de tokens mantendo o controle total.


# DropAllowanceERC20

O Token Allowance Drop é uma versão estendida do contrato Token Drop que permite aos usuários definir o token que desejam vender para uma lista de destinatários.

O [**DropAllowanceERC20**](https://dexappbuilder.dexkit.com/forms/deploy/dexkit/DropAllowanceERC20) o contrato é uma versão estendida do padrão `DropERC20` contrato, permitindo aos usuários definir o token ERC-20 que desejam vender. Este contrato funciona com qualquer token ERC-20 que use **18 decimais** e possibilita um fluxo de pré-venda ou venda pública onde o proprietário do token concede uma allowance ao contrato, e os compradores podem reivindicar tokens sob condições predefinidas.

## **Principais Recursos**

* **Suporte a Token Personalizado** – Ao contrário de drops com token fixo, esta versão permite que você especifique qual token ERC-20 deseja vender no momento do deploy.
* **Venda Baseada em Allowance** – O contrato não retém seus tokens diretamente. Em vez disso, o proprietário do token deve conceder allowance ao contrato para que ele possa transferir tokens aos compradores quando reivindicados.
* **Conformidade Padrão com ERC-20** – Funciona com qualquer token ERC-20 que possua 18 decimais.
* **Integração com Thirdweb** – Totalmente compatível com [Thirdweb SDK](https://portal.thirdweb.com/), permitindo que você defina condições de reivindicação, preço e parâmetros de distribuição a partir do painel ou via código.
* **Flexibilidade de Propriedade** – Você pode definir um `Proprietário do Token` diferente do deployer, permitindo configurações com múltiplas partes.

## **Casos de Uso**

* Pré-vendas de tokens onde você não quer transferir a custódia dos tokens antes da venda.
* Campanhas de recompensas comunitárias usando tokens ERC-20 existentes.
* Distribuições controladas onde o vendedor pode revogar a allowance a qualquer momento.
* Drops privados ou públicos usando condições de reivindicação personalizadas.

## **Implantando este contrato**

{% embed url="<https://dexappbuilder.dexkit.com/forms/deploy/dexkit/DropAllowanceERC20>" %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F1CN6uqI0x1HKkkU2gaeh%2Fimage.png?alt=media&amp;token=9419dabf-6acd-4b80-bc7c-4ba4145601b8" alt="" width="563"><figcaption></figcaption></figure>

## Como Funciona

1. **Implantação**\
   Ao implantar o contrato, você fornecerá:
   * **Endereço do Token** – O endereço do contrato do token ERC-20 a ser vendido.
   * **Proprietário do Token** – O endereço da carteira que atualmente detém os tokens.
   * **Destinatário da Venda** – O endereço da carteira que receberá o pagamento pelas vendas de tokens.
2. **Concessão de Allowance**\
   Antes que quaisquer reivindicações possam ocorrer, o `Proprietário do Token` deve chamar a `approve()` função no contrato do token, concedendo allowance ao `DropAllowanceERC20` contrato pelo valor que desejam vender.
3. **Definindo Condições de Reivindicação**\
   Através do painel ou SDK, você pode definir:
   * Preço por token
   * Início da venda. A data de término finalizará quando o suprimento for totalmente reivindicado ou outra fase for criada.
   * Limites de compra por carteira
   * Qualquer outra restrição de reivindicação
4. **Reivindicação de Tokens**\
   Quando um usuário reivindica tokens, o contrato transfere os tokens diretamente da `Proprietário do Token`carteira do

## para o comprador, deduzindo da allowance concedida.

| Campo                 | Descrição                                                                                                                           |
| --------------------- | ----------------------------------------------------------------------------------------------------------------------------------- |
| Nome                  | Parâmetros de Implantação                                                                                                           |
| Símbolo               | O nome exibido para seu drop (usado na exibição do painel).                                                                         |
| Descrição             | Símbolo do token para fins de referência.                                                                                           |
| Imagem                | Descrição em rich-text ou markdown do seu drop de token.                                                                            |
| Endereço do Token     | Logo/imagem opcional para representar sua venda de tokens.                                                                          |
| Proprietário do Token | Endereço do contrato do token ERC-20 que você deseja vender. Deve ter 18 decimais.                                                  |
| Destinatário da Venda | Endereço a partir do qual os tokens serão transferidos durante as reivindicações. Deve aprovar este contrato para gastar os tokens. |

## Endereço que receberá o pagamento pelas vendas de tokens.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FjQ2mtNvjhSMjmcMnJso6%2Fimage.png?alt=media&amp;token=e4102125-e6c0-419e-8e54-eb92f5dc4377" alt="" width="563"><figcaption></figcaption></figure>

1. Fluxo de Exemplo `DropAllowanceERC20` Implante
2. com o endereço do seu token, o endereço do proprietário do token e o endereço do destinatário da venda. `O Proprietário do Token executa` approve(contractAddress, amount)
3. no contrato do token ERC-20.
4. Defina suas condições de reivindicação via painel ou programaticamente.
5. Os compradores reivindicam tokens de acordo com suas regras.

## O contrato transfere automaticamente os tokens do proprietário do token para os compradores até que a allowance se esgote ou as condições expirem.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fo4qS7kTDTzG7REDScjgT%2Fimage.png?alt=media&amp;token=c066efcc-eeba-46f4-a58c-dd95053d430e" alt=""><figcaption></figcaption></figure>

O **Condições de Reivindicação** Token Allowance Drop

* suporta as mesmas configurações de condição de reivindicação do Token Drop regular:
* Hora de início
* Quantidade máxima por transação
* Fases de reivindicação
* Configurações de whitelist

Configuração do token de pagamento (token nativo ou ERC20)

## Você pode definir e gerenciar condições de reivindicação via painel após a implantação.

1. Notas e Boas Práticas **Garanta que seu token ERC-20**use 18 decimais
2. O `Proprietário do Token` —outras configurações não são suportadas.
3. deve manter saldo de token e allowance suficientes para que as reivindicações tenham sucesso.
4. A allowance pode ser aumentada ou diminuída a qualquer momento para controlar o suprimento da venda. `Proprietário do Token` Use uma carteira segura para o


# Criando minha primeira coleção de NFTs

Gere coleções de NFTs, tokens e outros tipos de Contratos Inteligentes usando esta ferramenta (em desenvolvimento)

Assumindo que você já leu os tópicos anteriores, vamos ao que interessa.

Você aprenderá como criar seus contratos com colecionáveis digitais de forma fácil e gratuita (usando a testnet Polygon, Mumbai).

{% hint style="info" %}
Pegue alguns tokens grátis em <https://faucet.polygon.technology/> para a testnet Polygon Mumbai. Você vai precisar deles para testar seu processo de mintagem antes de fazê-lo na [Redes disponíveis](/produtos-e-solucoes-defi-pt/dexappbuilder/redes-disponiveis).
{% endhint %}

Vamos lá!

1. **A primeira coisa é visitar o site Contract Wizard** \[<https://whitelabel-nft.dexkit.com/contract-wizard>]. Uma vez lá você deve conectar sua carteira web3 seguindo a imagem abaixo

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FI5ABO1Lm7QyguYmHi6to%2Fcontract_wizard_start_before_wallet_connect.png?alt=media&amp;token=f5b76bb1-ad06-4294-8cc6-84cc871c2c77" alt=""><figcaption><p>Conectar sua carteira no início é obrigatório.</p></figcaption></figure>

2. Uma vez conectada, você poderá ver o painel com as coleções que possui. Como você é um usuário novo, verá esta tela em branco, apenas com as opções para começar a criar suas coleções.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FZj51Qic8KD6T5kyk7TWR%2Fcontract_wizard_start_after_wallet_connect.png?alt=media&amp;token=b4dadec7-aa9f-49bf-860a-5a66bd75ac7f" alt=""><figcaption><p>Seu endereço ERC-20 deve aparecer no canto superior direito e o botão azul «Create» estará disponível agora para começar. Clique nele.</p></figcaption></figure>

3. **Nesta seção entraremos com os dados iniciais da nossa coleção.** Seja específico e preencha todos os campos. Tenha em mente que depois de ser cunhado na blockchain **você não poderá alterar nenhum metadata da coleção**, então faça suas previsões.

{% hint style="info" %}
Para detentores de KIT: se o usuário possuir 1.000 KIT terá direito a gerar 50 imagens por mês. O saldo será buscado automaticamente na carteira durante a criação da coleção.
{% endhint %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FI1nLdyVRWhhTwHjWPasn%2Fcreating_first_collection_AI.png?alt=media&amp;token=5e98aaba-51cf-40a9-8736-bd0136baef72" alt=""><figcaption><p>Detentores de KIT podem gerar a capa da coleção com IA.</p></figcaption></figure>

4. Por favor, aguarde até o modal terminar seu trabalho mintando os metadata da sua coleção até o segundo ✅ verde

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FVyZ2i33Yjy2QFhblA4h6%2Fmodal_ended.png?alt=media&amp;token=0948b572-d653-4b93-934d-3ea6e4cc57af" alt=""><figcaption><p>Sua coleção está pronta para receber os NFTs! Clique no botão azul «View collection» para prosseguir.</p></figcaption></figure>

5. Chegou a hora de mintar NFTs para nossa coleção! 🥳 **Esperamos sinceramente que você tenha lido todos os** [Requisitos](/produtos-e-solucoes-defi-pt/dexcontracts/requisitos). Se ainda não leu, por favor dê uma olhada. Você ainda está a tempo! 🏃‍♀️

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FWF9VWvh8qFnEZvmOmZWf%2Fadd_nft_from_scratch.png?alt=media&amp;token=63526363-6319-4e48-9513-54880909fde3" alt=""><figcaption><p>Clique em «Add NFT» para começar a criar seu primeiro.</p></figcaption></figure>

6. Aqui prosseguiremos preenchendo os dados do nosso primeiro NFT. Vamos desvendar esse processo para seu melhor entendimento:

* **Imagem do NFT:** carregue sua imagem. Qualquer formato de imagem é permitido, então, caso você não veja nenhuma das suas imagens, apenas digite na busca do SO `*.*`\
  Todos os arquivos aparecerão na sua tela e você poderá agora escolher suas imagens.
* **Quantidade:** Máximo de 20 unidades por NFT. 30 no primeiro push e mintagem ilimitada após a criação. Estabelecemos um número máximo para evitar gargalos no contrato.
* **Nome:** o nome deste colecionável digital específico.
* **Descrição:** Sobre o que é este NFT? Você pode adicionar sua descrição usando a linguagem Markdown e também incorporar links externos.

{% hint style="success" %}
💡 Se você planeja usar nossa ferramenta de imagem por IA, observe que cada tentativa ainda contará para sua cota. **Seja preciso na descrição.**
{% endhint %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FBXkujL9EwKpl0Md74aaM%2Fai_generation_digital_collectible.gif?alt=media&amp;token=1e9d0338-ecac-4cd7-9715-548eece11b88" alt=""><figcaption><p>Confira como essa ferramenta funciona na prática.</p></figcaption></figure>

* Atributos: esta parte depende totalmente de você e das necessidades da sua coleção. Se você estiver mintando uma coleção muito única com itens raros, pode usar os indicadores de atributo para tornar cada peça especial.

7. Esta última ação \[Create NFTS] abrirá outro modal. Aceite todas as interações na sua carteira como explicamos no Nº4.
8. Se o modal ocorreu bem, você deverá ver sua nova coleção clicando em \[<https://whitelabel-nft.dexkit.com/contract-wizard>]

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FTIYsxC1Rn5Psgf3tPZxf%2FAI_NFT_collection_dashboard.png?alt=media&amp;token=d6e292c1-3b8f-45d2-a4d8-76be4f25f05a" alt=""><figcaption><p>Painel de coleções.</p></figcaption></figure>

Agora veja como esta coleção ficará após criar itens com a ferramenta de IA 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FXkRanaVknkmmpNffUMnU%2FAI_NFT_collection.png?alt=media&amp;token=bb65d432-3e21-4624-a819-bfe123b00895" alt=""><figcaption><p>Dentro da nossa nova coleção</p></figcaption></figure>

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FkmkbWY87xZD4hqxJO4oz%2FAI_NFT_piranha.png?alt=media&amp;token=e34039d3-8cf9-41e2-9e42-d7bd18d2b968" alt=""><figcaption><p>Seu NFT recém-gerado por IA, cunhado e pronto para ser negociado.</p></figcaption></figure>

Esperamos que esta nova ferramenta inspire e facilite sua negociação de colecionáveis digitais, e também esperamos melhorá-la sob demanda.&#x20;


# Gerenciando contratos implantados

### **Gerenciando Contratos Existentes**

* Acesse a seção 'Gerenciar Contratos' a partir do painel principal ou do menu.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FS4e5NZcdfLOUbIGC70P7%2Fimage.png?alt=media&amp;token=0abbfc63-4fcd-4b42-af80-5c23ce8f67a2" alt=""><figcaption></figcaption></figure>

* Aqui você encontrará uma lista de todos os seus contratos ativos e passados. Use as opções de busca e filtro para localizar rapidamente contratos específicos.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F2a9QrV8ybRuGQixu8iYi%2Fimage.png?alt=media&amp;token=7707db25-923c-4ee0-b15f-4bdefdcf9209" alt=""><figcaption></figcaption></figure>

* Verifique seus contratos implantados e clique no botão «Gerenciar» para definir as condições do contrato específico, fazer alterações, entre outras opções.

{% hint style="info" %}
Para explicar de forma eficaz, usaremos o contrato Edition Drop de código aberto da Thirdweb. Encontre mais informações sobre o contrato [clicando aqui](https://docs.dexkit.com/defi-products/dexgenerator/thirdweb-contracts/edition-drop).
{% endhint %}

### seção do botão «Gerenciar»

Após clicar neste botão, você será redirecionado para a seguinte tela:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FTZjLWgf9Dv8qntAPfVVE%2Fimage.png?alt=media&amp;token=11e7b5a6-aa8b-428f-8274-50309b732fe7" alt=""><figcaption></figcaption></figure>

#### Informações gerais sobre este contrato

* Nome
* Descrição
* Rede onde foi implantado
* Imagem deste contrato
* Tipo de contrato
* Endereço do contrato (gerado automaticamente quando implantado)
* Link para o explorador de blocos específico onde este contrato foi implantado.

#### botão «Mint NFT»

Ao pressionar este botão, será acionada a função «criar» ou «mint» do NFT que o levará à seguinte tela:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F3061NfrUYBPXCAmhrvZ7%2Fimage.png?alt=media&amp;token=3da35390-a71f-4505-a287-faba99af3dac" alt=""><figcaption></figcaption></figure>

* **Nome:** preencha o nome deste NFT específico.
* **Descrição:** Descreva este NFT em detalhe. Você pode usar o recurso “Gerar Imagem com IA” para criar uma imagem automatizada com base na descrição que você colocou. Se não estiver interessado em usar essa função de geração, não se preocupe! Não é obrigatório.

{% hint style="info" %}
Para usar a função de IA generativa, o usuário deve possuir 1.000 tokens $KIT em qualquer uma das redes suportadas. [Verifique aqui os contratos oficiais $KIT](https://docs.dexkit.com/welcome/our-token/contract-addresses).
{% endhint %}

* **Silhueta de imagem azul:** clique ali e faça o upload da sua imagem seguindo o modal

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FIWi2MkFfCbNShw6Mr91K%2Fimage.png?alt=media&amp;token=a850a983-bcdc-4b44-a765-8e30c8ab2832" alt=""><figcaption><p>Clique no botão «Adicionar imagem» e envie sua imagem. Ela será salva no IPFS para garantir permanência até que você decida excluí-la.</p></figcaption></figure>

* **«Adicionar atributo»** botão: torne este NFT especial ou raro entre outros da sua coleção e adicione vários atributos ou características. Isso também é útil se seu Edition Drop estiver focado em jogos ou níveis de fidelidade.
* **«Adicionar NFT»** botão: depois de terminar seu primeiro NFT, você pode clicar ali e continuar adicionando NFTs como fizemos com o primeiro.

{% hint style="warning" %}
Você poderá mintar 30 NFTs por lote. Depois de terminar, você pode adicionar mais editando o contrato.
{% endhint %}

Uma vez que você minerou seus NFTs, o painel do seu contrato deve ficar assim:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FpXJ3cLHNYl1KPWOdG3vb%2Fimage.png?alt=media&amp;token=ab9b2e3e-52c4-4025-bf71-caf282185d81" alt=""><figcaption></figcaption></figure>

Agora vamos clicar no primeiro NFT e revisar as opções dentro dele:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fy2vp5mcHGheITjILzFtF%2Fimage.png?alt=media&amp;token=dd1d33a6-b61d-4a9c-b99e-34d6499930c2" alt=""><figcaption></figcaption></figure>

Para definir as condições para este lançamento específico de NFT, por favor clique no botão «Adicionar condição de reivindicação». Clicar ali abrirá as seguintes opções:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F80KXJY7feOPC3kStIelt%2Fimage.png?alt=media&amp;token=5f2177da-7565-4bbc-9852-d566ce54d97f" alt=""><figcaption></figcaption></figure>

* **Nome:** Coloque o nome desta fase de lançamento.
* **Hora de início:** esta será a data para este lançamento. Deve ser uma data futura.
* **Aguardar em segundos:** tempo de espera antes do lançamento deste drop.
* **Total de itens a reivindicar:** Quantos NFTs existirão para este lançamento específico?
* **Total de itens para reivindicar por carteira**
* **Preço por cada item.**
* **Pesquisar token:** o token que você deseja usar para este lançamento específico. [Verifique como importar tokens](https://docs.dexkit.com/defi-products/dexappbuilder/managing-this-tool/importing-tokens) a fim de aprender como fazê-los aparecer nesta lista.

Depois de preencher todos os dados do seu NFT específico, clique no botão azul «Criar condições de reivindicação» e assine digitalmente com sua carteira. Aguarde a confirmação da rede (\~10 segundos) e clique em «voltar para a lista de NFT» no menu de navegação.

Defina as condições de reivindicação para os outros NFTs que você criou e voilà! Seu Edition Drop está concluído!&#x20;


# Atualizações futuras

* Mais [redes permitidas](/produtos-e-solucoes-defi-pt/dexappbuilder/redes-disponiveis)
* Aumentar a cunhagem inicial de colecionáveis digitais de 30 para N
* Aumentar a compatibilidade com carteiras incomuns ✅
* Botão «Exportar para meu marketplace». Usuários que implantaram seu marketplace de NFT com [DexAppBuilder](https://dexappbuilder.dexkit.com/) podem enviar suas coleções recém-cunhadas para seus marketplaces sem configurações extras.
* Ferramenta de geração de imagens por IA ✅
* As necessárias para manter esta plataforma atualizada.


# Visão geral

DexExchangePro é uma inovadora plataforma de exchange descentralizada white-label, com o objetivo de tornar as Finanças Descentralizadas (DeFi) acessíveis a todos.

## Introdução

Esta documentação serve como um manual vital para um público diverso, incluindo desenvolvedores, traders e qualquer pessoa interessada em DeFi, independentemente de seu conhecimento técnico. Foi elaborada para garantir navegação e operação sem falhas do DexExchangePro, aprimorando assim a experiência do usuário com nossa plataforma versátil.

## Visão Geral do Produto

DexExchangePro incorpora os princípios de **segurança**, **transparência**, e **centralidade no usuário**, funcionando como uma plataforma de exchange descentralizada de ponta. Como uma solução white-label, permite implantação individualizada por meio de um Quick Builder dentro do DexAppBuilder, oferecendo uma experiência inclusiva e personalizável no ecossistema DeFi.

### Principais Recursos

1. **Solução White-Label:** DexExchangePro pode ser implantado por qualquer pessoa [usando o Quick Builder,](https://dexappbuilder.dexkit.com/admin/quick-builder/exchange) fornecendo uma plataforma personalizável e inclusiva adaptada às necessidades individuais ou empresariais.
2. **Autenticação Web3:** Os usuários podem acessar a plataforma usando autenticação web3 com suas carteiras descentralizadas, eliminando a necessidade de registro tradicional de usuário.
3. **Interface Amigável ao Usuário:** A plataforma apresenta uma interface limpa e intuitiva, garantindo fácil navegação e execução de negociações para usuários de todos os níveis de experiência.
4. **Ferramentas Avançadas de Negociação:** Integrado com gráficos do TradingView, o DexExchangePro oferece um conjunto de ferramentas e indicadores avançados de negociação para ajudar os usuários a tomar decisões informadas.
5. **Ordens Limitadas e a Mercado:** A plataforma suporta a colocação de ordens limitadas e vendas a preço de mercado, espelhando as funcionalidades de exchanges convencionais.
6. **Branding Personalizável:** Os usuários têm a opção de personalizar a identidade visual, com esquemas de cores disponíveis tanto em modo claro quanto noturno.
7. **Compatibilidade Cross-Chain:** DexExchangePro suporta múltiplas redes blockchain, facilitando negociações cross-chain e aumentando a liquidez.
8. **Segurança e Transparência:** A plataforma prioriza a segurança e a transparência do usuário, implementando protocolos de segurança robustos e fornecendo dados e análises em tempo real.


# Implementando este produto

## Introdução

### Como Implante Seu Exchange no DexAppBuilder

#### 1. **Acesse a Plataforma DexAppBuilder**

* Navegue até o [site DexAppBuilder](https://dexappbuilder.dexkit.com/admin/quick-builder/exchange).
* Certifique-se de que você está logado em sua conta conectando sua carteira no canto superior esquerdo.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FarTYjWiTCrR2PrNAzhBk%2Fimage.png?alt=media&amp;token=e7ef68d3-37bf-45ce-88fe-17fe3294b75a" alt=""><figcaption></figcaption></figure>

#### 2. **Inicie o Construtor Rápido de Exchange**

* No painel principal, selecione a opção "AppBuilder".
* Clique em "Exchange App Builder".

#### 3. **Configuração Geral**

* **Nome**: Insira o nome do seu exchange. Para este exemplo, usaremos "Tradex".
* **E-mail**: Forneça um e-mail de contato ou suporte. Por exemplo, `paraguanads@dexkit.com`.
* **Logotipo**: Faça upload do logotipo do seu exchange. Certifique-se de ter logotipos separados para temas claro e escuro.
  * Dimensões do Logotipo Regular: Largura: 150px, Altura: 50px
  * Dimensões para Mobile: Largura: 48px, Altura: 48px
* **Idioma**: Defina o idioma desejado. Neste exemplo, está definido como Inglês (EUA).
* **Moeda**: Escolha a moeda padrão para sua plataforma, por exemplo, Dólar Americano.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FrYZmvLbJcr8rnx6EHMIm%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(1).png?alt=media&amp;token=10977f63-9ba6-44c7-92df-8a2df44d02d4" alt=""><figcaption></figcaption></figure>

#### 4. **Seleção de Tema**

* **Fonte**: Escolha uma fonte que melhor combine com o estilo da sua marca. O exemplo usa "Open Sans".
* **Tema**: Selecione um tema para seu exchange. As opções incluem Claro, Escuro, Padrão, Kittygotchi, CryptoPunk, BoredApe e Personalizado. Ajuste conforme necessário para adequar à sua marca.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F80n3xGp7O7V1u4VANsrZ%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(2).png?alt=media&amp;token=f19b0c4e-3560-4e0b-9070-aff56aac5aa5" alt=""><figcaption></figcaption></figure>

#### 5. **Configuração de Tokens**

* Adicione os tokens que deseja destacar em sua plataforma. Alguns dos tokens no exemplo incluem DAI Stablecoin, USD Coin, Tether USD e Wrapped Ether.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FyTp9ymGDgu4AdYj70V0o%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(3).png?alt=media&amp;token=872c8517-4488-47bf-b131-8f597bd9ce3b" alt=""><figcaption></figcaption></figure>

#### 6. **Configuração do Exchange**

* **Rede Padrão**: Defina a rede padrão para seu exchange. O exemplo usa Ethereum.
* **Redes**: Escolha as blockchains em que seu exchange irá operar. O exemplo inclui Ethereum, Optimism, SmartChain, Polygon, Fantom e possivelmente Avalanche ou Arbitrum.
* **Tokens e Pares**:
  * Token base: Definido como WETH (Wrapped Ether).
  * Token cotado: Definido como USDT (Tether).
* **Taxas**:

  * Endereço do Recebedor da Taxa: Insira o endereço que receberá as taxas. Para este exemplo, é `0xa4B2815866ca21B681d2e1C25a9AS4ced751A2e3`.
  * Valor da Taxa: Defina o valor da taxa. O exemplo usa uma taxa de 1 (a moeda ou porcentagem não é especificada).

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FNTb2lSHkDEJrq4k3kuBJ%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(4).png?alt=media&amp;token=2c987541-633e-4f27-8c38-0ed7a64d845e" alt=""><figcaption></figcaption></figure>

#### 7. **Finalizar e Implantar**

* Depois de configurar todas as definições, visualize seu aplicativo usando o botão "PREVIEW APP".
* Se tudo estiver correto, clique em "FINISH" ou em qualquer botão equivalente de implantação para lançar seu exchange.

**Observação**: Verifique sempre suas configurações, especialmente endereços e estruturas de taxas, para garantir que estejam corretas antes de implantar seu aplicativo. Certifique-se também de cumprir quaisquer termos de serviço ou diretrizes fornecidas pela plataforma DexAppBuilder.


# Visão geral

Maximize suas vendas de NFT com o DexNFTShop, a plataforma tipo Shopify para criadores de NFT.

[DexNFTStore](https://dexappbuilder.dexkit.com/admin/quick-builder/nft-store), um produto de ponta da DexKit, foi concebido para ser uma plataforma semelhante ao Shopify voltada para vendas de NFT. Com o DexNFTStore, os usuários podem criar facilmente sua própria loja online para vender NFTs, aproveitando uma série de recursos semelhantes aos encontrados no Shopify. Estes incluem a capacidade de **carregar NFTs, definir preços e gerenciar pedidos de NFT sem complicações**.

Além disso, o DexNFTStore permite que os usuários **personalizem sua loja** com uma variedade de temas e designs, criando uma presença online distinta para suas coleções de NFT. Essa personalização inclui opções como marca única, esquemas de cores e layouts para fazer sua loja se destacar.

O objetivo principal do DexNFTStore é fornecer uma plataforma amigável e adaptável para vender NFTs online, capacitando criadores e colecionadores a estabelecerem facilmente sua própria loja online e alcançarem um público global. Com seu **recursos robustos e opções personalizáveis**, o DexNFTStore apresenta uma alternativa atraente aos mercados tradicionais de NFT.


# Criando minha primeira loja

Esta é uma visão rápida para todos aqueles que não gostam de perder tempo lendo guias completos.

Siga os passos abaixo para criar com sucesso sua primeira loja, sem qualquer aborrecimento ou atrito.

1. **Crie um marketplace de NFTs com o DexAppBuilder**: O primeiro passo é construir um marketplace de NFTs usando o DexAppBuilder. (Detalhes em [Criando minha primeira DApp](/produtos-e-solucoes-defi-pt/dexappbuilder/criando-minha-primeira-dapp)). Isso serve como a base para sua DexNFTStore e permite que você exiba e venda seus NFTs.
2. **Importar coleções de NFTs**: Após configurar seu marketplace, importe as coleções de NFTs que deseja exibir. Você também pode adicionar NFTs individuais ao seu marketplace.
3. **Abrir ofertas para NFTs que você deseja vender**: Para disponibilizar seus NFTs para venda na sua DexNFTStore, crie ofertas abertas para cada item que você quer vender. Lembre-se de que apenas NFTs com ofertas abertas do criador serão exibidos para venda na DexNFTStore.
4. **Personalize sua marca**: Crie uma aparência única para sua loja adicionando elementos de marca personalizados. O DexNFTStore fornece um sistema de venda rápida que permite aos criadores mostrar sua identidade de marca.
5. **Lance sua DexNFTStore**: Depois de concluir os passos acima, sua DexNFTStore estará pronta para que compradores naveguem e comprem NFTs diretamente.

{% hint style="info" %}
É crucial entender a **importância de primeiro criar um aplicativo com o DexAppBuilder** e importar as coleções de NFTs desejadas antes de abrir ofertas para os NFTs que você quer vender. Esse processo garante que sua DexNFTStore exiba os itens corretos para venda, permitindo que os compradores os adquiram diretamente de você e não de outros vendedores.
{% endhint %}


# Gerenciando esta ferramenta

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FWcGnXij1RiP3hNQBDAza%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(24).png?alt=media&amp;token=e2050949-308a-47ec-b8be-2c9b52f9e869" alt=""><figcaption><p>Navegue até a plataforma DexAppBuilder e siga os passos para entrar na área administrativa. Vá diretamente de <a href="https://dexappbuilder.dexkit.com/admin">aqui</a>.</p></figcaption></figure>

Esta é a [área administrativa](https://whitelabel-nft.dexkit.com/admin). Aqui você pode verificar seus Aplicativos Cripto de forma simples após conectar sua carteira. Como você pode ver aqui, **os Aplicativos Cripto que criamos antes estão listados ali.**

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FyMfRdUADN0DZarwHgmQO%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(25).png?alt=media&amp;token=4bfce4ec-edfc-443b-8173-131f87857463" alt=""><figcaption></figcaption></figure>

Devemos configurar o DNS no seu domínio web (provedor de hospedagem) para que ele redirecione para o endereço que você criou acima para seu Aplicativo Cripto. Felizmente temos informações suficientes [sobre como realizar este procedimento no CloudFlare aqui](https://docs.dexkit.com/defi-products/use-cases/for-entrepreneurs/custom-dswap#creating-your-cname-alias) (este link redireciona para nossa documentação).

Se tudo correu bem e você executou cada um dos passos descritos aqui, você já estará aproveitando sua ótima coleção de NFTs, como [esta](https://boredapes.dexkit.com/) ou [esta](https://kittygotchi.com) 😻

{% hint style="success" %}
:hugging:Não se preocupe! Você pode editar qualquer um dos seus Aplicativos Cripto a qualquer momento após a implantação. Não serão cobradas taxas.
{% endhint %}

## Editando minha(s) loja(s)

**Você se arrependeu do design inicial ou pretende adicionar mais coleções?** Clique no menu hambúrguer à direita do Aplicativo Cripto que você deseja editar (destacado em verde) e clique em “Editar” (destacado em laranja). A ferramenta o levará ao assistente inicial onde você pode fazer as alterações que considerar necessárias.

{% hint style="info" %}
As configurações do código do seu Aplicativo Cripto são salvas toda vez que você clica no botão azul «SALVAR» na parte inferior de cada seção. **Não se esqueça de salvar progressivamente!**
{% endhint %}

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2Fq06dlvOU4HmlqdUI1R9p%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(23).png?alt=media&amp;token=d6d6fff7-37a9-43c0-8ba8-fa47b7ab6d23" alt=""><figcaption><p>Escolha sua DexNFTShop aqui e clique na opção Editar.</p></figcaption></figure>

Agora navegue para Layout – Páginas. Veja seu único componente na seção e clique no lápis 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2F4rl3Nu7gSoXlXYmGUUY5%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(28).png?alt=media&amp;token=004205a2-d597-4900-8eac-b4d46a88e7c0" alt=""><figcaption><p>Sim, o que está dentro do círculo verde.</p></figcaption></figure>

Aqui está a principal seção de personalização da sua Loja. Sinta-se à vontade para alterar tudo o que precisar e clique em «SALVAR»

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FsDDqqsJ9xz0CDrXDc1r8%2Fbrave_screenshot_dexappbuilder.dexkit.com%20(29).png?alt=media&amp;token=fb95052b-627b-46df-9b10-88cb7b7c0a68" alt=""><figcaption></figcaption></figure>

Clique no botão azul «SALVAR» abaixo do componente e voilá! 🧙‍♂️ aguarde alguns segundos até que as alterações sejam propagadas e sua loja será modificada com sucesso.


# Visão geral

Seu companheiro cripto: gerencie e cuide de suas criptomoedas e NFTs com facilidade.

[DexWallet](https://dexappbuilder.dexkit.com/admin/quick-builder/wallet) é uma carteira cripto fácil de usar que **fornece uma forma simples e poderosa de acessar e gerenciar todas as suas criptomoedas e NFTs em um só lugar**. Com o DexWallet, você pode gerenciar todas as suas moedas em todas as redes compatíveis com EVM, transferi-las e negociá-las. Além disso, você pode gerenciar todos os seus NFTs (armazenar, transferir e negociar seus NFTs) nesta plataforma.

DexWallet é a carteira cripto preferida por quem prefere uma solução de gerenciamento cripto simples e amigável. Se você não gosta de usar o Metamask, **o DexWallet oferece a flexibilidade de criar uma carteira cripto com suas contas do Google, Discord ou Twitter em segundos**, tornando-a a melhor solução para iniciantes em cripto.

Uma das características de destaque do DexWallet é possibilitar que você **compre moedas com on-ramps fiat**, o que torna a integração ao mundo cripto muito mais fácil. Você não precisa se preocupar com a complexidade de trocar fiat por cripto, pois o DexWallet cuida disso para você.

Além de gerenciar suas criptomoedas, você também pode **gerenciar a adorada mascote Kittygotchi no DexWallet**. Você pode alimentar e cuidar do seu Kittygotchi e até colocá-lo como sua foto de perfil na plataforma.

Mas espere, tem mais! **O DexWallet permite que os usuários personalizem totalmente sua carteira, dando-lhes a liberdade de adaptá-la ao seu gosto**. Isso significa que você pode tornar sua carteira verdadeiramente única e adequada ao seu estilo.

No geral, o DexWallet é uma excelente carteira cripto que fornece uma solução abrangente para gerenciar todas as suas criptomoedas e NFTs em um só lugar, ao mesmo tempo em que permite que você se expresse com um toque personalizado.


# Criando minha primeira carteira

Para aqueles que buscam um resumo conciso em vez de se aprofundar em guias extensos, aqui está um instantâneo rápido.

Siga os passos abaixo para criar com sucesso sua primeira carteira. O procedimento é similar ao criar qualquer Crypto App com o DexKit

1. O primeiro passo é criar o aplicativo Wallet visitando este link direto.&#x20;
2. **Conecte sua carteira ERC20:** se você não tem nenhuma, não se preocupe! você pode criar a sua com qualquer credencial do Google, Twitter, Discord ou e-mail. Sua identidade servirá como um refúgio seguro para seus ativos, e você poderá [exportar também sua seed a partir do serviço Magic wallet](https://reveal.magic.link/dexkit-wallet) mais tarde.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FpE3Kf3xbNee1kU9szKsz%2Fconnectwallet.png?alt=media&amp;token=a736f2e6-80b0-4bb2-9834-5ace3d87eca2" alt=""><figcaption></figcaption></figure>

3. Após entrar com sua nova / antiga carteira ERC20, agora é o momento de preencher todos os campos do formulário abaixo:

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FqgdcbCEgfDbLR5emwJ9T%2FDexwallet1.png?alt=media&amp;token=b21eb71a-991d-4d35-9047-7566ff0d5f22" alt=""><figcaption></figcaption></figure>

* **Nome:** o nome do seu aplicativo de carteira. Esteja ciente de que o primeiro nome que você escolher permanecerá para sempre enquanto seu app for construído com ele, tornando-o imutável. Se você quiser rebrandear seu produto, basta cloná-lo aqui e escolher seu novo nome.
* **E-mail:** sua caixa de entrada para notificações e boletins.
* **Logo:** logotipo para modo claro do seu produto
* **Logo modo escuro**: sua carteira é totalmente compatível com o modo escuro, então você pode escolher um logotipo para esse modo e fazê-lo ficar ótimo em ambas as visualizações para todos os públicos.
* **Largura e altura do logo**: ajuste esta opção para tornar seu logotipo adequado às suas necessidades.
* **Favicon**: o ícone do seu site, aquele exibido nas abas dos seus clientes.
* **Moeda**: selecione a visualização padrão da moeda FIAT para facilitar DCA e gerenciamento de ativos.
* **Idioma**: selecione o idioma padrão para sua carteira. Seus clientes poderão alterá‑lo ou usar o recurso de tradução automática do navegador também.

Estamos prontos aqui? Vamos clicar no botão «Continuar» abaixo e autorizar com sua carteira se o sistema pedir.

4. **Agora é hora de customizar o tema! 🎨** você pode alterar aqui todas as cores básicas do seu app, além de alternar seu app para modo escuro ou claro por padrão. Escolha também a melhor fonte adequada às suas necessidades. Estamos usando [Google Fonts](https://fonts.google.com/) API, então todas as fontes disponíveis lá também estão disponíveis em seu app cripto.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FX7hfmmlrNTLRBCPStt0C%2Fwallet2.png?alt=media&amp;token=e6b39141-2b0d-4818-93cf-81a32e2d6d8d" alt=""><figcaption><p>Você pode conferir na pré‑visualização como suas combinações ficam antes de implantar seu produto.</p></figcaption></figure>

5. Após clicar em «Continuar» em temas você poderá ver a seção do gerenciador de tokens. Escolha entre as sugeridas (escolha todas também, se preferir) ou importe sua moeda favorita clicando no botão «+ Importar» abaixo da barra de busca.&#x20;

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FVWl8bTQZrULTpturJ3ix%2Fwallet3.png?alt=media&amp;token=7c99fdcf-d184-4503-9444-d34299ecf90d" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
A seção de importação está conectada a [CoinGecko's API](https://www.coingecko.com/en/api) 🦎, então você poderá exibir por padrão em seu app qualquer moeda listada nessa plataforma.
{% endhint %}

5. Clique em «Concluir» quando terminar todas as configurações e siga as mensagens pop-up.

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FMaELr0SbxApc1ZvUSjrA%2Fwallet4.png?alt=media&amp;token=75ef4d62-1c95-4f19-9c20-d26b7cc9fa09" alt=""><figcaption><p>Após seguir todos os prompts você verá esta mensagem pop-up indicando que seu app está pronto para produção 🎉</p></figcaption></figure>

6. **Vamos ver nosso app DexWallet** 👀 Depois de completar os passos acima, sua DexWallet ficará visível para você ao clicar no link como mostramos abaixo 👇

<figure><img src="https://1903426557-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWrjgYUyO4ch1fBehrMEq%2Fuploads%2FL30cJyZVWtAJWaod7h0S%2Fwallet5.png?alt=media&amp;token=1d83a28b-344b-44a8-94b5-423271ddbc97" alt=""><figcaption><p>Clique no link do seu app localizado no retângulo verde destacado e aguarde até carregar</p></figcaption></figure>

7. **Parabéns!!!** 🥳 Agora você é o orgulhoso proprietário do seu primeiro (?) app descentralizado! Você pode usar este produto para gerenciar todos os seus ativos cripto no [Redes disponíveis](/produtos-e-solucoes-defi-pt/dexappbuilder/redes-disponiveis)(incluindo seus lindos NFTs 😍).&#x20;

**Desfrute da liberdade de ter seu próprio produto com suas próprias regras.** Ninguém poderá restringi‑lo de seus ativos, você não precisará de um dispositivo moderno para gerenciá‑los e definitivamente você possuirá seus ativos o tempo todo.


# Gerenciando esta ferramenta

Para mais informações, vá para [Gerenciando esta ferramenta](/produtos-e-solucoes-defi-pt/dexappbuilder/gerenciando-esta-ferramenta).