# Construindo seções personalizadas

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&#x26;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&#x26;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!** ✨