Como personalizar os widgets de avaliação

Estimado 12 minuto de leitura
|
Atualizado 5 de nov. de 2024, 10:45 EST
O que você vai aprender

O que você vai aprender

Saiba como personalizar a aparência de seus widgets de avaliação (por exemplo, os blocos em sua loja que exibem e aceitam avaliações de produtos). 

Widgets de avaliações disponíveis

Widgets de avaliações disponíveis

As avaliações da Klaviyo oferecem vários widgets que podem ser adicionados à sua loja: 

  • Widget de classificação por estrelas
    Exibe sua classificação atual de estrelas para um determinado produto e, na maioria das vezes, é adicionado abaixo do nome do produto.
    O widget de classificação por estrelas
  • Widget de resumo de avaliações
    Mostra um gráfico detalhando todas as classificações que um produto recebeu, imagens de usuários enviadas com avaliações e os comentários mais comuns dos clientes. Geralmente é adicionado próximo à parte inferior da página de um produto.
    Resumo da revisão com imagens
  • Widget de lista de avaliações
    Exibe uma lista de todas as avaliações publicadas e perguntas de clientes, juntamente com uma barra de pesquisa, filtros, um botão Escrever uma avaliação e um botão Fazer uma pergunta. Na maioria das vezes, ele é adicionado imediatamente abaixo do widget de resumo da avaliação.
    O widget da lista de avaliações
  • Widget de avaliações de produtos
    Uma combinação dos widgets de resumo de avaliações e lista de avaliações acima. Se você adicionar o widget de avaliações de produtos ao seu site, não precisará adicionar os widgets de lista de avaliações e resumo de avaliações separadamente. 
  • Widget de carrossel de resenhas em destaque
    Exibe avaliações selecionadas de qualquer um de seus produtos. Isso pode ser apresentado em sua página inicial, em uma página de avaliações independente ou em qualquer outro lugar do seu site. O senhor pode selecionar as avaliações que são exibidas nesse widget. Se disponíveis, as imagens enviadas pelos clientes acompanham cada avaliação; as imagens de seus produtos são usadas se nenhuma imagem tiver sido enviada junto com a avaliação. 
    O widget de avaliações em carrossel
  • O widget SEO / Todas as avaliações exibe todas as suas avaliações de todos os produtos em uma única página. Use o site widget para aprimorar seu SEO e oferecer um local único para que os clientes em potencial vejam o que seus clientes atuais adoram. Esse widget é geralmente adicionado a uma página independente de Avaliações em seu site.
    widget de todas as avaliações

Esses widgets são totalmente personalizáveis, o que significa que o senhor pode escolher as fontes e as cores da sua marca, bem como selecionar manualmente as avaliações a serem destacadas no carrossel de avaliações em destaque. 

Selecione um idioma para widgets de avaliações e páginas de envio

Selecione um idioma para widgets de avaliações e páginas de envio

Por padrão, todo o conteúdo das avaliações do Klaviyo está em inglês. Para selecionar um idioma diferente: 

  1. Navegue até a guia Reviews (Avaliações ) no Klaviyo. 
  2. Clique em Reviews settings.
    Configurações de avaliações
  3. Selecione General (Geral).
    O botão geral nas configurações de avaliações do Klaviyo
  4. No menu Select language (Selecionar idioma ), escolha seu idioma. 

A atualização de seu idioma para as avaliações da Klaviyo se aplica a: 

  • Revisar a página de envio
  • Widgets no site
    • Widget de classificação por estrelas
    • Widget de resumo da revisão
    • Widget de lista de revisões
    • Widget de análises de produtos
    • Widget de carrossel de resenhas em destaque 

O senhor não pode atualizar a configuração de idioma de apenas um widget; todos os widgets devem usar o mesmo idioma. Todos os widgets e a página de envio são atualizados imediatamente, inclusive os que já estão ativos em seu site.

A atualização de seu idioma para as avaliações da Klaviyo não se aplica a nenhum outro recurso da Klaviyo (por exemplo, perguntas personalizadas, fluxos, formulários de inscrição, páginas de preferências, o conteúdo das avaliações enviadas pelos clientes etc.). Eles devem ser traduzidos e editados manualmente. 

Ocultar widgets de avaliação até que um produto tenha recebido avaliações

Ocultar widgets de avaliação até que um produto tenha recebido avaliações

Essas instruções se aplicam ao widget de classificação por estrelas e ao widget de lista de avaliações. 

Por padrão, um produto sem avaliações mostrará 0/5 estrelas e uma mensagem indicando que ainda não foram enviadas avaliações. Se o senhor preferir ocultar o widget até receber as avaliações, siga estas etapas: 

  1. Abra a guia Reviews (Avaliações ) no Klaviyo. 
  2. Selecione as configurações de Avaliações.
  3. Clique em Onsite widgets
  4. Selecione Avaliações de produtos ou Classificação por estrelas.
  5. Abra o menu Empty state (Estado vazio ). 
  6. Desative a configuração Mostrar com zero estrelas.
    O botão não mostrar nas configurações de um widget
Alterar a aparência do widget

Alterar a aparência do widget

Siga estas etapas para ajustar o estilo (por exemplo, fontes, cores e outros) de qualquer widget de avaliações. 

  1. Abra a guia Reviews (Avaliações ) no Klaviyo. 
  2. Selecione as configurações de Avaliações.
  3. Clique em Onsite widgets
  4. Escolha o widget que deseja editar. 
  5. Clique em Layout & style
  6. Ajuste a aparência do widget conforme desejado, incluindo fontes, cores e espaçamento. 

A alteração de uma configuração em uma avaliação widget (por exemplo, a cor do botão) não afeta essa configuração em outro widget, com exceção do SEO / All reviews widget. Esse widget herda todas as configurações do widget de análises de produtos. Para personalizar a aparência do widget SEO / Todas as avaliações, mas não a do widget de avaliações de produtos, o senhor deve usar CSS personalizado.

Configurações de estilo de revisão disponíveis

Configurações de estilo de revisão disponíveis

Abra cada menu suspenso para saber mais sobre as opções de estilo disponíveis para essa categoria. 

Widget de análises de produtos

Na seção Layout & style das configurações de estilo das análises de produtos, é possível ajustar as seguintes configurações: 

  • Margem
    Ajuste o espaço na parte superior, inferior, esquerda e/ou direita do widget. 
  • Cor de fundo primária
    Ative essa configuração para adicionar uma cor de fundo para toda a área do widget.
  • Cor de fundo secundária
    Edite a cor de determinados elementos do widget, como barras de histograma.
  • Cor do acento
    Edite a cor usada em vários destaques, incluindo a seleção em uma pergunta de intervalo e emblemas de revisores verificados.
  • Raio do canto
    Aplique cantos arredondados a toda a área do widget de análise do produto. Observe que isso só é visível se o senhor adicionar uma cor de fundo primária. 
  • Linhas de divisão
    Adicione linhas opcionais entre cada revisão.
  • Fonte primária
    Selecione Inherit from site para usar a fonte existente no site ou selecione uma fonte. A configuração da fonte Primary se aplica a todas as fontes do widget, exceto:
    • O rótulo #/5 na seção Avaliações de clientes.
    • O registro de data e hora de cada revisão. 
    • O texto do rótulo no histograma de estrelas. 
    • O texto do espaço reservado no campo de pesquisa.
  • Fonte secundária
    Selecione Inherit from site para usar a fonte existente no site ou selecione uma fonte. A configuração da fonte secundária se aplica ao histograma de estrelas, ao campo de pesquisa, ao carimbo de data/hora de cada avaliação e ao rótulo #/5 na seção Avaliações de clientes.
  • Tamanho, peso e cor da fonte
    Ajuste o tamanho, a espessura e a cor das fontes primária e secundária, respectivamente. 
  • Configurações do botão
    • Cor
      Cor do botão. 
    • Raio do canto
      O arredondamento dos cantos dos botões. Defina como 0 para não haver arredondamento. 
    • Borda
      Uma borda colorida ao redor do botão. 
    • Especificar a cor do hover
      Se os botões devem mudar de cor ao passar o mouse, ative essa configuração. 
    • Preenchimento
      Preenchimento dentro de cada botão, envolvendo o texto do botão. A adição de preenchimento fará com que o botão pareça maior. 
    • Fonte, tamanho da fonte, peso da fonte, cor da fonte
      A fonte usada para os botões do widget. 
  • Configurações de classificação
    • Cor preenchida
      A cor das estrelas selecionadas (por exemplo, se um produto for classificado com 4/5 estrelas, as primeiras 4 estrelas usarão essa cor).
    • Cor vazia
      A cor das estrelas não selecionadas (por exemplo, se um produto for classificado com 4/5 estrelas, a 5ª estrela usará essa cor).
    • Borda
      Uma borda colorida opcional em torno de todas as estrelas.
    • Espaçamento
      O espaço entre cada estrela.
    • Forma
      Escolha estilos de classificação alternativos, como estrelas pontiagudas, corações arredondados e muito mais. 
    • Tamanho
      • Resumo
        O tamanho das estrelas no resumo da avaliação.
      • Avaliação
        O tamanho das estrelas em cada avaliação de cliente. 
  • Configurações de filtros
    As configurações defiltros se aplicam ao campo de pesquisa e aos filtros de revisão. 
    • Cor do plano de fundo
      A cor de fundo dos botões de filtro e da barra de pesquisa.
    • Largura e cor do traço ativo
      A largura e a cor da borda que indica uma opção de filtro ativa (ou seja, selecionada). (Mínimo 1.) 
    • Raio do canto
      O arredondamento dos cantos no campo de pesquisa. Para que não haja arredondamento, selecione 0 px.
    • Ícone de pesquisa
      Ativar ou desativar o ícone de pesquisa da lupa. 
  • Configurações de imagens
    • Raio de canto das imagens de resumo
      Arredondamento na seleção de imagens de resumo no resumo da revisão.
    • Raio de canto das imagens de revisão
      Arredondamento em cada imagem dentro de avaliações individuais.
    • Tamanho das imagens das avaliações
      O tamanho das imagens incluídas nas revisões individuais. 
Carrossel de avaliações em destaque

Na seção Layout das configurações de estilo do carrossel de resenhas em destaque, é possível ajustar as seguintes configurações: 

  • Título da seção
    Adicione um rótulo, Avaliações de clientes, a esse widget.
  • Tipo de carrossel
    Escolha se o carrossel deve exibir imagens ou apenas texto. 
  • Máximo de avaliações por página
    Escolha quantas avaliações em destaque serão exibidas por página.
  • Limite de texto
    Escolha quantas linhas de texto serão incluídas em cada visualização de revisão.
  • Margem
    Ajuste o espaço na parte superior, inferior, esquerda e/ou direita do widget. 
  • Alinhamento do texto
    Se o texto deve ser alinhado à esquerda, à direita ou ao centro.
  • Itens do cartão
    Ative ou desative a opção de exibir a data, o autor e o emblema de verificação de uma revisão. 

Na seção Style (Estilo ) das configurações de estilo do carrossel de resenhas em destaque, é possível ajustar as seguintes configurações: 

  • Configurações de fonte do cabeçalho da seção
    Fonte, cor e tamanho da fonte do título da seção. Observe que o título da seção deve estar ativado em Layout para que essa configuração se aplique ao widget. 
  • Altura da imagem
    Edite o tamanho da imagem incluída na visualização da revisão. 
  • Raio do canto
    Modifique o arredondamento dos cantos em cada bloco de revisão em destaque.
  • Cor do cartão
    Adicione uma cor de fundo para cada bloco de revisão. 
  • Sombra
    Adicione ou remova uma sombra dos cartões. 
  • Borda
    Adicione ou remova uma borda dos cartões.
  • Configurações de estilo de classificação
    • Cor preenchida
      A cor das estrelas selecionadas (por exemplo, se um produto for classificado com 4/5 estrelas, as primeiras 4 estrelas usarão essa cor).
    • Cor vazia
      A cor das estrelas não selecionadas (por exemplo, se um produto for classificado com 4/5 estrelas, a 5ª estrela usará essa cor).
    • Borda
      Uma borda colorida opcional em torno de todas as estrelas.
    • Espaçamento
      O espaço entre cada estrela.
    • Tamanho
      O tamanho das estrelas em cada avaliação de cliente.
    • Forma
      Escolha estilos de classificação alternativos, como estrelas pontiagudas, corações arredondados e muito mais. 
  • Revisar as configurações de fonte do cabeçalho
    Selecione Herdar do site para usar a fonte existente no site ou selecione uma fonte e o tamanho, peso e cor da fonte. 
  • Revisar as configurações de fonte do corpo
    Selecione Herdar do site para usar a fonte existente no site ou selecione uma fonte e o tamanho, peso e cor da fonte. 
  • Configurações de fonte das etiquetas de data e nome
    Selecione Herdar do site para usar a fonte existente no site ou selecione uma fonte e o tamanho, peso e cor da fonte. 
Classificação por estrelas
  • Margem
    Ajuste o espaço na parte superior, inferior, esquerda e/ou direita do widget. 
  • Configurações de estilo de classificação
    • Cor preenchida
      A cor das estrelas selecionadas (por exemplo, se um produto for classificado com 4/5 estrelas, as primeiras 4 estrelas usarão essa cor).
    • Cor vazia
      A cor das estrelas não preenchidas (ou seja, não selecionadas) (por exemplo, se um produto for classificado com 4/5 estrelas, a 5ª estrela usará essa cor).
    • Borda
      Uma borda colorida opcional em torno de todas as estrelas.
    • Espaçamento
      O espaço entre cada estrela.
    • Tamanho
      O tamanho das estrelas em cada avaliação de cliente.
    • Forma
      Escolha estilos de classificação alternativos, como estrelas pontiagudas, corações arredondados e muito mais.
  • Fonte primária
    Edite a fonte usada para o texto # classificações. SelecioneInherit from site (Herdar do site) para usar a fonte existente no site ou selecione uma fonte.
  • Tamanho, peso e cor da fonte
    Ajuste o tamanho, a espessura e a cor do texto das classificações #
Desativar ou ativar filtros e ações de revisão

Desativar ou ativar filtros e ações de revisão

Permita que seus clientes filtrem as avaliações por classificação, mídia (ou seja, se as avaliações contêm imagens) ou suas respostas a perguntas personalizadas. Isso pode ajudar os clientes em potencial a encontrar as avaliações mais relevantes para eles. 

  1. Navegue até a guia Reviews (Avaliações ) no Klaviyo. 
  2. Clique em Reviews settings
  3. Selecione Onsite widgets
  4. Selecione o widget Product reviews.
  5. Selecione Review list (Lista de revisão). 
  6. Para mostrar ou ocultar o botão e a guia Q&A, ou o botão Escrever uma avaliação, ative ou desative essa seleção no cartão Ações
  7. Para remover ou adicionar a seção de filtros no widget da lista de avaliações, desative ou ative a alternância Filtros
  8. Marque ou desmarque qualquer uma dessas configurações para determinar quais opções de filtro serão exibidas: Barra de pesquisa, Classificação (recente, mais alta, mais baixa), Classificação, Mídia, Perguntas personalizadas.
Sobre o filtro mais relevante 

Sobre o filtro mais relevante 

O filtro Most relevant (Mais relevante ) destaca as avaliações que os usuários provavelmente acharão úteis. Quando selecionado, as revisões aparecerão nesta ordem: 

  1. Avaliações com texto, imagens ou perguntas personalizadas enviadas do país do visitante
  2. Avaliações sem nenhum conteúdo (ou seja, avaliações somente de classificação) enviadas do país do visitante
  3. Avaliações com texto, imagens ou perguntas personalizadas enviadas de outros países
  4. Avaliações sem nenhum conteúdo (ou seja, avaliações somente de classificação) enviadas de outros países

Em cada categoria, as resenhas são ordenadas por data de envio, sendo que as mais recentes aparecem primeiro.

Escolha se deseja exibir imagens do produto no resumo de suas avaliações

Escolha se deseja exibir imagens do produto no resumo de suas avaliações

Os resumos das avaliações incluem uma galeria opcional de imagens de produtos enviadas pelos clientes. Para ativar ou desativar essa galeria: 

  1. Navegue até a guia Reviews (Avaliações ) no Klaviyo. 
  2. Clique em Reviews settings
  3. Selecione Onsite widgets
  4. Selecione o widget Product reviews (Avaliações de produtos ).
  5. Selecione Review summary (Revisar resumo) & media (Mídia).
  6. Ativar ou desativar a configuração da galeria de imagens
    Galeria de imagens alternar
Ocultar itens da lista de revisões

Ocultar itens da lista de revisões

Essas instruções se aplicam ao widget de lista de revisão.

O senhor pode ocultar elementos da sua lista de avaliações (por exemplo, autor da avaliação, resposta da loja, carimbo de data/hora), se desejar. Para isso: 

  1. Abra a guia Reviews (Avaliações ) no Klaviyo. 
  2. Selecione as configurações de Avaliações.
  3. Clique em Onsite widgets
  4. Escolha Avaliações do produto
  5. Clique em Review list (Revisar lista). 
  6. Desative os elementos que o senhor deseja ocultar.

Se o senhor desativar a classificação por estrelas, a mídia e as perguntas personalizadas da lista de avaliações, as opções de configuração dos filtros de avaliação desaparecerão. Para que um visitante do site possa filtrar sua pesquisa, pelo menos um critério de filtro (classificação por estrelas, mídia ou perguntas personalizadas) deve estar visível na lista de avaliações. 

Selecione as avaliações a serem exibidas no carrossel de avaliações em destaque

Selecione as avaliações a serem exibidas no carrossel de avaliações em destaque

As avaliações em destaque serão exibidas no carrossel de avaliações em destaque. Para escolher as avaliações a serem apresentadas: 

  1. Navegue até a guia Reviews (Avaliações ).
  2. Selecione todas as avaliações.
  3. Ao lado de uma avaliação que o senhor gostaria de destacar, clique em Feature.
    Botão Recurso de uma revisão
  4. Repita conforme desejado. Recomendamos que o senhor selecione pelo menos 3 a 5 avaliações para destacar. 
Recursos adicionais

Recursos adicionais

Esse artigo foi útil?
Use esse formulário somente para fazer comentários sobre artigos. Saiba como entrar em contato com o suporte.

Saiba mais sobre a Klaviyo

Comunidade
Conecte-se com colegas, parceiros e especialistas da Klaviyo para encontrar inspiração, compartilhar percepções e obter respostas para todas as suas perguntas.
Treinamentos ao vivo
Participe de uma sessão ao vivo com especialistas da Klaviyo para aprender sobre as práticas recomendadas, como configurar os principais recursos e muito mais.
Suporte

Acesse o suporte por meio da sua conta.

Suporte por e-mail (teste gratuito e contas pagas) Disponível 24 horas

Chat/assistência virtual
A disponibilidade varia conforme o local e o tipo de plano