Seção de tabelas

A seção “Tabelas” permite adicionar cronogramas, listas de preços, comparações de produtos, programas de eventos e muito mais ao seu site.

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

Com esta seção, você pode:

  • adicionar qualquer quantidade de linhas e colunas;

  • formatar cabeçalhos da 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 nas linhas e layout responsivo para dispositivos móveis.

Essa abordagem é ideal para:

  • cronogramas de workshops ou eventos;

  • tabelas de preços para serviços ou produtos;

  • comparação de produtos gráficos;

  • dados de contato de filiais;

  • e muitos outros casos de uso.

Criação de tabela

Para criar uma tabela, vá para o editor de páginas 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 for adicionada:

Um menu com as 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.

Um cabeçalho com o valor: "Time;Chef;Hall;Level;Masterclass Topic"

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

A primeira linha com o valor: "09:00 - 10:30;Irina Belova;Hall 1;beginner;Homemade Italian Pasta"

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.

Você pode deixá-lo em branco — a largura da coluna será determinada automaticamente com base no conteúdo.

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 embutido 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 “Tables” e clique no botão “Configurações” correspondente.

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

Você pode escolher a cor das 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 está 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 ficará oculta. 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 tem configurações universais de fonte, fundo e exibição — essas configurações são consistentes entre diferentes blocos.

Da mesma forma, a seção (bloco) “Tables” oferece várias configurações: você pode escolher ou enviar fontes personalizadas, ajustar o tamanho e o estilo da fonte, definir um fundo para a seção, além de configurar a largura do conteúdo e a faixa de visibilidade em diferentes dispositivos.

circle-info

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

Atualizado