FacetWP – Star Rating

FacetWP Star Rating: Tudo o que Você Precisa Saber

A FacetWP Star Rating é uma ferramenta poderosa que permite que usuários filtrem produtos ou postagens de acordo com a avaliação média, usando um sistema de estrelas. Esse recurso é particularmente útil para sites de e-commerce e plataformas de avaliação de conteúdo, pois proporciona uma maneira intuitiva de os visitantes encontrarem itens com notas superiores.

Entendendo as Opções de Configuração do FacetWP Star Rating

Uma das principais características da FacetWP Star Rating é a flexibilidade em sua configuração. Aqui estão algumas opções disponíveis para personalizar a forma como as classificações são apresentadas:

1. Fonte de Dados: Você pode escolher um campo personalizado que armazene os valores de avaliação. Esses valores devem ser inteiros, variando de 1 a 5. Para produtos WooCommerce, você pode usar o campo de avaliação média integrado.

2. Ícone de Avaliação: A interface permite selecionar um ícone de avaliação, que pode ser um símbolo Unicode, ícones SVG customizados ou ícones de fontes web. Isso significa que você pode personalizar completamente sua aparência visual.

3. Mostrar Avaliações Fantasmas: Se você ativar essa opção, a interface mostrará sempre cinco ícones de estrelas, mesmo que não existam postagens correspondentes. Se desativar essa opção, somente os ícones com correspondência aparecerão.

4. Cores: Você pode personalizar as cores dos ícones de avaliação, incluindo cor base, cor selecionada, cor de desfazer e cor de fantasmas. Isso garante que a estética do seu site se mantenha coesa e atraente.

Configurando a Fonte de Dados

Para integrar a FacetWP Star Rating com seus dados, é importante selecionar corretamente um campo que armazene a avaliação média. Para aqueles que utilizam o Advanced Custom Fields, basta criar um campo numérico, definindo os valores mínimo e máximo. Assim, você assegura que todas as estrelas de 1 a 5 sejam válidas e visíveis nas classificações.

Se você estiver usando WooCommerce, o processo é ainda mais simples. Ao configurar a fonte de dados, apenas selecione o campo de “Avaliação Média” sob o cabeçalho WooCommerce.

Usando Ícones Personalizados

Outra opção interessante é substituir os ícones padrão por ícones personalizados. Para fazer isso, você pode utilizar a função facetwp_ratings_icon em seu arquivo functions.php. A chave aqui é que a aparência visual das estrelas de avaliação pode ser adaptada para melhor se adequar ao tema do seu site, proporcionando uma experiência mais coesa aos seus usuários.

Ícones Fantasmas

Os ícones fantasmas são uma forma de indicar que certas classificações não têm postagens correspondentes. Quando ativada a opção “Mostrar avaliações fantasmas”, você pode escolher um ícone diferente para essas avaliações. Isso ajuda os usuários a visualizar que, mesmo sem conteúdos correspondentes a uma determinada classificação, as opções ainda estão disponíveis.

Exemplos de Código para Personalização

Para quem deseja adicionar um toque pessoal às avaliações, pode utilizar os exemplos de código a seguir:

php
add_filter('facetwp_ratings_icon', function($icon, $is_disabled, $facet) {
if ($facet['name'] === 'minha_facet_de_classificacao') {
$icon = $is_disabled ? '☆' : '★'; // Ícone aberto para fantasmas e sólido para a classificação
}
return $icon;
}, 10, 3);

Estilizando Ícones de Avaliação

Para tornar a interface de classificação ainda mais atrativa, você pode estilizar os ícones com CSS. Abaixo está um exemplo de como aumentar o espaçamento entre os ícones e modificar o tamanho.

css
.star-rating {
font-size: 22px; /* Aumentando o tamanho do ícone */
margin-right: 6px; /* Aumentando o espaçamento entre os ícones */
}

Essas pequenas mudanças podem ter um grande impacto na forma como os visitantes interagem com suas avaliações.

Alterando Textos de Link

Se você deseja mudar as palavras exibidas no botão “E acima” ou no texto de “Desfazer”, isso pode ser feito facilmente utilizando o filtro gettext do WordPress.

php
add_filter('gettext', function($translated_text, $untranslated_text, $domain) {
if ('fwp-front' === $domain) {
if ('& up' === $translated_text) {
$translated_text = 'E superior';
}
if ('Undo' === $translated_text) {
$translated_text = 'Resetar';
}
}
return $translated_text;
}, 10, 3);

Vantagens de Usar o FacetWP Star Rating

Adotar o FacetWP Star Rating no seu site traz diversos benefícios que podem tornar a navegação e a experiência do usuário mais eficientes e satisfatórias. Entre as principais vantagens estão:

• Aumenta a Conversão: Usuários tendem a confiar mais em produtos ou conteúdos com notas altas. Quando eles possuem a opção de filtrar os itens com base nas avaliações, as chances de conversão aumentam.

• Melhora a Experiência do Usuário: Avaliações visíveis e facilmente filtráveis ajudam os visitantes a tomar decisões informadas, fazendo com que a navegação em seu site se torne mais fluída.

• Facilita o SEO: O uso de filtros baseados em avaliações pode melhorar a estrutura da sua página e, consequentemente, seu ranking nos motores de busca, pois facilita para os robôs de busca entenderem o conteúdo do site.

• Flexibilidade Visual: A capacidade de personalizar ícones e cores significa que você pode fazer parecer que as avaliações fazem parte natural da estética do seu site, melhorando a imagem de marca.

• Interatividade e Engajamento: As avaliações incentivam os usuários a interagir com seu site, aumentando o tempo que passam nele e a probabilidade de retornarem.

Considerações Finais

O FacetWP Star Rating é mais do que apenas uma ferramenta de filtro; é um recurso estratégico para melhorar a usabilidade do seu site e aumentar a taxa de conversão. Ao configurar corretamente a fonte de dados, personalizar os ícones e estabelecer cores adequadas, você pode garantir que sua implementação seja não apenas funcional, mas também esteticamente agradável e alinhada à sua identidade visual.

Se você está buscando uma maneira de melhorar a interação do usuário e a apresentação dos seus produtos ou postagens, a implementação da FacetWP Star Rating pode ser a solução ideal para você. É uma abordagem que combina eficiência com a capacidade de atrair e reter usuários, tudo isso mantendo a simplicidade de navegação que todos valorizamos.