Como adicionar avaliações do Google ao Squarespace

É simples deixar as vozes reais dos clientes falarem por você — aprenda a adicionar avaliações do Google no Squarespace no nosso guia passo a passo.
Veja o que o ChatGPT acha Abrir o Editor do Live Plugin
How to Add Google Reviews to Squarespace

A maioria dos clientes quer ver opiniões reais antes de escolher uma empresa, então pense em adicionar avaliações do Google diretamente ao seu site Squarespace. Comentários autênticos aumentam a confiança e incentivam os visitantes a voltar quando estiverem prontos para decidir.

O widget de Avaliações do Google oferece uma forma simples de levar as suas melhores avaliações para o seu site em apenas alguns cliques. Esta solução puxa feedback novo automaticamente, combina com o estilo do seu site e economiza seu tempo, para que você possa se concentrar em expandir o seu negócio mantendo os visitantes engajados.

O que você encontrará neste guia:



  • Guia de instalação passo a passo. Instruções práticas para conectar Avaliações do Google.
  • Comparação de métodos de integração. Um panorama das opções de incorporação disponíveis.
  • Checklist de Especialistas. Passos-chave para garantir uma configuração suave e bem-sucedida.
  • 💖 Recomendação da Elfsight: Visite nosso post no blog para criar uma seção de FAQ interativa que aprimora a experiência do usuário.

Para ajudar você a começar, estas instruções estão organizadas em seções claras, tornando fácil seguir cada etapa ou ir direto à parte que atenda às suas necessidades.

Conecte avaliações do Google ao Squarespace rapidamente

  1. Abra o Construtor da Elfsight e escolha um modelo.
  2. Personalize o widget de Avaliações do Google.
  3. Clique em ‘Adicionar ao site gratuitamente’ e copie o código.
  4. Cole no backend do seu site Squarespace.

Comece a criar seu widget de avaliações do Google no editor gratuito!

Recursos que fazem suas avaliações do Google se destacarem

Agora que você viu como é simples criar o widget, vamos às principais funcionalidades que tornarão as Avaliações do Google uma adição poderosa ao seu site:

Funcionalidade-chavePor que isso importa
Exibe avaliações ao vivo do Google com detalhes do autorOs visitantes veem feedbacks reais de clientes, com nomes e fotos.
Botão ‘Escrever uma avaliação’ para a sua página no GoogleFacilita para os clientes deixarem novos comentários e elevarem as avaliações.
Atualizações automáticas de conteúdoSeu site exibe sempre as avaliações mais recentes e mantém tudo atualizado.
Filtragem por palavras-chave e classificaçãoVocê decide quais avaliações aparecem, para que apenas as mais relevantes sejam exibidas.
Layouts e estilos personalizáveisO widget combina com o visual do seu site, proporcionando uma experiência perfeita aos visitantes.

Estas são apenas algumas das principais funções que o Google Reviews pode oferecer para o seu negócio. Para mais detalhes, confira a Página de Funcionalidades. Em seguida, vamos demonstrar as etapas de integração para colocar suas avaliações no ar.

Guia Completo para Incorporar Avaliações do Google no Squarespace

Esta seção detalha o processo de criar, personalizar e incorporar Avaliações do Google com detalhes, incluindo dicas práticas para diferentes layouts e estratégias de avaliação que você pode usar.

1. Escolha um modelo

Você começa no construtor de widgets ao selecionar um dos modelos prontos. Cada um oferece um estilo visual diferente: Classic (layout original do Google), Bubble (informações do autor abaixo do texto da avaliação), ou Spotlight (elementos centralizados com maior destaque ao conteúdo da avaliação).

💡 Dica: Se suas avaliações ficarem longas, escolha Spotlight ou Bubble para que os detalhes do autor e o texto fiquem bem separados, facilitando a leitura.

Escolha uma que você goste e clique em “Continuar com este modelo” para seguir para a próxima etapa.

Choose a template for Google Reviews

2. Conecte seu Perfil do Google e Selecione Avaliações

O próximo passo é vincular o widget ao seu Perfil Empresarial do Google. Após a autorização, o widget pode buscar avaliações da sua fonte automaticamente.

Add the Source

Depois, você decide quais feedbacks exibir usando filtros: exiba apenas os positivos, exclua feedbacks com palavras-chave específicas ou limite o número de avaliações.

💡 Dica: Filtrar avaliações com palavras-chave irrelevantes pode ajudar a exibir o feedback essencial, especialmente nas páginas de destino.

3. Escolha um Layout

Nas Configurações de Layout, você pode escolher como suas avaliações aparecerão. Existem várias opções:

  • Lista: Avaliações em lista vertical, uma após a outra.
  • Grade: Várias avaliações exibidas em formato de grade.
  • Slider/Carousel: Avaliações percorrem ou deslizam com setas ou arraste.
  • Masonry: Um layout dinâmico que ajusta as avaliações com base no espaço vertical disponível.
  • Selo flutuante: Um pequeno selo que fica flutuando na tela conforme o usuário rola.
  • Selo incorporável: Uma versão compacta integrada de forma elegante ao seu conteúdo.
💡 Dica: Use o Selo Flutuante se quiser avaliações sempre visíveis, sem ocupar muito espaço no layout, por exemplo, para sinais de confiança.

Nesta etapa, você também pode definir quantas avaliações aparecem por página, escolher paginação ou rolagem infinita e ajustar diferentes configurações de layout para móvel vs desktop.

Add the Source

4. Detalhes da Revisão de Estilo

Na aba Estilo, você personaliza os elementos visuais para que o widget combine com o design do seu site. Você pode ajustar:

  • Fonts: tamanhos, peso (regular ou bold), para título vs texto de avaliação.
  • Cores: cinco elementos principais podem ter cor personalizada — texto de avaliação, fundo dos cartões de avaliação, links, classificações por estrelas e o botão “Escrever uma avaliação”.
  • Cartão de Avaliação espaçamento e preenchimento.
  • Opcionalmente ligar/desligar foto do autor, data, nota numérica, e ícones de avaliação.
Adjust style

5. Configurar Comportamento e Configurações

Em “Configurações”, você pode ajustar como o widget se comporta. Escolha as opções de cabeçalho: exibir/ocultar a avaliação geral por estrelas, o número de avaliadores e a foto do revisor mais recente. Personalize o botão “Escrever uma avaliação” – o rótulo, as ações Sim/Não, ou um redirecionamento para a sua página do Google.

💡 Dica: Se o seu site for multilíngue, verifique se os rótulos de texto (por exemplo, “Escreva uma avaliação”) se adaptam a diferentes idiomas para que os visitantes recebam textos localizados.

Defina a largura e a altura (em pixels ou porcentagem) para que ele caiba bem no seu layout. Garanta que o widget seja responsivo para ficar bonito em dispositivos móveis, tablet e desktop.

Configure settings

6. Obter o código de instalação

Depois de ficar satisfeito com a aparência e o funcionamento, clique “Adicionar ao site gratuitamente.” O editor gerará seu snippet de incorporação exclusivo. Copie esse código — você o utilizará no seu site para exibir o widget.

Get the code

7. Adicione o Widget ao Squarespace

Neste estágio, identifique a versão do Squarespace que você está usando e, em seguida, selecione o método correspondente ao local onde você quer que o widget apareça:

Widget em linha em uma página específica (Squarespace 7.0)

  1. Entrar na sua conta Squarespace e abra seu painel.
  2. Vá para Site → Páginas e selecione a página que deseja editar.
  3. Clique em Editar logo acima da seção onde você quer inserir o widget.
  4. Clique no + ícone para adicionar um bloco e escolha Código.
  5. Cole seu código Elfsight no pop-up de conteúdo do Bloco de Código. Salve as alterações.

Widget inline em uma página específica (Squarespace 7.1)

  1. Faça login na sua conta Squarespace e abra o seu site.
  2. No painel, vá em Site → Páginas e selecione a página que deseja editar.
  3. Clique Adicionar Seção, e selecione uma seção em branco.
  4. Clique Adicionar Bloco → Código, em seguida clique no ícone de edição para esse bloco.
  5. Cole o <strong>embed code</strong> into the Code block, adjust block width if necessary, then save.

Widget flutuante em uma página específica

  1. Abra o painel do Squarespace e vá para Site → Páginas.
  2. Selecione a página e clique no ícone de engrenagem (configurações da página).
  3. Clique na guia Avançado.
  4. Cole o seu trecho do Elfsight no widget flutuante ou no campo de código personalizado. Salve as alterações.

Widget flutuante em todas as páginas do site

  1. No painel do Squarespace, acesse Configurações → Avançado → Injeção de Código (ou Código Personalizado → Injeção de Código dependendo da versão).
  2. Cole o código no Rodapé (ou no campo designado) e salve.
Verificação Pro: Após a instalação, atualize seu site e teste em diferentes dispositivos. Certifique-se de usar o snippet completo em um campo Código/HTML e não em um bloco apenas de texto.

Isso é tudo — fácil e flexível. Se você preferir explorar abordagens alternativas de incorporação, a próxima seção explica outros métodos confiáveis para exibir avaliações do Google no Squarespace.

Outras formas de adicionar Avaliações do Google no Squarespace

Existem alguns métodos nativos e oficiais, mas cada um vem com limitações:

Incorporando com a API do Google Places

  1. Crie um projeto no Google Cloud. Acesse o Console do Google Cloud e configure ou selecione o seu projeto.
  2. Ative a Places API. Ative a Places API e obtenha sua chave de API.
  3. Recupere o Place ID do seu negócio. Use o Localizador de Place ID para obter seu identificador exclusivo.
  4. Escreva um script para buscar avaliações. Use JavaScript ou outra linguagem para chamar a API e formatar os resultados.
  5. Adicione código ao Squarespace. Cole seu script em um bloco de código do Squarespace e salve.

Mais detalhes estão disponíveis na documentação oficial da API Google Places.

Incorporação manual com selos de avaliações do Google

  1. Faça login no Google Business Profile. Acesse o painel do perfil da sua empresa.
  2. Encontre a seção Kit de Marketing. Localize a área para ativos promocionais.
  3. Baixe o selo de avaliação. Selecione e baixe a imagem do selo ou o trecho HTML.
  4. Carregue ou incorpore o selo. Adicione a imagem ou o HTML à sua página Squarespace usando um bloco de imagem ou código.
  5. Vincule à sua página de avaliações. Opcionalmente, transforme o selo em um link para as suas avaliações completas.

Seção de Ajuda do Google Business Profile.

Usando o Bloco de Código Integrado do Squarespace

  1. Prepare seu código de incorporação. Obtenha um snippet HTML ou JavaScript que exiba suas avaliações a partir da sua fonte.
  2. Faça login no Squarespace. Abra o editor de páginas para a página desejada.
  3. Insira um bloco de código. Arraste o bloco de código para onde você quer que as avaliações apareçam.
  4. Cole seu código. Cole o código de incorporação e salve as alterações.

Mais detalhes estão disponíveis no Guia de Suporte do Bloco de Código do Squarespace.

Como esses métodos se comparam?

MétodoPro PrincipalCon Principal
Elfsight WidgetFácil de configurar e altamente personalizável.Uso de uma ferramenta de terceiros.
Google Places APIOferece atualizações de avaliações em tempo real e controle total.Exige habilidades de codificação e manutenção contínua.
Selos de Avaliações do GoogleBranding oficial e configuração simples.Mostra apenas um badge estático, não dinâmico nem avaliações recentes.
Bloco de Código Integrado do SquarespaceFlexível para soluções personalizadas e integrações.Não há maneira integrada de buscar ou estilizar avaliações automaticamente.

Se você quiser dicas práticas para deixar as Avaliações do Google com ótima aparência e funcionando perfeitamente no seu site Squarespace, continue lendo para as próximas dicas úteis.

📝 Checklist essencial para o sucesso do Widget de Avaliações do Google

Com a experiência prática da equipe da Elfsight, sabemos que o widget de Avaliações do Google funciona melhor quando você aplica um pouco de estratégia desde o começo. Abaixo estão nossas principais recomendações para aproveitá-lo ao máximo:

  1. Escolha as avaliações certas para destacar. Use as opções de filtragem do widget para exibir apenas avaliações com alta classificação, ocultar feedback negativo, se necessário, ou exibir avaliações que mencionem palavras-chave importantes para o seu negócio.
  2. Posicione o widget onde os visitantes o veem primeiro. Páginas iniciais, páginas de serviço e áreas de checkout são locais ideais para conquistar a confiança de novos visitantes.
  3. Personalize o layout e as cores para combinar com o seu site. Ajuste o design do widget para que ele se integre naturalmente à sua marca, evitando conflitos visuais que pareçam um complemento de última hora.
  4. Ative o botão “Escreva uma avaliação”. Facilite que clientes satisfeitos deixem feedback, conectando diretamente ao seu perfil do Google, convertendo leitores passivos em avaliadores ativos.
  5. Teste o widget em dispositivos móveis. Verifique se depoimentos, imagens e botões aparecem corretamente em smartphones e tablets, onde muitos usuários conhecerão sua empresa pela primeira vez.
  6. Deixe o widget atualizar automaticamente. Conte com sincronização em tempo real para que seu site exiba sempre as opiniões mais recentes dos clientes, sem atualizações manuais.
  7. Use o recurso de resumo com IA para destacar tendências. Realce elogios ou temas recorrentes em suas avaliações para que os visitantes entendam rapidamente o que sua empresa faz de melhor.

Com o widget de avaliações do Google configurado para obter o máximo de impacto, você está pronto para ver como ele funciona na prática. Na próxima seção, vamos analisar um exemplo real para que você possa ver exatamente como a funcionalidade do widget se traduz em resultados.

Avaliações do Google no Trabalho: Contabilidade e Negócios

Um escritório de contabilidade independente recorreu ao Elfsight para fortalecer sua presença online e aumentar a credibilidade. Ao exibir avaliações autênticas do Google diretamente em seu site, a equipe conseguiu conquistar a confiança de novos visitantes e gerar mais consultas de clientes, sem depender fortemente de anúncios pagos.

Antes de usar o Elfsight

O site da empresa era profissional, porém estático. Clientes em potencial não tinham como verificar a qualidade do serviço além do boca a boca. Essa falta de prova social significava oportunidades perdidas de converter visitantes casuais em clientes pagantes.

  • Sem depoimentos de clientes visíveis no site.
  • Dificuldade em conquistar a confiança de visitantes de primeira viagem
  • Taxa de conversão abaixo do esperado do tráfego do site

Com o Google Reviews

“Observamos maior engajamento em landing pages, experiência móvel mais suave e um aumento nas conversões de leads.”

Alejandro, Aiden Startup

Ao incorporar o widget de Avaliações do Google, a empresa poderá exibir automaticamente feedbacks atualizados dos clientes a partir do Perfil da Empresa no Google. Avaliações positivas aparecem agora diretamente nas páginas de serviço, ajudando potenciais clientes a ver experiências reais e verificadas sem sair do site. Essa prova social autêntica tornou o site mais persuasivo e centrado no cliente.

Google Reviews for Accounting Business

Resultados

Depois de implementar as Avaliações do Google, a empresa relatou um aumento claro nas conversões. Os visitantes passaram não apenas mais tempo no site, mas também ficaram mais propensos a agendar uma consulta após ler depoimentos positivos. O widget ajudou a reduzir a hesitação e forneceu o impulso de credibilidade necessário para se destacar em um nicho competitivo.

Outros widgets em uso

Além das avaliações do Google, a empresa também usa o Formulário de Contato para capturar leads, o Perguntas Frequentes para responder às perguntas comuns dos clientes, e o Consentimento de Cookies para garantir a conformidade. Juntas, essas integrações criam um site voltado para o cliente, transparente, profissional e fácil de navegar.

Além disso, a equipe personalizou a aparência dos seus widgets para combinar perfeitamente com a identidade da marca, mostrando o quanto as soluções da Elfsight são flexíveis e impactantes quando aplicadas de forma criativa em qualquer setor.

É comum ter dúvidas sobre como as Avaliações do Google funcionam na prática. Abaixo, você encontrará respostas para questões frequentes e soluções que ajudam as empresas a aproveitar ao máximo o widget de avaliações.

Problemas do Widget de Avaliações do Google e Soluções

Adicionar avaliações do Google ao seu site Squarespace pode aumentar a credibilidade, mas os usuários costumam enfrentar dificuldades na configuração. A maioria dos problemas decorre de posicionamento incorreto do widget, falhas do navegador ou configurações de exibição. Abaixo estão os problemas comuns e as soluções:

Por que as avaliações do Google aparecem em branco no desktop, mas aparecem no celular?

Isso costuma acontecer devido a problemas de cache do navegador ou de scripts em conflito. Tente abrir seu site em uma janela de navegação anônima, limpar o cache e verificar se o widget aparece. Caso não funcione, examine o console do navegador em busca de erros e entre em contato com o provedor do widget com os detalhes.

Como garanto que meu widget de Avaliações do Google permaneça responsivo em todos os dispositivos?

Escolha um layout de widget responsivo, como grid ou carrossel. Teste seu site em diferentes tamanhos de tela após incorporar. Ajuste as configurações do widget para limitar o número de avaliações exibidas se a seção ficar confusa ou carregar lentamente.

O que devo fazer se o código do widget desaparecer após salvar a página do Squarespace?

Verifique se você colou o código em um bloco de incorporação configurado como “Code Snippet” e “Embed Data”. Se o código estiver ausente, copie-o novamente do painel do seu widget e cole-o novamente. Evite editar a página de forma que possa remover o código personalizado.

Avaliações do Google demais podem afetar o desempenho do seu site?

Sim, exibir um grande volume de avaliações pode deixar sua página lenta e sobrecarregar os visitantes. Limite o número de avaliações exibidas, use filtros para destacar feedback com alta avaliação ou rode avaliações em um carrossel para manter a seção fresca e rápida.

Como garantir que o widget de avaliações do Google combine com a identidade da sua marca no site?

A maioria dos widgets permite personalizar cores, fontes e estilos de botões. Use o editor de widgets para ajustar esses elementos para combinar com o design do seu site. Salve e visualize as alterações antes de publicar para confirmar o visual.

Se você ainda enfrentar problemas após seguir estas etapas, a seção seguinte oferece links diretos para recursos oficiais de ajuda e suporte da comunidade.

Quer mais orientações?

Estamos comprometidos em tornar seu processo de configuração mais fácil e adoramos ouvir suas experiências e ideias criativas. Envie seu feedback ou qualquer dúvida. Mantenha-se conectado com a equipe da Elfsight no X, Facebook e LinkedIn para atualizações e dicas úteis.

Artigo por
Especialista em Conteúdo com IA
Kristina aborda tópicos de IA na Elfsight e Beamtrace: ela escreve sobre chatbots de IA, visibilidade de LLM e como a IA está remodelando a busca e a experiência do cliente – com perspectivas práticas para proprietários de sites e equipes de marketing que precisam que tudo funcione de verdade.