Exemplos de Avaliações no Etsy
Exemplo 1. Solicitação de Avaliação
Principais recursos: Chamada para ação, botão CTA.
Aqui, as avaliações são organizadas em um widget atraente com as cores originais do Etsy Reviews, acompanhado de um cabeçalho informativo. O cabeçalho revela a avaliação total da página e mostra quantos usuários postaram suas recomendações com as fotos das mais recentes. As fotos são clicáveis. O botão de solicitação de avaliação oferece a opção de deixar uma nova avaliação, com a parte ‘Yes’ pintada de azul para atrair cliques.
Exemplo 2. Lista
Principais recursos: Layout de lista, navegação.
Nosso widget permite incorporar avaliações em uma página como uma lista minimalista. Se você desativar o cabeçalho e aplicar dimensões automáticas de largura e altura, como neste exemplo, o widget se encaixará perfeitamente no espaço disponível na página e parecerá integrado. Aplique filtros para definir o número de avaliações, exibir apenas as positivas ou ocultar aquelas indesejadas por palavras-chave.
Exemplo 3. Masonry
Principais recursos: Layout Masonry e grid.
Neste exemplo, uma variedade de avaliações é exibida em formato Masonry, que posiciona as avaliações no layout mais equilibrado com base na altura. Essa cor confere um visual único. A classificação por estrelas mostrada nas avaliações serve como forte prova social.
Exemplo 4. Grade
Principais recursos: Layout em grade, design.
A combinação do layout Grid e do template de avaliações Spotlight cria uma interface refinada e equilibrada do widget. Linhas retas e textos de avaliações alinhados ao centro chamam a atenção dos visitantes. A geometria limpa do layout Grid pode funcionar com qualquer outro template de avaliações – há total compatibilidade de opções de interface.
Exemplo 5. Carrossel
Principais recursos: Carrossel, depoimentos.
Este conjunto de widgets para o layout de Slider exibe as avaliações em um carrossel dinâmico com autoplay. Este é um caso perfeito, por exemplo, para a página inicial do seu site. O layout de Slider inclui elementos de navegação: seta, arrastar ou paginação. Você pode escolher o número de avaliações que serão exibidas em cada slide.
Exemplo 6. Slider
Principais recursos: Layout do Slider, Navegação.
Se você exibir avaliações com um único destaque, atrairá a maior atenção dos usuários. Neste caso de uso, o modelo Spotlight altera a disposição dos elementos: a foto do autor e a classificação por estrelas ficam acima do texto e todos os elementos ficam alinhados ao centro. Todas as demais avaliações podem ser visualizadas arrastando ou usando as setas.
Exemplo 7. Barra Lateral
Principais recursos: Layout da barra lateral, navegação.
Este é um exemplo ilustrativo de como adicionar um widget de avaliações a qualquer site, mesmo com espaço muito limitado. Na variante de barra lateral, o widget não traz elementos extras — apenas o essencial, com tamanho moderado, mas com todas as funções disponíveis.