Seção de depoimentos

Você pode facilmente criar uma página de comentários no site ou adicionar seus comentários em uma página usando a seção de depoimentos.

Adicionar avaliações de clientes ao seu site cria confiança em sua marca e ajuda a manter relações de qualidade com os clientes.

Neste artigo:

1. O que é uma Lista de Depoimentos?
2. Adicionando uma seção de lista de depoimentos à página
3. Adicionar e editar itens da lista
4. Sequenciando itens da lista
5. Excluindo itens da lista
6. Alteração do layout da seção
7. Opções de estilo
8. O cartão completo e o cartão de texto

1. A lista de depoimentos

• Você pode incluir facilmente uma seção de depoimentos em seu site, onde pode mostrar feedback, comentários e depoimentos em seu site.
• É uma ótima maneira de mostrar o burburinho positivo em seu site.

2. Adicionar seção de lista de depoimentos

• Uma seção pode ser adicionada a uma página. Você pode adicionar uma seção a uma página já existente ou crie uma nova página dentro do seu site.
• Na sua página, Clique no ícone + azul para adicionar um Nova Seção para sua página.

• Você vai agora ver o categorias de seção no lado esquerdo.
• Role para baixo e escolha o Seção de Depoimentos (1) opção onde você pode escolher entre os diferentes layouts.

• Escolha qualquer layout de seção (2) e clique nele para adicioná-lo à sua página.

3. Adicione e edite itens da lista

Adicionar item de lista

Depois de adicionar a seção:

• Clique no Editar depoimentos (1) botão para abrir o Painel de Item de Lista.

• Clique no Adicionar item (2) botão para adicionar um novo item de lista.
• Você terá a opção de duplicar e excluir (3) os itens da lista.

Editar item da lista

• Clique no item da lista que você deseja editar.
• Ele abrirá as opções de edição de itens de lista específicos.
• Carregar uma imagem (1) para o item de lista.
• Adicionar uma Título (2) Legenda (3), e Descrição (4) do item da lista.

• Clique no ícone Link Builder do Link do título (5) para abrir o construtor de links para vincular o título do item da lista a qualquer página.
• Defina o Link para abrir em um nova aba ou na mesma aba (6).
• Adicione qualquer tipo de Ligação (7) para o item da lista. Você pode adicionar um botão/link de imagem/ícone social/link de texto. Saiba Mais.
• Salvar (8) suas mudanças.

Veja em ação:

4. Itens da Lista de Sequência

• Você pode facilmente arrastar e soltar os itens da lista para alterar a sequência.

5. Excluir um item de lista

Depois de adicionar um item da lista, você pode editá-lo e também excluí-lo.

• Clique no Apagar ícone ao lado do item da lista de depoimentos.
• Clique no Apagar botão no pop-up de confirmação.
• Salvar suas mudanças.

6. Layout da Seção

• Clique no Gerenciar depoimentos botão para abrir o painel de edição da Lista de Imagens.
• Escolha o traçado aba.
• Selecione o Layout para sua seção e salve suas alterações.

7. Estilize sua seção

• Clique em Editar depoimentos (1) para abrir o painel de edição da Lista de Depoimentos.

• Escolha o Estilo (2) aba.
• Altere o estilo dos elementos da seção e Salvar (3) suas mudanças.

Opções de estilo

Você terá várias opções de estilo para a seção: 

Unid 

1. Escolha Mostrar itens in Linhas e colunas or carrossel 
   • Se você escolheu o Linhas e colunas opção, os itens da lista serão organizados em linhas e colunas. Nesse caso, você precisa especificar o número de linhas e colunas.
   • Se você escolheu o carrossel opção, os itens da lista serão apresentados como uma apresentação de slides. Saiba mais.
2. Colocou o numero de colunas para os itens da lista. Você pode escolher de 1 a 10 colunas.
3. Especifique o Espaço entre as colunas dos itens da lista.
4. Escolha o Ordem do conteúdo ou seja, as imagens dos itens da lista a serem exibidos primeiro ou o texto associado.
5. Alinhar o conteúdo nos itens da lista. Você pode defini-los para serem alinhados à esquerda, à direita ou ao centro.
6. Escolha Loop the Carousel ou não.
7. No caso do Carrossel, escolha o Controles de navegação. Você pode escolher entre Sem Controles, Setas – Centro Inferior/Cima Direita/Inferior Direita, Divisa ou Pontos.

Imagens 

8. Escolha o recorte de imagem para os itens da lista. Você pode definir as imagens como Quadrado, Círculo, Paisagem, Retrato e Dinâmico.
9. Escolha ter um raio de canto comum ou raio de canto diferente para cada lado dos itens da lista e defina um número (em px) para o raio de canto das imagens dos itens da lista.

• Caso tenha escolhido cantos divididos, você pode definir diferentes raios de canto para cada canto.

Ao passar o mouse sobre a imagem 

10. Escolha o Cor do foco da imagem para ser o cor de destaque ou ser especificada. Se você escolheu o cor de destaquee especifique o opacidade.
11. Se você escolheu o especifique a cor opção, em seguida, defina o Cor base e opacidade do foco para os itens da lista.
12. Colocou o elementos cor para os itens da lista da seção.
13. Escolha animar as imagens dos itens da lista ao passar o mouse clicando em Sim.

Tamanho e espaço 

14. Especifique o Largura da imagem para itens de lista.
15. Especifique o Largura do conteúdo para os itens da lista.
16. Especifique o Espaço abaixo do título da seção em px.
17. Especifique o Espaço abaixo das imagens dos itens da lista (em %).
18. Especifique o Espaço abaixo dos títulos dos itens da lista (em %).

Estilo de Texto

19. Clique no Alterar Estilo do Texto botão para visitar o Design seção e gerencie seus tamanhos e estilos de fonte.
20. Colocou o Título estilo de fonte para os itens da lista.
21. Colocou o Legenda estilo de fonte para os itens da lista.
22. Definir o padrão Descrição estilo de fonte para os itens da lista.

Cartões 

23. Veja como para gerenciar cartões.

Shadow 

24. Ecrã – Escolha mostrar a sombra atrás dos itens da lista sempre ou apenas ao passar o mouse.
25. Style – Escolha entre as predefinições existentes ou crie uma sombra personalizada.
    Caso tenha escolhido a opção Personalizado, então visite este Gerador de sombra de caixa para criar uma sombra personalizada. Por fim, copie e cole o sombra de caixa CSS.

26. Caso você tenha escolhido a opção de presets, então Escolha estilos de sombra da lista suspensa.

Botões e links

27. Veja como para gerenciar o estilo de botões e links.
28. Salvar as mudanças.

8. O cartão completo e o cartão de texto

Quando você liga o Cartão Completo/Texto sobre sua lista de depoimentos, os itens da lista terão contorno e fundo com a cor do cartão que você selecionou na Design seção.
Veja também: Cores e espaçamento do site.

Cartão Completo

Quando a opção de cartão completo é selecionada, a cor do cartão é aplicada a todo o cartão, ou seja, à imagem e ao texto associado a ele.

Dar uma olhada: 

Cartão de texto

Quando a opção de cartão de texto é selecionada, a cor do cartão é aplicada apenas ao texto associado à imagem.

Dar uma olhada: