# Páginas do site

Qualquer site — seja ele com várias páginas ou uma landing page — consiste em uma ou mais **páginas**, cada uma contendo um conteúdo específico.

Como já discutimos, o conteúdo da página é dividido em **blocos (seções)**, que definem a estrutura e o tipo de conteúdo do site.

{% hint style="success" %}
No construtor MaviBot, existem vários tipos de blocos (seções), cada um dos quais é adicionado ao site com suas próprias configurações individuais.

* [**Bloco zero**](/doc/pt/websites/sites/blocks/zero.md)\
  Este é um bloco sem nenhuma configuração predefinida — permitindo que você coloque qualquer conteúdo e uma grande variedade de elementos do site de acordo com o seu design exclusivo. Ao contrário de outros blocos, os elementos em um Bloco Zero podem ser organizados em qualquer quantidade e em qualquer ordem. O Bloco Zero pode servir como qualquer seção do site — como um menu, rodapé, formulário de captura de leads, galeria e muito mais.
* [**Capa**](/doc/pt/websites/sites/blocks/cover.md)\
  Um bloco projetado para adicionar uma imagem ou vídeo junto com um título.\
  Tradicionalmente, o bloco de capa é usado como a **introdução visual** ou **cartão de visita** do site — geralmente é a primeira coisa que os visitantes veem quando acessam seu site.
* [**Título e texto**](/doc/pt/websites/sites/blocks/other.md#title-and-text-section)\
  Um bloco de texto que inclui um título e um texto de corpo. Esse bloco é comumente usado para apresentar informações importantes, descrições ou explicações no seu site.
* [**Menu**](/doc/pt/websites/sites/blocks/menu.md)\
  Usado para criar um cabeçalho ou rodapé com botões de navegação (também pode ser configurado como menu flutuante).
* [**Agendamento online**](/doc/pt/booking/settings.md)\
  Permite adicionar um formulário de agendamento online para clientes (conectado a filiais pré-configuradas) com integração automática ao CRM.
* [**Linha do tempo**](/doc/pt/websites/sites/blocks/other.md#stages-section)\
  Um bloco para criar um layout de site exclusivo com uma sequência cronológica de eventos.
* [**Acordeão**](/doc/pt/websites/sites/blocks/accordion.md)\
  Usado para exibir informações em um formato de perguntas e respostas recolhível ou de conteúdo expansível.
* [**HTML**](/doc/pt/websites/sites/blocks/other.md#html-section)\
  Este bloco permite inserir código HTML e CSS personalizado diretamente na página.
* [**Formulário**](/doc/pt/websites/sites/blocks/forms.md)\
  Um bloco para adicionar botões de mensageiro, perguntas, termos de política de privacidade e muito mais.
* [**Formulários de quiz**](/doc/pt/websites/sites/blocks/secao-de-formulario-de-quiz.md)\
  Um bloco para criar quizzes ou pesquisas em várias etapas no site.
* [**Mídia**](/doc/pt/websites/sites/blocks/other.md#media-section)\
  Usado para inserir imagens ou conteúdo de vídeo no seu site.
* [**Botões**](/doc/pt/websites/sites/blocks/buttons.md)\
  Um bloco para adicionar botões que levam a URLs, números de telefone, e-mails ou páginas de pagamento.
* [**Citação**](/doc/pt/websites/sites/blocks/other.md#quote-section)\
  Um bloco para destacar uma citação ou depoimento.
* [**Lista**](/doc/pt/websites/sites/blocks/other.md#list-section)\
  Permite criar listas ordenadas (numeradas) e não ordenadas (com marcadores).
* [**Texto expansível**](/doc/pt/websites/sites/blocks/other.md#drop-down-text-section)\
  Um bloco para adicionar texto que expande/recolhe ao ser clicado.
* [**Galeria**](/doc/pt/websites/sites/blocks/other.md#gallery-section)\
  Usado para exibir uma coleção de imagens em formato de galeria.
* [**Pop-up**](/doc/pt/websites/sites/blocks/popup.md)\
  Permite a criação de janelas modais pop-up no site.
* [**Cartões personalizados**](/doc/pt/websites/sites/blocks/cards.md)\
  Ótimo para exibir depoimentos de clientes ou informações de produtos em formato de cartão.
* [**Cartões do curso**](/doc/pt/websites/sites/blocks/course.md#how-to-add-the-course-cards-section)\
  Usado para vender cursos online diretamente no seu site — sem necessidade de configuração manual, pois os dados do curso são puxados automaticamente da seção “Cursos online”.
* [**Lista de aulas**](/doc/pt/websites/sites/blocks/course.md#how-to-add-the-lesson-lists-block)\
  Selecione um curso nas configurações do bloco, e todas as aulas desse curso serão exibidas automaticamente.
* [**Contador regressivo**](/doc/pt/websites/sites/blocks/other.md#timer-section)\
  Um bloco para adicionar um contador regressivo, útil para ofertas por tempo limitado ou lançamentos.
* [**Tabelas**](/doc/pt/websites/sites/blocks/sheets.md)\
  Permite organizar e exibir dados estruturados em formato de tabela.
* [**Consentimento de cookies**](/doc/pt/websites/sites/blocks/cookies.md)\
  Um bloco de conformidade que exibe informações da política de cookies — informando aos usuários quais dados são armazenados e como isso melhora a experiência deles.
  {% endhint %}

Para entrar no modo de edição de uma página do site, clique no bloco do site desejado para abrir suas configurações.

<div data-with-frame="true"><figure><img src="/files/7360b33fc6ce1d914ef609102b0078913224febe" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="info" %}
Se você acabou de criar um novo site com várias páginas, não há necessidade de navegar para lugar nenhum — você já estará na aba com as configurações e páginas do site.
{% endhint %}

Depois, clique na página específica do site que deseja editar.

<div data-with-frame="true"><figure><img src="/files/00df20d08cc76729c499d22e480c4b4c75289cd9" alt=""><figcaption></figcaption></figure></div>

Em seguida, o formulário de edição da página será aberto, onde você poderá adicionar ou remover blocos (seções) do site, alterar fontes, o plano de fundo da página e muito mais.

<div data-with-frame="true"><figure><img src="/files/11be195745c2dfe23b9f26a8ba10500c587cc2fd" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
Aqui estão os atalhos de teclado para entrar no modo de edição em tela cheia:

`Ctrl+shift+X` ou `Cmd+shit+X`
{% endhint %}

## Como adicionar um novo bloco

Para adicionar um novo bloco, passe o mouse sobre qualquer espaço vazio na área de trabalho. Clique no **"+"** botão que aparece. Em seguida, um menu será aberto no lado direito da tela, onde você poderá selecionar o tipo de bloco desejado.

<div data-with-frame="true"><figure><img src="/files/5f03e9ba1f64a0a64d05ea9185f9ca1f7cdb192f" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
As configurações detalhadas de cada bloco são abordadas no ["Blocos do site"](/doc/pt/websites/sites/blocks.md) seção.
{% endhint %}

## Como excluir um bloco

Para excluir um bloco desnecessário, passe o mouse sobre ele e localize o correspondente **“Excluir”** .

<div data-with-frame="true"><figure><img src="/files/399d1c7d18c07594c0dc9138be369a2cf0087929" alt=""><figcaption></figcaption></figure></div>

Clique **“Excluir”** para remover a seção permanentemente.

{% hint style="danger" %}

#### **Por favor, observe!**

Esta ação não pode ser desfeita.
{% endhint %}

## Como ocultar um bloco

Se você não quiser excluir um bloco ou precisar ocultá-lo temporariamente, passe o mouse sobre o bloco e clique no **“Desligado”** .

<div data-with-frame="true"><figure><img src="/files/199d848b032252a41fd855b9ef242ed5c089b3d0" alt=""><figcaption></figcaption></figure></div>

Clique no botão para ocultar a seção. Clique novamente para exibi-la.

## Como copiar um bloco

Para duplicar uma seção, passe o mouse sobre ela e clique no **"Copiar"** botão. A cópia será adicionada automaticamente à mesma página. Isso é útil para criar variações com diferentes configurações (por exemplo, para dispositivos separados).

<div data-with-frame="true"><figure><img src="/files/10c4b46e44bbddfdc95e8231a30a295d49d003d4" alt=""><figcaption></figcaption></figure></div>

Clique no **"Copiar"** botão para duplicar a seção. A cópia aparecerá logo abaixo da original.

## Como editar o conteúdo de um bloco

Para editar uma seção, passe o mouse sobre ela e clique no **"Conteúdo"** .

<div data-with-frame="true"><figure><img src="/files/c079535a7e12f35552eb70c638e10a805ad65efc" alt=""><figcaption></figcaption></figure></div>

Um menu de edição de conteúdo será aberto à direita para todos os tipos de bloco, exceto o Bloco Zero.

<div data-with-frame="true"><figure><img src="/files/0362cdfc44ef7bb4cca66eb6fc085719b88b0e73" alt=""><figcaption></figcaption></figure></div>

O Bloco Zero, no entanto, é editado em uma janela dedicada.

<div data-with-frame="true"><figure><img src="/files/47118f3dd27d1e16fad43d4ea718219e52762a57" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
Para aprender como editar qualquer bloco e entender a finalidade dos diferentes recursos e configurações, consulte o **“**[**Blocos do site**](/doc/pt/websites/sites/blocks.md)**”** seção.
{% endhint %}

## Configurações do bloco

<div data-with-frame="true"><figure><img src="/files/babcc29397efc4b795f75790e61d4a734f799b1f" alt=""><figcaption></figcaption></figure></div>

Use a função **"Editar"** botão de conteúdo. Para todas as outras configurações de estilo e visibilidade, clique no **"Configurações"** botão (aplica-se a todos os blocos, exceto o Bloco Zero).

<div data-with-frame="true"><figure><img src="/files/f9ea9d3f3dec0834370fd53a12f0a4c1a3e0475d" alt=""><figcaption></figcaption></figure></div>

As configurações de fonte, plano de fundo e exibição são universais e funcionam de maneira semelhante em todos os blocos.

{% hint style="success" %}
Saiba mais sobre essas configurações universais no **"Blocos do site"** artigo, na seção relevante.
{% endhint %}

### Configurações de exibição

Este menu permite configurar a exibição do bloco para a página atual e para o widget de assinatura do Facebook. Você também pode otimizar sua aparência para diferentes dispositivos controlando a visibilidade com base no tamanho da tela.

<div data-with-frame="true"><figure><img src="/files/98d0dcdc975c1e8effda973c9974fe783c0df0f0" alt="" width="375"><figcaption></figcaption></figure></div>

{% hint style="warning" %}
O bloco de assinatura do Facebook tem dimensões fixas. Portanto, os **Largura da seção** e **Largura do conteúdo** parâmetros não estão disponíveis e quaisquer valores definidos não serão aplicados.
{% endhint %}

### Intervalo de visibilidade

Você pode definir o bloco para ficar visível apenas dentro de um intervalo específico de tamanho de tela usando as configurações de exibição.

<div data-with-frame="true"><figure><img src="/files/159f7aad0afdbaca5d1ab47d9190c40f8be9921d" alt="" width="375"><figcaption></figcaption></figure></div>

Use isso para criar uma versão do conteúdo otimizada para dispositivos móveis, projetada para smartphones e outros dispositivos portáteis.

<div data-with-frame="true"><figure><img src="/files/6d894d05e0a1f761db6611747634a7d781bfedbe" alt="" width="375"><figcaption></figcaption></figure></div>

Você pode criar uma seção, duplicá-la e adaptar cada cópia para um tamanho de tela diferente.

<div data-with-frame="true"><figure><img src="/files/95dcea2de901f16a77cef3d07221683f9ba9a878" alt=""><figcaption></figcaption></figure></div>


---

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