Como exibir as avaliações da sua página do Facebook no WordPress

Publicados: 2023-02-24


Você deseja exibir comentários de páginas do Facebook no WordPress?

Comentários e classificações podem ajudá-lo a ganhar a confiança de clientes em potencial e incentivá-los a comprar em seu site. Se você tem uma página no Facebook, talvez já tenha muitas avaliações que podem ser facilmente incorporadas ao seu site WordPress.

Neste artigo, mostraremos como exibir as avaliações e avaliações de sua página do Facebook em seu site WordPress.

How to display your Facebook page reviews in WordPress

Por que você deve exibir avaliações de páginas do Facebook no WordPress?

As avaliações podem ajudá-lo a criar provas sociais e ganhar a confiança de seus visitantes, o que significa mais vendas para sua empresa.

Existem várias maneiras de coletar avaliações, incluindo o uso dos melhores plugins de avaliação de clientes para WordPress ou os melhores plugins de depoimentos de clientes.

No entanto, o Facebook tem seu próprio sistema de revisão integrado. Se você já possui uma página no Facebook, os seguidores podem avaliar seus produtos e serviços nessa plataforma. Isso é ótimo para ajudar você a criar uma página do Facebook envolvente e confiável.

Mas também é uma boa ideia mostrar essas avaliações em seu site WordPress. Dessa forma, as pessoas podem ver todas as suas críticas positivas, mesmo que não visitem sua página no Facebook.

As avaliações também podem destacar benefícios e recursos que você perdeu no texto do seu site e são ótimos para melhorar o SEO do seu WordPress.

Depois de incorporar o feed de comentários em seu site, novos comentários aparecerão em seu site automaticamente. Isso significa que os visitantes sempre verão as avaliações mais recentes sem que você precise adicioná-las manualmente ao seu site.

Com isso em mente, vamos ver como exibir as avaliações da sua página do Facebook no WordPress.

Como instalar um plug-in de avaliações de página do Facebook

A melhor maneira de exibir suas avaliações do Facebook no WordPress é usando o plug-in Smash Balloon Custom Facebook Feed com a extensão Reviews.

Este plug-in e extensão permitem que você mostre todos os comentários de sua página do Facebook em um layout atraente e totalmente personalizável. À medida que você obtém mais avaliações, elas são adicionadas ao seu site WordPress automaticamente.

Facebook reviews, embedded using Smash Balloon

Você pode comprar o plug-in Smash Balloon Custom Facebook Feed e, em seguida, comprar a extensão Reviews separadamente. Ou você pode obter todos os plug-ins Smash Balloon e a extensão Reviews comprando o pacote Smash Balloon.

Observação : neste guia, usaremos a versão Pro do Smash Balloon, pois permite incorporar avaliações do Facebook em seu site WordPress. No entanto, também há uma versão gratuita que permite incorporar facilmente postagens de status do Facebook no WordPress.

A primeira coisa que você precisa fazer é instalar e ativar o plugin Smash Balloon Custom Facebook Feed. Para obter mais detalhes, consulte nosso guia sobre como instalar um plug-in do WordPress.

Após a ativação, você precisará acessar o feed do Facebook »Configurações e inserir sua chave de licença no campo 'Chave de licença'.

Adding the license key to Smash Balloon

Você encontrará essas informações em sua conta no site Smash Balloon. Depois de inserir a chave, clique no botão 'Ativar'.

Em seguida, vá para Feed do Facebook » Extensões . Aqui, encontre a extensão 'Comentários'.

The Smash Balloon reviews extension

Se você não comprou o pacote ou a extensão, clique no botão 'Instalar'. Você pode seguir as instruções na tela para comprar a extensão Avaliações.

Você pode instalar a extensão exatamente da mesma maneira que configurou um plug-in do WordPress. Para obter mais detalhes, consulte nosso guia sobre como instalar um plug-in do WordPress.

Depois de instalar a extensão, vá em frente e clique no botão 'Ativar'.

Activating the Smash Balloon Reviews extension

Conecte o plug-in de avaliações do Facebook à sua página

Agora, é hora de conectar sua página do Facebook ao WordPress para que você possa mostrar os comentários dessa página.

Para começar, vá para Facebook Feed » Todos os feeds e clique em 'Adicionar novo'.

Connecting Facebook page to WordPress

O Smash Balloon permite incorporar álbuns do Facebook no WordPress, bem como fotos, eventos, vídeos e muito mais.

Como queremos incorporar as avaliações da nossa página do Facebook, clique em 'Comentários' e selecione o botão 'Avançar'.

Creating a Reviews feed in WordPress

Depois disso, você precisará selecionar a página do Facebook de onde obterá as avaliações.

Para fazer isso, clique em 'Adicionar novo'.

Choosing a Facebook page

Na próxima tela, selecione o botão de opção ao lado de 'Página'.

Depois de fazer isso, vá em frente e clique em 'Conectar ao Facebook'.

How to connect WordPress to your Facebook page

Isso abre um pop-up onde você pode fazer login em sua conta do Facebook e escolher as páginas de onde obterá as avaliações.

Depois de fazer isso, clique em 'Avançar'.

Giving Smash Balloon access to your Facebook page

O Facebook mostrará então toda a informação a que o Smash Balloon terá acesso e as ações que pode realizar.

Para restringir o acesso do Smash Balloon à sua página do Facebook, basta clicar em qualquer um dos botões para mudar de 'Sim' para 'Não'. Esteja ciente de que isso pode afetar o conteúdo que você pode mostrar em seu blog ou site WordPress.

Com isso em mente, é uma boa ideia deixar todos os interruptores ativados.

Changing the Facebook permissions in Smash Balloon

Quando estiver satisfeito com a configuração das permissões do Facebook, clique em 'Concluído'.

Após alguns instantes, você deverá ver uma mensagem confirmando que conectou seu site WordPress e sua página do Facebook.

Feito isso, clique no botão 'OK'.

Successfully connecting WordPress and Facebook

O Smash Balloon o levará automaticamente de volta ao painel do WordPress.

Como exibir as avaliações da sua página do Facebook no WordPress

Agora você verá um pop-up com a página do Facebook que você conectou ao seu site WordPress. Basta selecionar o botão de opção próximo à sua página e clicar no botão 'Adicionar'.

Displaying reviews from a Facebook page

Se você fechou o pop-up por acidente, não se preocupe. Você pode simplesmente atualizar a guia para reabrir o pop-up Smash Balloon.

Depois disso, o Smash Balloon o levará de volta à página Feed do Facebook »Todos os feeds automaticamente. Assim como antes, clique no botão 'Adicionar novo', selecione 'Rádio' e clique no botão 'Avançar'.

Agora, selecione sua página do Facebook e clique em 'Avançar'.

Showing the reviews from a Facebook page

Nessa tela, você pode escolher o modelo que usará como ponto de partida para seu feed de resenhas. Você pode personalizar todos esses modelos usando o editor Smash Balloon.

Estamos usando o modelo 'Padrão', mas você pode escolher qualquer modelo que desejar.

Choosing a template for your Facebook review feed

Feito isso, clique no botão 'Avançar'.

O Smash Balloon agora irá em frente e criará um feed de todos os seus comentários no Facebook.

Como personalizar suas avaliações incorporadas do Facebook

Este é um bom começo, mas o Smash Balloon tem muitas configurações que você pode usar para personalizar como as avaliações aparecem no seu site WordPress.

Para ajustar seu feed de resenhas, vá para Feed do Facebook » Todos os feeds . Aqui, encontre o feed que você acabou de criar e clique no botão 'Editar' próximo a ele.

How to customize your Facebook page review

Isso abre o editor de feed do Smash Balloon, que mostra uma prévia do seu feed de resenhas.

No lado esquerdo, você verá todas as diferentes configurações que pode usar para personalizar a aparência do feed de comentários em seu site. A maioria dessas configurações é bastante direta, mas abordaremos rapidamente todas as configurações principais.

How to create a custom Facebook review for your WordPress website

Se você quiser alterar o modelo que está usando, basta clicar em 'Modelo'.

Em seguida, selecione o botão 'Alterar' e escolha um novo modelo.

Choosing a new template for your Facebook review feed

Quando estiver satisfeito com o layout, clique no link 'Personalizar'.

Isso o levará de volta ao editor principal do Smash Balloon, onde você pode passar para a próxima tela de configurações, que é 'Layout do feed'.

Nesta tela, você pode alternar entre layouts de alvenaria e lista e alterar a altura de alimentação.

Facebook reviews, arranged in a masonry layout

À medida que você faz alterações, a visualização à direita é atualizada automaticamente, para que você possa experimentar diferentes configurações para ver o que funciona melhor para o seu feed de resenhas do Facebook.

Por padrão, o Smash Balloon mostrará um número diferente de avaliações em computadores desktop e dispositivos móveis.

Você pode visualizar a aparência do feed em computadores desktop, tablets e smartphones usando a linha de botões no canto superior direito.

Testing your Facebook review feed on smartphones and tablets

Só porque seu feed parece ótimo em dispositivos de desktop, não significa que ficará tão bom em smartphones e tablets.

Então, depois de testar a versão mobile do seu site WordPress, você pode querer alterar a quantidade de postagens que aparecem em smartphones e tablets, para que o feed caiba mais confortavelmente na tela.

Para fazer essa alteração, basta encontrar a seção 'Número de postagens' e digitar um número diferente no campo 'Celular'.

Creating a responsive and mobile-friendly layout using Smash Balloon

Se você deseja mostrar menos conteúdo em smartphones e tablets, também pode alterar o número de colunas.

Para mostrar menos colunas em dispositivos móveis, basta digitar alguns novos números nas configurações de 'Colunas'. Na imagem a seguir, estamos dividindo o conteúdo em 3 colunas no computador, 2 colunas no tablet e 1 coluna nos dispositivos móveis.

Changing the number of columns in a mobile-friendly layout

Por padrão, o Smash Balloon usa o mesmo esquema de cores do seu tema WordPress, mas também permite que você mude para um esquema de cores 'Claro' ou 'Escuro'.

Para dar uma olhada nessas opções, clique em 'Esquema de cores' no menu principal do Smash Balloon. Aqui, você pode testar os esquemas de cores 'Claro' e 'Escuro', alterar a cor do texto no WordPress, selecionar 'Personalizado' e usar os controles para alterar a cor de fundo e muito mais.

Changing the color scheme of a Facebook review feed

Em seguida, você pode adicionar um cabeçalho acima do seu feed de comentários, que pode incluir conteúdo como a foto do perfil e o nome da sua página. Isso deixa claro que todas as críticas positivas são para sua página ou empresa.

Para adicionar uma seção de cabeçalho, selecione 'Cabeçalho' no menu à esquerda.

Adding a header to your Facebook review feed

Para começar, você pode adicionar ou ocultar o cabeçalho clicando no controle deslizante 'Ativar'.

Se você mostrar um cabeçalho, poderá usar os controles para alterar o tamanho do cabeçalho e sua cor, ocultar ou mostrar a foto do perfil da sua página, mostrar a biografia e os gostos da sua página e muito mais.

Customizing the review header using Smash Balloon

Depois disso, você pode alterar a aparência dos comentários individuais dentro do feed selecionando 'Estilo de postagem' no menu à esquerda.

Depois disso, clique em 'Post Style' novamente.

Adding Facebook reviews to your WordPress website

Aqui, você pode escolher entre um layout regular e um em caixa.

Se você clicar em 'Caixa', poderá criar um plano de fundo colorido para cada postagem. Você também pode aumentar o raio da borda para criar cantos curvos ou adicionar uma sombra de borda para ajudar a destacar suas revisões.

Adding a boxed style to your WordPress reviews

Se você escolher um layout 'Regular', poderá alterar a cor e a espessura da linha que separa as diferentes avaliações.

Na imagem a seguir, aumentamos a espessura da linha e usamos uma cor diferente.

Customize your Facebook page reviews in WordPress

Você também pode estilizar as partes individuais em cada revisão voltando à tela principal de configurações do Smash Balloon.

Mais uma vez, selecione 'Post Style' e, em vez disso, clique em 'Edit Individual Elements'.

Editing individual elements in your business page reviews

Agora você verá todo o conteúdo diferente que o Smash Balloon mostra a cada avaliação, como o nome do cliente, a data e o número de curtidas, compartilhamentos e comentários.

Para remover um conteúdo de suas revisões incorporadas, clique para desmarcar sua caixa.

Changing the content in your business reviews

Para estilizar um conteúdo, basta clicar em seu título. Isso o levará a uma tela onde você pode alterar o tamanho e a cor do texto.

Isso permite que você faça com que determinado conteúdo se destaque mais do que outros. Por exemplo, você pode querer deixar o texto da avaliação maior do que o nome da pessoa que fez a avaliação.

Changing the way your embedded Facebook reviews look in WordPress

Por padrão, o Smash Balloon mostrará um link 'Ver todas as avaliações' abaixo de cada avaliação.

Você pode alterar a aparência desse link ou até mesmo substituí-lo por sua própria mensagem clicando em 'Post Action Links'.

Changing how the links look in your embedded social media reviews

Aqui, você pode alterar o tamanho e a cor do texto.

Para substituir o texto padrão, basta digitar no campo 'Exibir todos os comentários'.

Changing the text in your business review links

Por padrão, o Smash Balloon não adiciona um botão 'Curtir' do Facebook ao seu feed de comentários. Este botão torna mais fácil para os visitantes seguirem você no Facebook, para que possam saber mais sobre sua empresa.

Por esse motivo, você pode adicionar esse botão selecionando as configurações de 'Caixa de Curtir'.

Adding a Facebook Like button to your WordPress website

Aqui, basta clicar em 'Ativar' para que a alternância fique azul.

Agora você pode usar o menu suspenso 'Posição' para mostrar a Caixa Curtir abaixo ou acima do feed de resenhas.

Changing the position of your Facebook like button

Você também pode usar essas configurações para aumentar ou diminuir o botão, mostrar a foto da capa da sua página ou adicionar uma frase de chamariz personalizada.

As avaliações já são uma forma poderosa de prova social, mas você também pode querer mostrar o número total de pessoas que o seguem no Facebook. Para fazer isso, basta clicar no botão 'Mostrar fãs' para que fique azul.

Showing your social media followers on your WordPress website

O botão 'Carregar mais' oferece aos visitantes uma maneira fácil de percorrer mais de suas avaliações. Se você tiver muitos comentários, é uma boa ideia adicionar este botão ao seu feed, caso ainda não esteja ativado.

Para fazer isso, selecione a opção 'Carregar mais botão' no menu à esquerda.

Adding a Load More button to your WordPress blog

Em seguida, clique no botão 'Ativar' para que fique azul.

Você também pode destacar o botão alterando sua cor de fundo, estado de foco e cor do texto.

Você pode até adicionar sua própria mensagem ao botão digitando no campo 'Texto'. Por exemplo, você pode querer usar algo como 'Leia mais avaliações'.

Customizing the social media 'Load More' button

Quando estiver satisfeito com a aparência do feed de avaliação do Facebook, não se esqueça de clicar em 'Salvar' para armazenar suas alterações.

Como incorporar seu feed de avaliação do Facebook no WordPress

Agora você está pronto para adicionar o feed de avaliação ao seu site usando um bloco, widget ou shortcode.

Se você criou mais de um feed usando o Smash Balloon, precisará saber o código do feed de revisão se estiver planejando usar um bloco ou widget.

Para obter essas informações, vá para Facebook Feed » All Feeds e, em seguida, olhe para a parte feed="" do shortcode. Este é o código que você precisará adicionar a um bloco ou widget, então anote-o.

Na imagem a seguir, precisaremos usar feed="5" .

The Smash Balloon shortcode settings

Se você deseja incorporar seus comentários em uma página ou postagem, pode usar o bloco 'Feed do Facebook personalizado'.

Basta abrir a página ou postar onde você deseja mostrar seus comentários. Em seguida, clique no ícone '+' para adicionar um novo bloco e comece a digitar 'Custom Facebook Feed'.

Quando o bloco do Facebook aparecer, clique para adicioná-lo à sua página ou publicação.

The Custom Facebook Feed WordPress plugin

O bloco mostrará um de seus feeds do Smash Balloon por padrão. Se este não for o seu feed de avaliação do Facebook, encontre a seção 'Configurações de código de acesso' no menu à direita.

Aqui, vá em frente e adicione o código feed="" e clique em 'Aplicar alterações'.

Adding a review feed to your WordPress website

Depois disso, publique ou atualize a página para que as avaliações sejam publicadas no seu site.

Outra opção é adicionar o feed a qualquer área pronta para widget, como a barra lateral ou seção semelhante. Isso permite que os visitantes vejam suas avaliações mais recentes, não importa onde estejam em seu site WordPress.

Para fazer isso, vá até Aparência » Widgets no painel do WordPress e clique no botão azul '+'.

Adding a social media widget to your WordPress website

Depois disso, digite 'Custom Facebook Feed' na barra de pesquisa.

Quando o widget certo aparecer, arraste-o para onde deseja mostrar as avaliações em seu site WordPress, como a barra lateral.

Adding the Custom Facebook Feed widget to your WordPress website

Por padrão, o widget mostrará um dos feeds que você criou usando o Smash Balloon.

Se este não for o seu feed de avaliação do Facebook, digite o código do feed na caixa 'Configurações de código de acesso'. Depois disso, clique em 'Aplicar alterações'.

The Smash Balloon social media widget

Agora você pode clicar no botão 'Atualizar' para ativar o widget de mídia social. Para obter mais informações, consulte nosso guia completo sobre como adicionar e usar widgets no WordPress.

Outra opção é incorporar o feed de revisão em qualquer página, postagem ou área pronta para widget usando um shortcode. Basta acessar o Feed do Facebook » Todos os feeds e copiar todo o código na coluna 'Código de acesso'.

Agora você pode adicionar este código a qualquer bloco de shortcode. Para obter mais informações, consulte nosso guia completo sobre como adicionar um shortcode no WordPress.

Por fim, se você tiver um tema habilitado para blocos, poderá usar o editor de site completo para adicionar o bloco 'Feed do Facebook personalizado' em qualquer lugar do site.

No painel do WordPress, basta acessar Aparência » Editor .

Adding a Facebook review feed using the WordPress Full Site Editor

Por padrão, o editor de site completo mostrará o modelo inicial do tema. Se você quiser adicionar o feed de avaliação a um modelo diferente, clique na seta ao lado de 'Página inicial'.

Você pode escolher um modelo no menu suspenso, como o modelo de rodapé.

Adding Facebook reviews to your site using the FSE Full Site Editor

Outra opção é clicar em 'Procurar todos os modelos'.

O editor de site completo agora mostrará uma lista de todos os modelos que você pode editar. Basta clicar no modelo onde deseja mostrar seus comentários.

Browsing the block templates in the Full Site Editor (FSE)

Depois de escolher seu modelo, basta passar o mouse sobre a área onde deseja adicionar o feed de revisão.

Em seguida, clique no '+' azul quando ele aparecer.

Adding the Custom Facebook Feed block to your WordPress theme

Depois disso, comece a digitar 'Custom Facebook Feed'.

Quando o bloco certo aparecer, clique para adicioná-lo ao modelo.

Adding a Facebook review feed to the WordPress FSE

Como sempre, o Smash Balloon mostrará um feed por padrão. Você pode alterar esse feed adicionando um shortcode seguindo o mesmo processo descrito acima.

Esperamos que este artigo tenha ajudado você a aprender como exibir as avaliações da sua página do Facebook no WordPress. Você também pode querer ver nossa escolha de especialistas dos melhores plugins do Facebook para o seu blog ou como criar um feed de fotos personalizado do Instagram.

Se você gostou deste artigo, assine nosso canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.