Um carrossel de testemunho coloca as cotações de clientes em uma pista deslizante para que uma seção que executaria três telas de altura se encaixe em uma Você tem duas opções reais Elementor Pro envia um widget nativo Testimonial Carousel, então se você tiver Pro, são três minutos de trabalho No Elementor gratuito, a rota mais rápida é a Slider de citação de tribuna, a widget de carrossel importável grátis de Master Addons: baixe o JSON, importe-o através Construtor de widgets, e arraste-o para a página. Sem licença, sem reconstruir cartões manualmente.
Este guia cobre ambos, um fallback construído à mão, se você preferir possuir cada pixel, e o erro de esquema que obtém ações manuais de sites do Google, que quase ninguém escrevendo sobre carrosséis de testemunho menciona Se você ainda estiver trabalhando se esta seção deseja um controle deslizante de cotação ou um controle deslizante de largura total, o comparação carrossel versus controle deslizante é a leitura mais curta.
Demonstração ao vivo Baixar Widget JSON
Qual método usar
| Método | Custo | Melhor quando |
|---|---|---|
| Carrossel de Depoimento Elementor Pro | Elementor Pro | Já tens o Pro e queres que seja feito em três minutos |
| Slider de citação de tribuna (importação) | Grátis | Você está no Elementor gratuito e quer um controle deslizante projetado, não uma tela em branco |
| Widget de cartão em um recipiente carrossel | Grátis | Você quer projetar o cartão sozinho do zero |
Se você tem Elementor Pro
Pesquise no painel por carrossel “testemunho,” arraste o widget e preencha o repetidor com uma linha por depoimento: conteúdo, nome, título, imagem. Duas configurações que valem a pena alterar dos padrões: slides por visualização até 2 na área de trabalho e 1 no celular e reprodução automática, porque um depoimento leva oito segundos para ser lido e a reprodução automática é padrão para cinco.
Está tudo bem e é rápido Sua limitação é que o layout do cartão é fixo Você obtém as predefinições e a guia Estilo, não um design distinto Se isso for suficiente, pare de ler e vá construí-lo.
A opção gratuita: Rostrum Quote Slider
Rostrum é um dos widgets gratuitos do Coleção carrossel Master Addons, e é construído especificamente para depoimentos O layout é um painel de citações ao lado de um retrato: divisas entre vozes, uma barra de progresso e contagem mostram onde você está, e os botões de passo podem nomear a próxima voz, então, em vez de uma seta anônima, o botão diz como “Próximo: Sarah, Líder de Operações.” A marca de citação superdimensionada é editável e tudo responde à navegação e deslizamento do teclado.
Cada voz carrega cinco campos: retrato, citação, nome, função e posse Três vozes são enviadas com o widget, cada uma atrás de um alternador Show, para que você possa executar um, dois ou todos os três.
A desvantagem honesta: três vozes é o formato É um controle deslizante com curadoria para suas citações mais fortes, não um widget orientado a consultas que puxa todos os testemunhos que você já coletou Se você precisar de uma dúzia de avaliações rotativas, o método construído à mão abaixo escala ainda mais.
Como construí-lo: passo a passo
- Instale o plugin gratuito Master Addons se ainda não estiver ativo É o mesmo plugin rodando em 30.000+ sites, e a importação funciona no nível livre.
- Baixe o controle deslizante de cotação de tribuna JSON do coleção de modelos de controle deslizante Elementor grátis. É o design 18 dos 20.
- Importa-o. No administrador do WordPress, vá para Complementos mestres → Construtor de widgets → Widget de importação e arraste o arquivo JSON para o importador.
- Abra sua página no Elementor. O widget aparece no painel abaixo Favoritos. Arraste o controle deslizante de citação de tribuna para um contêiner.
- Preencha a primeira voz: retrato, citação, nome, função, posse Liderar com sua citação mais específica, aquela com um número ou um resultado nele.
- Ligue a segunda e terceira vozes com suas alternâncias Show e preenchê-los da mesma maneira Alternar qualquer um que você não precisa.
- Defina as etiquetas dos botões de passo. Nomear a próxima voz no botão dá às pessoas uma razão para clicar É o melhor detalhe de conversão do widget, então use-o.
- Verifique a marca de cotação e teste a navegação. Ajuste a marca de cotação editável para caber na sua tipografia e, em seguida, visualize: divisas, setas de teclado e deslize em um telefone.
O tempo total é de cerca de cinco minutos, a maior parte gasto escolhendo quais três citações merecem o slot.
Mais uma opção da mesma coleção: Deck Estrato, um design Pro onde os cartões empilham e o de cima descasca É um ajuste natural para depoimentos se você quiser uma sensação de baralho de cartão em vez de um painel de cotação.
Se preferir construí-lo à mão
A rota do zero ainda faz sentido quando você quer um design de cartão que corresponda exatamente à sua marca, ou mais depoimentos do que um controle deslizante de três vozes contém Você está projetando o cartão sozinho, então orce dez minutos em vez de cinco.
- Construa uma carta primeiro. Coloque um widget de cartão em um contêiner Dentro dele: o texto de citação, uma imagem de avatar, um nome, um papel e uma linha de estrelas se você tiver classificações Estilo completamente: preenchimento, fundo, raio de borda, marca de citação, tipografia Obtenha este cartão exatamente antes de duplicar qualquer coisa.
- Duplique o cartão para cada depoimento e troque o conteúdo Seis é um bom número: o suficiente para se sentir substancial, poucos o suficiente para que a seção não se torne um trabalho de manutenção.
- Transforme o contêiner pai em um carrossel. Nas configurações de layout do contêiner, mude a exibição para carrossel Você obtém slides-per-view, reprodução automática, loop, setas e pontos, o mesmo Controles de zimbro os widgets dedicados usam, porque é a mesma biblioteca por baixo.
- Defina slides por visualização por ponto de interrupção. Dois no desktop, um no tablet e no celular Os depoimentos são texto, e o texto precisa de largura.
- Estilo a navegação para sentar-se abaixo das cartas, em vez de sobrepô-las Uma seta em cima de uma citação cobre uma palavra, e uma palavra coberta é aquela em que as pessoas se fixam.
Não é necessária licença e o cartão é seu. Se você quiser uma referência visual para o padrão, o Página de avaliações de clientes da Master Addons usa-o.
A armadilha do esquema
Esta é a parte que importa mais do que o layout.
É tentador adicionar o esquema Review ou AggregateRating a um carrossel de depoimentos para que as estrelas apareçam nos resultados da pesquisa Não faça isso, pelo menos não para depoimentos sobre seu próprio negócio em seu próprio site.
As diretrizes de dados estruturados do Google são explícitas de que as revisões egoístas não são elegíveis para resultados ricos de revisão As revisões de uma entidade devem vir de uma fonte independente, não da própria entidade Os sites que marcam seus próprios depoimentos de página inicial como esquema de revisão fazem com que a marcação seja ignorada na melhor das hipóteses e uma ação manual de dados estruturada na pior das hipóteses.
O que você pode legitimamente fazer: marcar páginas de produtos individuais com avaliações coletadas de clientes reais por meio de um sistema de revisão e usar Organization esquema na página inicial sem propriedades de avaliação Se você quiser estrelas na pesquisa, colete avaliações no Google Business Profile, G2 ou Trustpilot, porque elas aparecem como terceirizadas.
Um carrossel de testemunho é um elemento de conversão Trate-o como um só, e deixe o esquema fora dele Se tudo o que você quer é uma citação puxada sentada por conta própria, em vez de um conjunto rotativo, o Widget de citação de bloco faz esse trabalho sem marcação envolvida.
Decisões de design que alteram as conversões
Rostos batem logotipos. Uma fotografia de uma pessoa supera o logotipo de uma empresa, e ambos não batem nenhum layout de retrato-ao lado-citação de Rostrum é construído sobre isso Se você não pode obter uma foto, um nome e papel ainda bater uma citação anônima à distância.
Batidas específicas brilhando. “Cortar o tempo de construção da nossa página de dois dias para três horas” faz mais do que “Amazing plugin, altamente recomendo!”, mesmo que o segundo soa mais entusiasmado Puxe a linha específica para fora de um depoimento mais longo e lidere com ele.
Não jogue automaticamente. Os depoimentos são o único tipo de carrossel em que a reprodução automática dói ativamente, porque o conteúdo é um texto denso que leva mais tempo para ser lido do que qualquer atraso sensível do slide. A tribuna pisa no clique, teclado ou deslize, que é orientado pelo leitor por design. Se você construir manualmente, deixe o interruptor de reprodução automática desligado.
Mostrar a contagem. Uma contagem sinaliza volume de uma forma que os pontos anônimos não fazem, e é por isso que a Rostrum emparelha sua barra de progresso com uma Se você tem muitos clientes satisfeitos, diga isso com o controle.
Dois na área de trabalho, não três. Para carrosséis feitos à mão: três colunas de texto de citação em uma tela de 1440 px dá a cada uma cerca de 380 px, que está sob a medida de leitura confortável Dois é o número.
Perguntas frequentes
Elementor tem um widget carrossel de testemunho?
Elementor Pro faz: o widget Testimonial Carousel com um repetidor para aspas, nomes e imagens O plugin gratuito da Elementor não o inclui No nível livre, a rota mais rápida é importar o Rostrum Quote Slider através do Master Addons' Widget Builder, ou construir seu próprio cartão dentro de um contêiner definido para exibição em carrossel.
Como adiciono um controle deslizante de testemunho no Elementor gratuitamente?
Importe o controle deslizante de cotação de tribuna gratuito: baixe o JSON, vá para Master Addons → Widget Builder → Import Widget no administrador do WordPress, arraste o arquivo para dentro e o widget aparecerá no Elementor em Favoritos Preencha os campos retrato, cotação, nome, função e posse de cada voz e você estará pronto, sem licença Pro envolvida.
Um carrossel de depoimentos deve ser reproduzido automaticamente?
Não. Um depoimento leva de seis a dez segundos para ser lido e os atrasos típicos de reprodução automática são de três a cinco. Os visitantes perdem a frase no meio e se desligam. Deixe a reprodução automática e deixe as pessoas avançarem quando estiverem prontas, porque os depoimentos são do tipo carrossel onde o cronômetro funciona contra você.
Posso adicionar classificações de estrelas a um carrossel de depoimentos Elementor?
Sim, como um elemento visual: uma linha de ícones ou um campo de classificação em um design de cartão construído à mão O que você não deve fazer é adicionar marcação de esquema Review ou AggregateRating para depoimentos sobre seu próprio negócio, porque o Google não permite avaliações egoístas em resultados ricos de revisão e a marcação pode desencadear uma ação manual.
Quantos depoimentos um carrossel deve ter?
Três fortes batem doze vagas, e o formato de três vozes de Rostrum força essa disciplina, Geralmente é a chamada certa Se você está construindo à mão e tem mais material, seis a doze obras; depois de doze ninguém chega ao fim, então mude para um conjunto filtrado por página em vez de uma tira longa.
Como faço a atualização automática dos depoimentos?
Registre um tipo de postagem personalizada de depoimento e use um widget de carrossel orientado a consultas apontado para ele: o gratuito Widget blog em modo carrossel, ou Elementor Pro's Carrossel Loop com um modelo de Item Loop. novas postagens de testemunho aparecem em todos os carrosséis do site sem editar nenhuma página.
O que fazer a seguir
Se você tiver Elementor Pro, seu widget nativo é o caminho mais curto No Elementor gratuito, importe o Rostrum Quote Slider e gaste o tempo economizado escolhendo suas três melhores cotações, porque essa escolha move as conversões mais do que qualquer controle de estilo Construir à mão somente quando o resumo de design exigir.
Rostrum importa no plugin gratuito Se mais tarde você quiser os doze projetos Pro também, o página preços tem os níveis e o Projetos carrossel 3D mostre como realmente são os estilos de movimento pago.
Antes de construir qualquer coisa do zero, verifique o que já existe: o Guia de widgets carrossel Elementor lista todos os widgets e designs de carrossel e a repartição livre versus Pro mostra exatamente onde o nível livre para.
