A “Seção de Tabelas” é uma ferramenta versátil para apresentar informações estruturadas em seu site. Agora você pode criar facilmente horários, listas de preços, comparações de produtos, programas de eventos e muito mais — diretamente no construtor MaviBot, sem necessidade de codificação ou integrações de terceiros.

Com esta seção, você pode:

  • adicionar qualquer número de linhas e colunas;
  • formatar cabeçalhos de tabela;
  • inserir botões e links diretamente nas células;
  • personalizar alinhamento, espaçamento e cores.

Recursos adicionais incluem estilização de linhas, cores alternadas de linhas e layout responsivo para dispositivos móveis.

Esta abordagem é ideal para:

  • horários de workshops ou eventos;
  • tabelas de preços para serviços ou produtos;
  • gráficos de comparação de produtos;
  • detalhes de contato para filiais;
  • e muitos outros casos de uso.

Criação de Tabela

Para criar uma tabela, vá ao editor de página do site. Encontre e clique no botão “+” para adicionar uma nova seção.

Em seguida, no menu que aparece no lado direito da tela, encontre e clique no botão “Tabela” para adicionar a seção à página.

O construtor inclui um modelo de tabela com campos pré-preenchidos, então a tabela aparecerá da seguinte forma quando adicionada:

Um menu com configurações de conteúdo da tabela será aberto no lado direito.

Conteúdo da Seção

O conteúdo é editado dentro da seção usando configurações simples e intuitivas.

Os títulos das colunas são inseridos no campo “Cabeçalho da Tabela”, separados por ponto e vírgula.

O conteúdo da tabela é editado LINHA por LINHA, com cada valor de célula em uma linha separado por ponto e vírgula.

Cada linha subsequente da tabela começa em uma nova linha. As larguras das colunas também são especificadas usando ponto e vírgula.

Para adicionar um botão a uma célula da tabela, insira Nome do Botão button=https://mavibot.ai na linha da célula (sem aspas).

Para adicionar um hiperlink incorporado em uma palavra ou frase, insira o seguinte na linha da tabela:
Frase a ser vinculada link=https://mavibot.ai (sem aspas).

Configurações da Seção

Para acessar as configurações da seção, passe o mouse sobre “Tabelas” e clique no botão “Configurações” correspondente.

Aqui, você verá configurações de fonte, cor e borda para a tabela.

Você pode escolher a cor para linhas pares e ímpares, definir a cor de fundo da tabela e personalizar a cor dos botões adicionados às células da tabela.

Aqui estão as caixas de seleção para alinhar bordas e valores dentro da coluna.

  1. Ocultar bordas verticais
    Quando esta caixa de seleção estiver ativada, a tabela não terá bordas verticais. Se você desativar a caixa de seleção, linhas verticais aparecerão entre as colunas.

  1. Ocultar borda superior
    Se esta caixa de seleção estiver ativada, a borda superior será ocultada. Quando a caixa de seleção estiver desativada, a borda superior aparecerá acima do cabeçalho da tabela.

  1. Não aplicar alinhamento à primeira coluna
    Por padrão, esta caixa de seleção está ativada. Se você desativá-la, a primeira coluna será alinhada de acordo com o alinhamento geral da tabela.

Configurações globais de fonte, fundo e exibição

Cada bloco possui configurações universais para fontes, fundo e exibição — essas configurações são consistentes entre diferentes blocos.

Da mesma forma, a seção “Tabelas” (bloco) suporta várias configurações: você pode escolher ou carregar fontes personalizadas, ajustar o tamanho e estilo da fonte, definir um fundo para a seção, bem como configurar a largura do conteúdo e o intervalo de visibilidade entre dispositivos.

Para mais detalhes sobre configurações de fonte, fundo e exibição, consulte o artigo “Configurações globais da seção”