Seção de depoimentos

Você pode facilmente criar uma página de avaliações no site ou adicionar suas avaliações em uma página usando a seção de depoimentos. Adicionar avaliações de clientes ao seu site gera confiança na sua marca e ajuda a manter um bom relacionamento com os clientes.

Neste artigo:

• O que é uma lista de depoimentos?
• Adicione a seção de depoimentos à página.
• Adicionar e editar itens da lista
• Sequenciando itens da lista
• Excluindo itens da lista
• Gerenciar Elementos
• Alteração do layout da seção
• Opções de estilo
• O cartão completo e o cartão de texto

Lista de depoimentos

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

Adicionar seção 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 da seção (2) e clique nele para adicioná-lo à sua página.

Adicionar e editar itens de 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.

A partir daqui, você pode:

• Carregar/Remover Imagem Primária e Secundária (1)
  Você pode carregar um Imagem secundária juntamente com a Imagem Primária para cada item da lista. Quando um usuário passa o mouse sobre o item, a imagem secundária será exibida, substituindo a imagem primária. Além disso, você pode definir o Cor de destaque da imagem, que será exibido ao passar o mouse sobre a imagem.
• Adicionar uma Título (2), Subtítulo (3), e Descrição (4) do item da lista.
• Você pode não encontrar a opção de legenda e descrição em determinados itens da lista, dependendo do layout que escolher.
  Antes de adicionar a descrição, verifique esse artigo.

5. Ação no clique

Você pode personalizar o comportamento de clique de itens individuais no Testemunhos seção. Abaixo estão as opções disponíveis:

• Ir para um link
  Selecionar esta opção abre o Criador de links, permitindo que você adicione um hyperlink a este item. O link pode direcionar os usuários para outra página dentro do seu site ou para uma URL externa. Saiba mais sobre Criador de links.
• Abrir na caixa de luz
  Esta opção exibe o item em uma forma ampliada L visualizar quando clicado. Neste modo, o Legenda e Descrição associado ao item não aparecerá na visualização em grade, mas ficará visível no modo Lightbox.
• Nenhuma Ação
  Selecione esta opção para tornar o item não clicável. Quando selecionado, clicar no item não acionará nenhuma ação.

6. Abrir link em nova janela: Defina o Link para abrir em um nova aba ou na mesma aba. Isso só ficará visível quando Ir para um link opção é selecionada em Ação no clique menu.

7. Botões e links: Adicione qualquer tipo de de vidrio para o item da lista. Você pode adicionar um Botão/Link de imagem/Ícone social/Link de texto. Saiba Mais.

8. Salvar: Após fazer as personalizações, salve as alterações.

Veja em ação:

Itens da Lista de Sequência

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

Excluir um item da 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.
• Economize suas mudanças.

Gerenciar elementos da seção de depoimentos

A seção de depoimentos inclui um Aba Elementos que permite que você gerencie a visibilidade de vários elementos dentro da seção com facilidade. Usando interruptores de alternância simples, você pode habilitar ou desabilitar elementos específicos sem ter que excluir ou modificar os elementos em si.

• Clique no Editar depoimentos (1) botão.

• Escolha o elementos (2) aba.
• Após fazer as alterações, clique em Economize (3) botão.

Opções de seção

1. Mostrar mancheteAtivar ou desativar a visibilidade do título da seção Depoimentos.
2. Mostrar botões: Controle se os botões são exibidos no nível da seção.

Opções de itens

1. Mostrar imagem: Alterne a visibilidade das imagens.
2. Mostrar título: Controle se o título é exibido.
3. Mostrar legenda: Habilitar ou desabilitar legendas.
4. Mostre a descrição: Gerencie a visibilidade das descrições dos itens.
5. Mostrar botões: Decida se os botões para itens individuais devem ser exibidos.

Layout da seção

• Clique no Editar depoimentos botão para abrir o painel de edição de seção.
• Escolha o traçado aba.
• A partir daqui, você pode alterar facilmente o layout da seção, mesmo depois de adicioná-la à página.

Ao alterar o layout, você verá os layouts relacionados à seção na parte superior.

Além disso, você também tem a opção de escolher um layout em outras seções da seção Mais layouts encabeçando.

Estilize sua seção

• Clique em Editar depoimentos (1) botão 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: 

1. 1. Unid
   2. Tamanho do texto
   3. Espaçamento
   4. Título da Seção
   5. Imagens
   6. Máscara de forma
   7. Borda da imagem
   8. Cartões
   9. Shadow
   10. Botão & Links

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 configurá-los para serem alinhados à esquerda, à direita ou ao centro.
6. Escolha se deseja que o carrossel repita o processo em loop ou não.
7. No caso do Carrossel, escolha o Controles de navegaçãoVocê pode escolher entre Sem Controles, Setas – Centro Inferior/Superior Direito/Inferior Direito, Chevron ou Pontos.

Tamanho do texto

1. Clique no Alterar Estilo do Texto botão para visitar o Design seção e gerencie seus tamanhos e estilos de fonte.
2. Colocou o Título estilo de fonte para os itens da lista.
3. Colocou o Legenda estilo de fonte para os itens da lista.
4. Definir o padrão Descrição estilo de fonte para os itens da lista.
5. Ative esta opção para animar quaisquer números presente no Título e Legenda campos. Quando ativada, os valores numéricos aparecerão com uma animação de contagem dinâmica, tornando-os visualmente mais atraentes.

Espaçamento

1. Especifique o Largura da imagem para itens de lista.
2. Especifique o Largura do conteúdo para os itens da lista.
3. Especifique o Espaço abaixo do título da seção em px.
4. Especifique o Espaço abaixo das imagens dos itens da lista (em %).
5. Especifique o Espaço abaixo dos títulos dos itens da lista (em %).
6. Especifique o Espaço abaixo do subtítulo dos itens da lista (em %).

Título da Seção

1. Alinhar horizontalmente o texto do título da seção. Você pode defini-lo como Esquerda, Centro e Direita.
2. Habilitar/Desabilitar o Divisor entre o título da seção e o conteúdo da seção.
3. Colocou o espessura do divisor (em pixels).
4. Especifique o Cor Divisória do seletor de cores.
5. Selecione um estilo para divisor de título de seção.

Imagens 

1. Escolha o recorte de imagem para os itens da lista. Você pode definir as imagens como Quadrado, Círculo, Paisagem, Retrato e Dinâmico.
2. 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 

3. Escolha o Cor da sobreposição de imagem para ser o cor de destaque ou ser especificada. Se você escolheu o cor de destaquee especifique o opacidade.
4. Se você escolheu o especifique a cor opção, em seguida, defina o Cor da sobreposição para os itens da lista.
5. Colocou o elementos Cor para os itens da lista da seção.
6. Escolha animar as imagens dos itens da lista ao passar o mouse clicando em Sim.
7. Selecione um Estilo de Animação para as imagens ao passar o cursor sobre elas.

Máscara de forma

1. Máscara de forma: Ative esta opção para aplicar uma máscara de forma à imagem na seção de depoimentos. Quando ativada, a forma selecionada recortará visualmente a imagem, ajustando-a ao formato.
2. Selecione a forma: Escolha entre várias formas predefinidas para aplicar à sua imagem. Isso permite que você estilize criativamente seu conteúdo exibindo a imagem em um formato único, como arredondado, diamante, gota, etc.

Borda da imagem

1. Ativar/desativar borda em torno das imagens alternando o botão de alternância.
2. Escolha ter um fronteira comum em todos os lados das imagens ou você pode especificar o fronteiras separadamente para cada lado.
3. Especifique o largura da fronteira. Se estiver definido como 0, a borda não aparecerá. Você também tem a opção de definir a largura da borda individualmente para cada lado da imagem.
4. Selecione os Cor da margem do seletor de cores.
5. Selecione um preferido Estilo da Borda da lista suspensa.
6. Determinar o largura da borda para celular dispositivos, alinhando-o com a largura escolhida para desktop.

Cartões

• Veja como para gerenciar cartões.

Shadow

1. Ecrã – Escolha mostrar a sombra atrás dos itens da lista sempre ou apenas ao passar o mouse.
2. Sessão de Fotos – 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.
3. Caso você tenha escolhido a opção de presets, então Escolha estilos de sombra da lista suspensa.

Botão & Links

• Veja como para gerenciar o estilo de Botões e links.

Economize todas as mudanças de estilo.

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: 

Artigos relacionados:

• Tipos de Seções
• Opções de visibilidade da seção