O bloco Avaliações comerciais permite exibir avaliações do Google e do Yelp diretamente nas suas páginas SeedProd. Esse bloco ajuda você a mostrar comentários autênticos de clientes com layouts personalizáveis, filtros e opções de estilo para construir confiança e credibilidade junto a clientes em potencial.
Exibir avaliações reais de clientes é uma das formas mais eficazes de criar prova social e influenciar decisões de compra. Com este bloco, você pode filtrar avaliações por classificação, exibir classificações por estrelas, mostrar detalhes do avaliador com fotos e até mesmo incluir links que redirecionam os visitantes para seus perfis completos de avaliação no Google ou no Yelp.
Adicionando o bloco Avaliações comerciais às suas páginas
Siga estas etapas para adicionar um bloco de Avaliações comerciais à sua página SeedProd:
Etapa 1: Adicione chaves API
Antes de adicionar o bloco Avaliações comerciais, você precisa configurar suas credenciais da API do Google e/ou do Yelp nas Configurações do SeedProd. Navegue até SeedProd > Configurações e adicione suas chaves API.
- Clique aqui para encontrar o seu ID do Google Place.
- Você também precisará do seu ID comercial do Yelp se quiser exibir avaliações do Yelp.
Adicione sua chave API do Google Places e credenciais API do Yelp nas configurações do SeedProd antes de usar o bloco Avaliações comerciais.
Passo 2: Adicione o bloco
Em Design > Blocos, arraste e solte o bloco Avaliações de negócios na seção desejada da sua página.
O bloco Avaliações de negócios está localizado em Design > Avançado e pode ser arrastado para qualquer seção da sua página.
Etapa 3: Configurar as definições de conteúdo
Depois de adicioná-lo, clique no bloco Avaliações comerciais para abrir suas configurações. Na guia Conteúdo, você pode configurar suas fontes de avaliação e opções de exibição.
Geral:
- Fonte das avaliações: escolha quais avaliações exibir – Google Places, Yelp ou ambos, Google e Yelp combinados.
- Chave API do Google Places: Insira sua chave API do Google Places (se ainda não tiver sido adicionada nas configurações do SeedProd).
- ID do Google Place: insira seu ID exclusivo do Google Place para obter avaliações do seu Perfil do Google Business. Clique no link fornecido para encontrar seu ID.
- Código do idioma: especifique o código do idioma para exibir as avaliações no seu idioma preferido (por exemplo, “en” para inglês, “es” para espanhol).
Selecione sua fonte de avaliação e insira seu ID do Google Place e suas preferências de idioma.
Configurações:
- Selecione o layout: escolha entre Grade (avaliações exibidas em linhas e colunas) ou Carrossel (avaliações exibidas em um carrossel deslizante).
- Número de avaliações: defina o número total de avaliações a serem exibidas. Observe que o Google permite no máximo 5 avaliações, e o total combinado do Google e do Yelp não pode exceder 8 avaliações.
- Coluna: escolha quantas colunas exibir suas avaliações (1 a 5 colunas). Mais colunas acomodam mais avaliações por linha, mas dão menos espaço a cada avaliação.
Escolha o estilo do layout, o número de avaliações a exibir e a configuração das colunas.
Filtros:
- Filtrar por: Escolha como filtrar as avaliações exibidas. As opções incluem Sem filtro (mostrar todas), Classificação (filtrar por classificação por estrelas) ou Data da avaliação (mostrar as avaliações mais recentes).
- Classificação mínima: defina a classificação mais baixa que uma avaliação deve ter para ser exibida. As opções incluem 2 estrelas, 3 estrelas, 4 estrelas, 5 estrelas ou Sem classificação mínima. Isso ajuda você a exibir apenas as melhores avaliações.
Filtre as avaliações por classificação ou data e defina requisitos mínimos de classificação.
Informações sobre o revisor:
- Imagem do revisor: Alterne para mostrar ou ocultar a foto do perfil do revisor
- Tamanho da imagem: ajuste o tamanho das imagens do perfil do revisor
- Nome do avaliador: Alterne para exibir ou ocultar o nome da pessoa que deixou a avaliação.
- Nome do link: Alterne para tornar os nomes dos avaliadores clicáveis, vinculando-os ao seu perfil do Google ou Yelp.
- Cor do nome do revisor: defina a cor dos nomes dos revisores
Configure imagens de perfil, nomes e opções de vinculação dos revisores.
Data da revisão:
- Data da avaliação: Alterne para mostrar ou ocultar quando cada avaliação foi publicada
- Selecione o tipo: escolha entre Numérico (exibido como uma data específica, como “15 de janeiro de 2024”) ou Relativo (exibido como tempo decorrido, como “2 semanas atrás”).
- Cor da data de revisão: defina a cor do texto da data de revisão
Controle o formato e o estilo de exibição da data de revisão.
Classificação:
- Classificação por estrelas: Alterne para exibir ou ocultar os ícones de classificação por estrelas para cada avaliação
- Tamanho do ícone: ajuste o tamanho dos ícones de classificação por estrelas
- Cor do ícone: defina a cor das estrelas preenchidas (avaliadas)
- Cor do ícone sem máscara: defina a cor para estrelas vazias (sem classificação)
Personalize a exibição, o tamanho e as cores da classificação por estrelas.
Texto da resenha:
- Texto da avaliação: Alterne para mostrar ou ocultar o conteúdo real da avaliação escrita pelos clientes
- Cor do texto: defina a cor do conteúdo do texto de revisão
- Comprimento do texto: defina o número máximo de caracteres a exibir em cada avaliação. As avaliações mais longas serão truncadas.
- Texto “Leia mais”: insira um texto personalizado para o link “Leia mais” que aparece nas avaliações truncadas (por exemplo, “Leia a avaliação completa”, “Mostrar mais”).
- Leia mais Cor: defina a cor do link “leia mais”.
Configure a exibição do texto da avaliação, os limites de comprimento e a funcionalidade “ler mais”.
Etapa 4: Personalizar o design
Na guia Avançado, você pode personalizar a aparência visual do seu bloco Avaliações da empresa:
Estilos:
- Tipografia do nome do revisor: controle as propriedades da fonte para os nomes dos revisores, incluindo família, tamanho, espessura e estilo da fonte.
- Cor do nome do revisor: defina a cor dos nomes dos revisores (também disponível na guia Conteúdo)
- Data de revisão Tipografia: personalize as propriedades da fonte para datas de revisão
- Cor da data: defina a cor do texto da data de revisão
- Tipografia do conteúdo: controle as propriedades da fonte para revisar o conteúdo do texto
- Cor do conteúdo: defina a cor do texto de revisão
Espaçamento:
- Margem: controle o espaçamento externo ao redor do bloco Avaliações da empresa (superior, direito, inferior, esquerdo). Isso determina quanto espaço aparece entre as avaliações e os elementos ao redor.
- Preenchimento: ajuste o espaçamento interno do bloco Avaliações da empresa (superior, direito, inferior, esquerdo). Isso cria um espaço entre as avaliações e as bordas do bloco.
Atributos:
- CSS ID: Exibe o identificador único gerado automaticamente para o seu bloco de Avaliações da Empresa. Este ID é criado automaticamente pelo SeedProd para personalização de estilo ou segmentação JavaScript.
- Classe personalizada: adicione classes CSS personalizadas para aplicar estilos específicos do seu tema ou CSS personalizado.
- Atributos personalizados: adicione quaisquer atributos HTML ao elemento wrapper do bloco. Insira cada atributo em uma nova linha usando o formato: nome-do-atributo|valor (por exemplo, dados-avaliações|negócios)
Visibilidade do dispositivo:
- Ocultar na área de trabalho: oculte o bloco Avaliações comerciais nas telas da área de trabalho.
- Ocultar no tablet: Oculte o bloco Avaliações da empresa em dispositivos tablet.
- Ocultar no celular: oculte o bloco Avaliações da empresa em dispositivos móveis
Efeitos de animação:
- Animação de entrada: escolha entre vários efeitos de animação que são reproduzidos quando as avaliações aparecem na tela. As opções incluem Saltar, Aparecer gradualmente, Ampliar, Girar e muito mais. Isso chama a atenção para sua prova social.
A guia Avançado oferece controles tipográficos, opções de espaçamento e efeitos de animação para a exibição de suas avaliações.
Etapa 5: Salve suas alterações
Depois de terminar de configurar o bloco Avaliações de negócios e personalizar sua aparência, certifique-se de salvar seu trabalho.
Você adicionou com sucesso um bloco de Avaliações comerciais à sua página! Essa poderosa ferramenta de prova social ajuda a construir confiança e credibilidade, exibindo comentários autênticos de clientes do Google e do Yelp. Experimente diferentes layouts, filtros e opções de estilo para criar uma exibição de avaliações que destaque as melhores experiências dos seus clientes e incentive clientes em potencial a escolherem sua empresa.