Como personalizar os widgets de avaliação
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íveisWidgets 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. -
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. -
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. -
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 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.
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 envioSelecione 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:
- Navegue até a guia Reviews (Avaliações ) no Klaviyo.
- Clique em Reviews settings.
- Selecione General (Geral).
- 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çõesOcultar 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:
- Abra a guia Reviews (Avaliações ) no Klaviyo.
- Selecione as configurações de Avaliações.
- Clique em Onsite widgets.
- Selecione Avaliações de produtos ou Classificação por estrelas.
- Abra o menu Empty state (Estado vazio ).
- Desative a configuração Mostrar com zero estrelas.
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.
- Abra a guia Reviews (Avaliações ) no Klaviyo.
- Selecione as configurações de Avaliações.
- Clique em Onsite widgets.
- Escolha o widget que deseja editar.
- Clique em Layout & style.
- 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
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.
-
Cor
-
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.
-
Resumo
-
Cor preenchida
-
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.
-
Cor do plano de fundo
-
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.
-
Raio de canto das imagens de resumo
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.
-
Cor preenchida
-
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.
-
Cor preenchida
-
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
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.
- Navegue até a guia Reviews (Avaliações ) no Klaviyo.
- Clique em Reviews settings.
- Selecione Onsite widgets.
- Selecione o widget Product reviews.
- Selecione Review list (Lista de revisão).
- 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.
- Para remover ou adicionar a seção de filtros no widget da lista de avaliações, desative ou ative a alternância Filtros.
- 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
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:
- Avaliações com texto, imagens ou perguntas personalizadas enviadas do país do visitante
- Avaliações sem nenhum conteúdo (ou seja, avaliações somente de classificação) enviadas do país do visitante
- Avaliações com texto, imagens ou perguntas personalizadas enviadas de outros países
- 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çõesEscolha 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:
- Navegue até a guia Reviews (Avaliações ) no Klaviyo.
- Clique em Reviews settings.
- Selecione Onsite widgets.
- Selecione o widget Product reviews (Avaliações de produtos ).
- Selecione Review summary (Revisar resumo) & media (Mídia).
- Ativar ou desativar a configuração da galeria de imagens.
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:
- Abra a guia Reviews (Avaliações ) no Klaviyo.
- Selecione as configurações de Avaliações.
- Clique em Onsite widgets.
- Escolha Avaliações do produto.
- Clique em Review list (Revisar lista).
- 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
As avaliações em destaque serão exibidas no carrossel de avaliações em destaque. Para escolher as avaliações a serem apresentadas:
- Navegue até a guia Reviews (Avaliações ).
- Selecione todas as avaliações.
- Ao lado de uma avaliação que o senhor gostaria de destacar, clique em Feature.
- Repita conforme desejado. Recomendamos que o senhor selecione pelo menos 3 a 5 avaliações para destacar.