O bloco Star Rating permite exibir uma classificação visual por estrelas em qualquer página do SeedProd. Seja para avaliar um produto, classificar um serviço ou adicionar credibilidade a um depoimento, o bloco exibe uma linha de ícones de estrelas preenchidos ao lado de um rótulo de texto opcional, dando aos visitantes um sinal de qualidade imediato e reconhecível à primeira vista.
Você tem controle total sobre a escala (0–5 ou 0–10), o valor exato da classificação e o tamanho e espaçamento das estrelas. Combinado com opções de tipografia e cor, o bloco Classificação por estrelas pode ser perfeitamente adaptado para combinar com qualquer sistema de design, desde páginas de marketing ousadas até layouts de avaliação minimalistas.
Adicionando o bloco de classificação por estrelas às suas páginas
Siga estas etapas para adicionar um bloco de classificação por estrelas à sua página SeedProd:
Passo 1: Adicione o bloco
Em Design > Blocos, arraste e solte o bloco Classificação por estrelas na seção desejada da sua página.
Etapa 2: Configurar as definições de conteúdo
Depois de adicioná-lo, clique no bloco Classificação por estrelas para abrir suas configurações. Na guia Conteúdo, configure a exibição da classificação usando a seção Classificação por estrelas:
- Escala: Escolha entre uma escala de classificação de 0 a 5 ou de 0 a 10 no menu suspenso.
- Classificação: defina o valor exato da classificação usando o controle deslizante. O intervalo disponível é ajustado com base na escala escolhida — até 5 ou até 10, em incrementos de 0,5.
- Rótulo: insira um rótulo de texto opcional para exibir junto com as estrelas, como uma contagem de avaliações ou uma breve descrição (por exemplo, “4,5 de 5”).
- Alinhamento: defina o alinhamento horizontal da linha de estrelas — Esquerda, Centro ou Direita — com controle por dispositivo para desktop, tablet e celular.
- Tamanho: ajuste o tamanho do ícone usando o controle deslizante (0–100 px) para aumentar ou diminuir o tamanho das estrelas.
- Espaço entre: Controle o espaço entre cada ícone de estrela usando o controle deslizante (1–100 px).
Etapa 3: Personalizar o design
Na guia Avançado, você pode personalizar a aparência visual do seu bloco Classificação por estrelas. A seção Estilos contém as seguintes opções:
- Tipografia: Defina a família, o tamanho, a espessura, o estilo, a altura da linha, o espaçamento entre letras e as maiúsculas e minúsculas da fonte do texto da etiqueta.
- Cor da estrela: escolha a cor de preenchimento dos ícones de estrela (o padrão é dourado).
- Cor do texto: defina a cor do texto da etiqueta exibido ao lado das estrelas.
A guia Avançado também oferece controles para espaçamento (margem e preenchimento), atributos CSS personalizados, visibilidade do dispositivo e animações de entrada.
Etapa 4: Salve suas alterações
Depois de terminar de configurar o bloco Classificação por estrelas e personalizar sua aparência, certifique-se de salvar seu trabalho.
Você adicionou com sucesso um bloco de classificação por estrelas à sua página! Use-o em depoimentos, avaliações de produtos, estudos de caso ou em qualquer lugar onde você queira comunicar qualidade e credibilidade rapidamente. Experimente diferentes tamanhos, cores e textos de rótulos para criar uma classificação por estrelas que se encaixe naturalmente no design da sua página.