Seção de acordeão

O bloco Accordion é uma solução gráfica conveniente para um site na forma de uma lista de notas de texto com elementos suspensos:

“Accordion” é fácil de incorporar em um site e personalizar de acordo com suas próprias necessidades: ele pode atender perfeitamente a qualquer solicitação necessária.

Como adicionar e configurar “Accordion”?

Para adicionar um item ao seu site, vá até as configurações do site e clique no sinal de mais para abrir o menu com as seções disponíveis no Salebot.

Depois, no menu de seções que se abrir, encontre o bloco "Accordion".

Em seguida, você verá um bloco vazio adicionado, no qual será necessário configurar o conteúdo na forma de cartões e o tipo dos próprios cartões do accordion:

Configurações de conteúdo

Primeiro, vamos adicionar cartões de conteúdo, para os quais você precisa clicar no botão "Conteúdo" e, em seguida, adicionar o próprio cartão, que conterá o título e, consequentemente, o texto:

Um cartão vazio foi adicionado ao seu conteúdo, onde você pode adicionar um texto de pergunta, uma imagem e um texto de resposta:

O elemento de texto do bloco tem configurações semelhantes às de qualquer editor de texto: configurações de negrito, itálico, sublinhado, altura da fonte e contorno da fonte, cor e muito mais.

Para aplicar suas configurações a um texto, selecione a parte necessária do texto e escolha as configurações de texto

Em seguida, envie uma imagem, se necessário, e adicione um texto explicativo - a resposta para a pergunta:

Você pode adicionar a quantidade necessária de cartões de conteúdo.

Personalização do conteúdo

Depois de adicionar a quantidade necessária de cartões de conteúdo, vá para as configurações de conteúdo:

Em seguida, você pode marcar uma caixa de seleção para que o primeiro cartão do accordion ou apenas um dos cartões fique aberto.

Selecione a configuração de margem vertical entre as perguntas no bloco:

Você também pode arredondar os cantos dos cartões usando este campo, que aceita apenas valores numéricos:

O elemento de texto (assim como o botão) no cartão fica sempre centralizado em relação às bordas superior e inferior. Para definir a distância necessária, insira um valor numérico no campo "Padding interno na parte superior e inferior":

Além disso, todo o conteúdo do cartão (incluindo o texto e o botão para expandir o texto da resposta) fica centralizado em relação às bordas direita e esquerda. Para ajustar o padding à esquerda e à direita, use o campo "Padding interno à esquerda e à direita":

Para selecionar o tamanho do ícone que abre o texto da resposta, basta usar este campo "Largura do ícone", que também aceita exclusivamente um valor numérico:

Se a imagem dentro do cartão estiver muito grande, você pode selecionar sua largura especificando o valor necessário no campo "Largura da imagem":

Em seguida, selecione uma paleta de cores para cada elemento do seu accordion: texto, fundo do cartão, ícone etc.:

Agora você sabe como instalar o bloco "Accordion" no seu site e personalizar o conteúdo dentro do bloco.

Personalização do bloco (seção): fonte, fundo e configurações de exibição

Para personalizar o bloco “Accordion”, você precisará das configurações universais da seção (blocos), que incluem configurações de fonte, fundo e exibição.

As configurações da seção (bloco), ou seja, fontes, fundo e exibição, são as mesmas para todos os blocos.

Atualizado