# Outras seções do site

## Seção de título e texto

Este bloco é usado para adicionar texto ao seu site.

Você pode usar um modelo existente ou criar o seu próprio (um vazio), e então personalizá-lo de acordo com suas preferências.

<figure><img src="/files/277e7f0ec68f37cdf920234f932aabe4c6c19258" alt=""><figcaption></figcaption></figure>

Você pode preencher o campo Título ou deixá-lo em branco.

<figure><img src="/files/3c67bf8073ea7c9a3d2abddfa14c927741961266" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Os campos principais para formatar o texto do Título e o texto Principal são os mesmos da [seção de Capa.](/doc/pt/websites/sites/blocks/cover.md)
{% endhint %}

Você pode formatar o texto aplicando estilos (**Negrito**, *Itálico*, \~\~Tachado\~\~, \<u>Sublinhado\</u>), alterando a cor do texto selecionado e ajustando o alinhamento (à esquerda, centralizado, à direita ou justificado).

Você também pode adicionar listas (numeradas ou com marcadores) ou inserir hyperlinks no texto.

Além disso, variáveis podem ser inseridas em ambos os campos **Cabeçalho** e **Texto** .

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

Ao clicar no botão, abre-se um menu mostrando as variáveis padrão e do projeto disponíveis. Você pode copiar e colar qualquer variável no campo selecionado.

<figure><img src="/files/74bdbb619120a8d39da7dc186d889b63e25cd57a" alt=""><figcaption></figcaption></figure>

## Seção HTML

A seção pode ser usada para adicionar elementos a um site criado usando códigos HTML e CSS.

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

O código CSS funciona para o site inteiro, não apenas para a seção atual!

Não é recomendável inserir códigos HTML com tags \<script> no bloco.

Este código HTML é executado imediatamente, aqui na pré-visualização.

Para adicionar um \<script>, use a seção CSS e JS nas configurações do site.

<figure><img src="/files/37353bd817d8c54aabc6fb1c4a6910b34ef30475" alt=""><figcaption></figcaption></figure>

## Seção de galeria

A seção Galeria permite melhorar significativamente o apelo e a informatividade do seu site, adicionando imagens que mostram visualmente seus produtos ou serviços aos clientes. Isso ajuda a criar conteúdo mais envolvente e atraente, o que pode aumentar a confiança dos usuários e, por fim, elevar a taxa de conversão do seu site.

Normalmente, a seção Galeria exibe uma coleção de imagens em formato de apresentação de slides ou carrossel. Elas podem incluir vários tipos de elementos visuais, como fotografias, capturas de tela, gráficos e muito mais.

<figure><img src="/files/2ca486939f9e72cd486f1af3b797b056babff274" alt=""><figcaption></figcaption></figure>

**Como adicionar imagens à seção Galeria**

Vá para a guia **Conteúdo** menu e faça upload das suas imagens lá.

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

Você pode fazer upload de até 20 imagens com tamanho total não superior a 10 MB.

Depois que uma imagem é selecionada, você pode personalizar o texto que aparece ao passar o mouse sobre ela.

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

Para selecionar o estilo da galeria, vá para as configurações:

<figure><img src="/files/239d6853544e8f44224fb0e6ede1694483443c24" alt=""><figcaption></figcaption></figure>

Por padrão, a galeria tem a visualização "Faixas". No entanto, você pode alterá-la para o estilo "Blocos", "Polígonos (largura total)" ou "Blocos (largura total)".

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

## Seção de mídia

Esta seção permite adicionar qualquer arquivo de mídia (imagem ou vídeo) ao seu site separadamente do bloco universal. Você pode usar um modelo pronto ou criar o seu próprio, vazio, e então personalizá-lo conforme necessário.

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

A principal diferença entre este bloco e a galeria é que a imagem/vídeo adicionado ao bloco permanece estático (ou seja, não rola como na galeria):

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

### Como enviar um anexo

Depois de clicar no botão "Adicionar bloco", uma janela adicional se abre com os parâmetros do arquivo de mídia selecionado. Nessa janela, você pode configurar as opções de exibição do arquivo no site.

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

Você pode adicionar arquivos de vídeo de qualquer tipo fornecendo um link para eles. Você também pode baixar imagens do seu computador ou inserir um link no campo URL.

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

Você pode adicionar um link à imagem, permitindo que o usuário o siga ao clicar na imagem. Você pode adicionar variáveis e ajustar a largura e a altura do arquivo.

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

Depois de selecionar o arquivo de mídia, você pode exibir o texto e o título no bloco:

<figure><img src="/files/7f793ee87a5e7765d52cd1c4839a25f96532eaf4" alt=""><figcaption></figcaption></figure>

Você pode formatar o texto usando as ferramentas padrão do editor, como em outros blocos. Você pode aplicar **negrito**, *itálico*, \<u>sublinhado\</u>, alterar o tamanho da fonte, a cor e muito mais.

## Seção de citação

Esse tipo de bloco é necessário se você quiser destacar uma citação separadamente no site. Você pode usar um modelo pronto ou criar o seu próprio e então personalizá-lo conforme necessário.

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

Tipo #1

<figure><img src="/files/41a05bbe607380f58e5843158663a70f82adf3b1" alt=""><figcaption></figcaption></figure>

Tipo #2

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

Este bloco é bem fácil de configurar e contém um campo de texto para uma citação:

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

O campo de texto inclui todos os recursos padrão de formatação: alternância de maiúsculas/minúsculas, *itálico*, **negrito**, \<u>sublinhado\</u> e muito mais. Você também pode personalizar a cor do texto e o destaque.

Na **Configurações de conteúdo**, você pode escolher um estilo de exibição da citação, selecionar uma fonte diferente para o bloco, ajustar o plano de fundo e modificar sua aparência.

<figure><img src="/files/5276de1bbc2021adc86344c2437827d02843662e" alt=""><figcaption></figcaption></figure>

## Seção de cronômetro

O bloco Cronômetro é a solução mais interessante para o seu site de e até a data necessária em modo de animação:

<figure><img src="/files/2ae3a354a59c9abe9cd0871258d47e73e6f35a13" alt=""><figcaption></figcaption></figure>

Há dois tipos de cronômetro no bloco:

* Tempo real

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

Como o nome sugere, um cronômetro do tipo "real" começa a contagem regressiva para uma determinada data e hora de um certo evento.

Por exemplo, hoje é 22/12/2025 (terça-feira) e o evento é uma conferência em 30 de dezembro às 15:00.

Definimos a data no calendário - 30 de abril e no campo de horário - 15:00.

<figure><img src="/files/05b6ce184b0917726c672cfeb816d1ada070715b" alt=""><figcaption></figcaption></figure>

Dessa forma, o cronômetro começará a contar o tempo restante antes do evento:

<figure><img src="/files/0536190f3de173c285b7fba68b53e07427626f07" alt=""><figcaption></figcaption></figure>

* Cíclico

Um cronômetro do tipo cíclico não calcula o tempo automaticamente: então, você define os dias e horas nos campos disponíveis manualmente, e o cronômetro começa a contagem regressiva:

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

Por exemplo, o desconto da sua assinatura é válido por uma semana: você pode definir a data de término da promoção para 7 dias no cronômetro. O sistema fará a contagem regressiva automaticamente até essa data, a partir do momento da configuração.

Além disso, nesse tipo de cronômetro, é possível reiniciá-lo após o tempo ter expirado:

<figure><img src="/files/41367124323769436a7d978bb68aca28f75d8cbf" alt=""><figcaption></figcaption></figure>

A diferença entre cronômetros dos tipos "real" e "cíclico" é que, no primeiro caso, o tempo é contado até uma determinada data e hora (até 30/04/2025 15:00), e, no segundo — de acordo com os valores de tempo definidos (expira após 7 dias).

Além disso, você pode selecionar as configurações de cor para os números e para o fundo do cronômetro. Para isso, vá até as configurações:

<figure><img src="/files/1bd5f29366336a91d0f8783b420c15aab0f8d17b" alt=""><figcaption></figcaption></figure>

Aqui você pode ajustar a exibição de milissegundos, ajustar a cor dos números, do texto e do fundo do cronômetro.

<figure><img src="/files/7fa646558b8ad71e53c12445d2cb982604d35d7c" alt=""><figcaption></figcaption></figure>

## Seção de lista

Este bloco ajudará você a exibir as informações necessárias na forma de uma lista numerada ou de outro tipo.

Para isso, clique em "Adicionar item da lista" nas configurações do bloco:

<figure><img src="/files/98ece173163eab971d8d11969389871277ac5a74" alt=""><figcaption></figcaption></figure>

Você pode adicionar qualquer número de linhas à lista aqui e também adicionar uma variável em vez de texto clicando nas chaves à esquerda:

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

O estilo do texto e da lista pode ser alterado nas configurações:

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

O estilo da lista pode ser selecionado entre os sugeridos: “Sem estilo", “Ponto", “Círculo", “Quadrado", “Lista numerada”.

<figure><img src="/files/259989dad632fb7d976e0eece43d50399fbc369b" alt=""><figcaption></figcaption></figure>

Você pode alterar o estilo do texto nas configurações da fonte:

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

## Seção de texto expansível

O bloco de texto expansível economizará espaço no site e, se o seu cliente quiser ler informações mais detalhadas, ele poderá expandi-lo e visualizá-lo:

<figure><img src="/files/1dcb7260d5b6c438410680a4b9a0f007b16e4ca4" alt=""><figcaption></figcaption></figure>

Você pode especificar um título e dicas, e o texto completo só será aberto após clicar no botão:

<figure><img src="/files/753d58074d6fe62322af00456a6a610b25d83028" alt=""><figcaption></figcaption></figure>

Há campos para título, texto, dica e texto completo no construtor, onde para cada campo você pode fornecer contorno da fonte, cor e outras configurações semelhantes às de um editor de texto:

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

Depois, você deve escolher uma animação para o texto: instantânea ou suave. Para isso, vá até as configurações:

<figure><img src="/files/71f1ae54b99cf05f7466528ccc3a7e758bb68292" alt=""><figcaption></figcaption></figure>

Depois disso, você pode ajustar o estilo da fonte nas configurações da fonte.

<figure><img src="/files/994b51828f24f2896bf86fa32a17a45341ba1c96" alt=""><figcaption></figcaption></figure>

## Seção de linha do tempo

Esta seção permite exibir claramente etapas sequenciais no seu site, seja para um curso online ou qualquer outro processo.

<figure><img src="/files/711bd53f7ccb751869a01066395f6e2d6a9a6f9d" alt=""><figcaption></figcaption></figure>

Para adicionar um bloco à página, clique no **"+"** botão. Depois, selecione **"Linha do tempo"** na lista de seções. Você pode criar um bloco do zero ou usar um modelo pronto.

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

Para adicionar um ponto de etapa nas configurações do bloco, clique no botão com o mesmo nome:

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

Depois, ao clicar em um ponto de etapa, abrirão campos para inserir o **name**, **title**, e **description** daquela etapa.

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

Aqui, você pode aplicar configurações de formatação individuais a cada elemento de texto, assim como em um editor de texto padrão (itálico, sublinhado, cor do texto, alinhamento etc.).

Em seguida, selecione um estilo (com ou sem borda). Para isso, vá para as configurações:

<figure><img src="/files/2c359207c7ac289858a4b901533b634b8beb1b27" alt=""><figcaption></figcaption></figure>

Você também pode personalizar a cor de cada elemento individual dentro da seção de linha do tempo.

<figure><img src="/files/99e4aeb55e959fa6cbfeb01d38dfbe3ae7164c6e" alt=""><figcaption></figcaption></figure>

## Seção de arquivos

Você precisará deste bloco para compartilhar dados relevantes com os usuários.

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

Você pode permitir que os usuários façam download de arquivos, com os seguintes limites: no máximo 5 arquivos no total, com tamanho combinado não superior a 20 megabytes.

Vá para as configurações e selecione os arquivos que você deseja disponibilizar para download.

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

Depois que o arquivo de áudio for carregado, você pode ativar a função **"Reproduzir áudio"** se desejar. Isso fará com que o áudio seja reproduzido automaticamente quando um usuário visitar a página. Você também pode ativar a opção **"Desativar download de áudio"** e **"Mostrar pré-visualização"** .

<figure><img src="/files/86bf54380844663a6ea9d0174a9549053dbb0ef0" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

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

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

```
GET https://docs.mavibot.ai/doc/pt/websites/sites/blocks/other.md?ask=<question>
```

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

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