Como Incorporar um Feed de Grupo do Facebook no WordPress

Incorporar um feed de Grupo do Facebook pode ser uma ótima maneira de exibir interações da comunidade, compartilhar atualizações e manter o conteúdo do seu site atualizado.

Essa integração ajuda a conectar suas comunidades online e pode aumentar o engajamento dos visitantes.

Temos usado diferentes plataformas de mídia social para direcionar tráfego para nossos sites. É por isso que entendemos os desafios de adicionar um feed de mídia social.

Neste artigo, mostraremos como adicionar facilmente um feed de grupo do Facebook no WordPress, passo a passo.

Por que adicionar conteúdo de Grupo do Facebook ao seu site WordPress?

O Facebook é a plataforma de mídia social mais popular do mundo e tem 2,9 bilhões de usuários ativos mensais, de acordo com nossas estatísticas de pesquisa de marketing.

Isso torna os grupos do Facebook perfeitos para interagir com pessoas que já conhecem sua marca e se conectar com um novo público.

Na verdade, nosso grupo do Facebook WPBeginner Engage tem mais de 98 mil usuários ativos e está crescendo em um ritmo incrível.

Grupos do Facebook podem ajudá-lo a construir uma comunidade, criar um senso de lealdade e construir um relacionamento positivo com seus usuários.

Depois que as pessoas entrarem no seu grupo, você poderá promover posts de blog, atualizações da empresa ou até mesmo produtos do WooCommerce sem ter que gastar dinheiro em anúncios online.

Após criar seu grupo no Facebook, você vai querer promovê-lo e atrair pessoas para ele. A melhor maneira de crescer seu grupo no Facebook é incorporando o feed do grupo em seu site WordPress.

Dessa forma, os visitantes do seu site poderão ver todo o ótimo conteúdo que você posta no Facebook. Isso os incentivará a conferir seu grupo, interagir com seu conteúdo e talvez até clicar no botão 'Participar'.

Com isso em mente, vamos ver como incorporar um feed de grupo do Facebook no WordPress.

Como Instalar um Plugin de Feed Personalizado do Facebook

A melhor maneira de incorporar um feed de grupo do Facebook é usar o Smash Balloon Facebook Feed.

Testamos extensivamente o plugin e achamos super fácil incorporar vídeos do Facebook, comentários, avaliações, postagens da comunidade e muito mais em nosso site WordPress. Para saber mais, veja nossa avaliação completa do Smash Balloon.

Se você postar vídeos em seu grupo do Facebook, o Smash Balloon permite que os usuários assistam à mídia em uma janela pop-up lightbox sem sair do seu site.

Após incorporar o feed do grupo, novas postagens aparecerão em seu site automaticamente. Isso o torna uma maneira fácil de manter seu site atualizado, mesmo para visitantes regulares.

Primeiro, você precisa instalar e ativar o plugin Smash Balloon Facebook Feed. Para mais detalhes, veja nosso guia sobre como instalar um plugin do WordPress.

Após a ativação, visite a página Facebook Feed » Configurações e insira sua chave de licença no campo ‘Chave de Licença’.

Você encontrará essas informações em sua conta no site da Smash Balloon.

Após inserir a chave, basta clicar no botão ‘Activate’.

Como Adicionar o Aplicativo Smash Balloon ao Seu Grupo do Facebook

Agora, você precisará adicionar o aplicativo do Facebook do Smash Balloon ao grupo do Facebook que deseja exibir em seu site WordPress.

Observação: Devido à forma como a API do Facebook está configurada, o Smash Balloon só pode exibir posts que foram feitos após você adicionar o aplicativo ao seu grupo do Facebook.

Com isso em mente, vamos prosseguir e instalar o aplicativo antes de fazer qualquer outra coisa. Em uma nova aba, basta fazer login no Facebook e ir para o seu grupo do Facebook.

Em seguida, no menu do lado esquerdo, clique em ‘Configurações do grupo’.

Depois disso, você precisa rolar até a seção ‘Gerenciar configurações avançadas’.

Aqui, clique no ícone de lápis ao lado de ‘Aplicativos’.

Isso abre um pop-up mostrando todos os aplicativos que você já adicionou a este grupo.

Como queremos instalar o aplicativo Smash Balloon, você deve clicar em ‘Adicionar aplicativos’.

Na barra de pesquisa, digite ‘Smash Balloon WordPress’.

Quando o aplicativo correto aparecer, prossiga e clique nele.

Um pop-up aparecerá mostrando todas as informações às quais o aplicativo pode acessar e quaisquer ações que ele possa executar.

Se você estiver satisfeito em prosseguir e instalar o aplicativo, clique em ‘Adicionar’.

Após alguns momentos, você deverá ver uma mensagem dizendo que adicionou com sucesso o aplicativo Smash Balloon ao seu grupo do Facebook.

Conecte o Smash Balloon ao Seu Grupo do Facebook

Agora, é hora de conectar sua página do Facebook ao WordPress. Para fazer isso, visite Facebook Feed » All Feeds e clique em ‘Adicionar Novo’.

O Smash Balloon permite exibir fotos, eventos, vídeos, álbuns e muito mais.

Como queremos incorporar nosso feed do grupo do Facebook, clique em ‘Linha do tempo’ e depois selecione ‘Próximo’.

Depois disso, você precisará selecionar o grupo do Facebook de onde obterá a linha do tempo.

Para começar, basta clicar em ‘Adicionar Novo’.

Na próxima tela, selecione o botão de rádio ao lado de ‘Grupo’.

Depois disso, basta clicar em ‘Conectar ao Facebook.’

Isso abre um pop-up onde você pode fazer login na sua conta do Facebook. Em seguida, escolha o grupo que deseja usar.

Após marcar a caixa ao lado de um ou mais grupos, simplesmente clique em ‘Próximo’.

Agora você deverá ver um pop-up pedindo para instalar o aplicativo Smash Balloon WordPress.

Como já instalamos este aplicativo, você pode prosseguir e clicar em ‘Concluído’.

Como Criar um Feed de Grupo do Facebook no WordPress

Agora que você adicionou seu grupo do Facebook ao Smash Balloon, ele aparecerá como uma opção. Simplesmente clique para selecionar o grupo e depois clique em ‘Próximo’.

Nesta tela, você pode escolher um modelo que usará para criar o feed personalizado do Facebook no WordPress.

Todos esses modelos são totalmente personalizáveis, então você pode ajustar o design dependendo de como deseja exibir atualizações de status, vídeos e fotos do seu grupo do Facebook.

Estamos usando o modelo 'Simple Masonry', mas você pode escolher qualquer modelo que desejar.

O Smash Balloon agora criará o feed de mídia social com base no seu grupo do Facebook e no modelo que você escolheu.

Este é um bom começo, mas o Smash Balloon tem muitas configurações que você pode usar para personalizar a aparência deste feed de grupo no seu blog WordPress.

Como Personalizar o Feed do Seu Grupo do Facebook

The Smash Balloon plugin gives you many ways to customize how the feed appears on your website. It’s worth exploring what changes you can make.

On the Facebook Feed » All Feeds screen, find your group feed and then click on its ‘Edit’ button, which looks like a small pencil.

This opens the Smash Balloon feed editor, which shows a preview of your Facebook timeline in WordPress.

On the left-hand side, you will see all the different settings you can use to customize how the posts appear on your site. Most of these settings are self-explanatory, but we will quickly cover some key areas.

If you want to change the template you are using, just click on ‘Template.’

Em seguida, selecione o botão ‘Alterar’.

To start, you can change how your group posts are displayed by clicking on ‘Feed Layout.’

On this screen, you can switch between masonry and list layouts and change the feed height. As you make changes, the preview will update automatically, so you can try different settings to see what looks the best for your Facebook group.

By default, the Facebook group feed will show a different number of posts on desktop computers and mobile devices.

Você pode pré-visualizar como seu feed ficará em computadores desktop, tablets e smartphones usando a linha de botões no canto superior direito.

After testing the mobile version of your WordPress website, you may want to change the number of posts that you show on smartphones and tablets.

Para fazer essa alteração, basta encontrar a seção ‘Número de Posts’ e digitar um número diferente no campo ‘Mobile’.

You may also want to show fewer columns on smartphones and tablets by changing the ‘Columns’ settings.

For example, in the following image, we are splitting the content into 3 columns on desktop, 2 columns on tablets, and 1 column on mobile devices.

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

This will take you back to the main Smash Balloon editor, ready for you to move onto the next settings screen, which is ‘Color Scheme.’

Por padrão, o Smash Balloon usa o mesmo esquema de cores do seu tema do WordPress, mas nesta tela, você pode alternar para um esquema de cores ‘Claro’ ou ‘Escuro’.

Outra opção é criar seu próprio esquema de cores selecionando ‘Personalizado’ e, em seguida, usando os controles para alterar a cor de fundo, alterar a cor do texto no WordPress e muito mais.

Você pode adicionar um cabeçalho acima do feed do seu grupo, que pode incluir conteúdo como a foto de perfil e o nome do seu grupo. Isso pode ajudar os visitantes a entender o conteúdo que estão vendo e como encontrar seu grupo no Facebook.

Para adicionar uma seção de cabeçalho, basta clicar em ‘Cabeçalho’ no menu à esquerda.

Nesta tela, clique no controle deslizante ‘Ativar’ para mudá-lo de cinza para azul.

Após adicionar uma seção de cabeçalho, você pode usar os controles para alterar o tamanho do cabeçalho, alterar a cor de fundo, ocultar ou mostrar a foto de perfil do seu Facebook e muito mais.

Se você quiser remover o cabeçalho a qualquer momento, basta clicar para desativar o alternador ‘Ativar’.

Depois disso, você pode alterar a aparência das postagens individuais dentro do feed do seu grupo selecionando ‘Estilo da Postagem’ no menu à esquerda.

Para começar, você pode escolher entre layouts de postagem em miniatura, meia largura e largura total.

O layout de miniatura mostra seu feed do Facebook do WordPress com imagens pequenas.

Você pode ver um exemplo disso na imagem a seguir.

Você quer mostrar imagens maiores em vez disso?

Então você pode selecionar meia largura como seu layout de postagem.

Finalmente, se você quiser mostrar seu feed do Facebook com as maiores imagens possíveis, você pode escolher o layout de largura total.

Aqui está um exemplo de como isso ficará em seu site WordPress:

Quando estiver satisfeito com o layout geral, é hora de ajustar o conteúdo específico dentro de cada postagem.

Para começar, clique em 'Estilo da Postagem'.

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

Se você selecionar ‘Em caixa’, poderá criar um fundo colorido para cada postagem. Você também pode aumentar o raio da borda para criar cantos arredondados e adicionar uma sombra de caixa.

Se você escolher ‘Regular’, poderá alterar a espessura e a cor da linha que separa suas diferentes postagens de mídia social.

Na imagem a seguir, adicionamos uma linha mais espessa ao feed do grupo e alteramos sua cor.

Você também pode personalizar as partes individuais dentro de cada postagem voltando para a tela principal de configurações.

Mais uma vez, selecione ‘Estilo da Postagem’, mas desta vez, escolha ‘Editar Elementos Individuais’ em vez disso.

Agora você verá todo o conteúdo diferente que o Smash Balloon inclui em cada postagem, como o autor da postagem, data, caixa de link compartilhado e muito mais.

Para remover um conteúdo de suas postagens, basta clicar para desmarcar a caixa.

Você também pode personalizar como cada tipo de conteúdo aparece clicando nele.

Por exemplo, na imagem a seguir, você pode ver as configurações para alterar o tamanho e a cor dos links de ‘ação de postagem’, como curtir, compartilhar e comentar.

Você também pode alterar o texto ‘Ver no Facebook’ digitando no campo ‘Personalizar Texto’.

Por padrão, o Smash Balloon não adiciona um botão ‘curtir’ do Facebook ao seu feed. Este botão facilita para os visitantes entrarem no seu grupo, então você pode querer adicioná-lo ao seu feed selecionando as configurações de ‘Caixa de Curtidas’.

Em seguida, basta clicar em ‘Ativar’ para que o alternador fique azul.

Agora você pode usar o menu suspenso ‘Posição’ para adicionar a caixa de curtidas abaixo ou acima do feed do grupo.

Você também pode usar essas configurações para alterar a largura da caixa ou adicionar a foto de capa do grupo.

Um grande número de seguidores é uma ótima prova social que incentivará mais pessoas a entrar no seu grupo do Facebook. Com isso em mente, você pode querer clicar para ativar o interruptor ‘Mostrar fãs’.

Quando você estiver satisfeito com a configuração do botão ‘curtir’, pode passar para as configurações do ‘Botão Carregar Mais’.

O botão ‘Carregar Mais’ oferece aos visitantes uma maneira fácil de rolar por mais do seu feed. Se eles gostarem deste conteúdo, poderão decidir entrar no seu grupo do Facebook.

Com isso em mente, você pode querer fazer este botão se destacar alterando sua cor de fundo, estado de sobreposição e cor do texto.

Este botão exibe ‘Carregar Mais’ por padrão, mas você pode adicionar uma mensagem personalizada digitando-a no campo ‘Texto’.

O Smash Balloon possui um recurso de lightbox que permite aos visitantes assistir aos vídeos do seu grupo e ver mais de perto suas fotos sem sair do WordPress.

Os visitantes podem simplesmente clicar em qualquer miniatura de vídeo ou foto para abrir o pop-up do lightbox.

Eles podem então percorrer o restante das imagens e vídeos no feed usando as setas, semelhante a incorporar um álbum do Facebook no WordPress.

Para personalizar o lightbox padrão, basta selecionar ‘Lightbox’ no menu do lado esquerdo.

Aqui, você pode alterar a cor do texto, links e plano de fundo da lightbox.

O pop-up da lightbox facilita para os visitantes explorarem seu feed e permite que eles percorram suas fotos e vídeos sem visitar seu grupo do Facebook.

Se você deseja obter mais visitantes para o seu grupo do Facebook, talvez queira desativar o recurso de lightbox. Para fazer isso, basta clicar no alternador 'Ativar' para que ele mude de azul para cinza.

Agora, se um visitante clicar em qualquer foto ou vídeo no feed do grupo, ele será levado ao seu grupo do Facebook em uma nova aba.

Quando você estiver satisfeito com a aparência do feed do seu grupo do Facebook, lembre-se de clicar em 'Salvar' para armazenar suas alterações.

Agora você está pronto para adicionar este feed ao seu site WordPress.

Como Incorporar Seu Feed do Grupo do Facebook no WordPress

Você pode adicionar seu feed do grupo do Facebook ao WordPress usando um bloco, widget ou shortcode.

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

Para obter essas informações, basta ir em Facebook Feed » Todos os Feeds e, em seguida, copiar o texto em 'Shortcode'.

Na imagem a seguir, precisaremos usar custom-facebook-feed feed=1.

Se você deseja incorporar seu feed do grupo do Facebook em uma página ou postagem, pode usar o bloco 'Custom Facebook Feed'.

Simplesmente abra a página ou postagem onde deseja incorporar o feed do Facebook. 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 postagem.

O bloco exibirá um dos seus feeds do Smash Balloon por padrão. Se este não for o feed do seu grupo do Facebook, encontre a seção ‘Configurações do Shortcode’ no menu do lado direito.

Agora você pode prosseguir e adicionar o código custom-facebook-feed feed=1, em seguida, clique no botão ‘Aplicar Alterações’.

Depois disso, basta publicar ou atualizar a página para que o feed do grupo fique ativo no seu site.

Outra opção é adicionar o feed a qualquer área pronta para widgets, como a barra lateral ou seção semelhante. Isso permite que os visitantes vejam seu feed de grupo, não importa onde estejam em seu site.

Para começar, basta ir para Aparência » Widgets no painel do WordPress e, em seguida, clicar no botão azul ‘+’.

Depois de fazer isso, comece a digitar ‘Custom Facebook Feed’ na barra de pesquisa.

Quando o widget correto aparecer, arraste-o para onde você deseja exibir o feed.

O widget exibirá um dos feeds que você criou usando o Smash Balloon.

Se este não for o feed do seu grupo do Facebook, digite o código do feed na caixa ‘Configurações de Shortcode’. Em seguida, clique em ‘Aplicar Alterações’.

Agora você pode clicar no botão ‘Atualizar’ para tornar o widget ativo. Para mais informações, consulte nosso guia completo sobre como adicionar e usar widgets no WordPress.

Finalmente, você pode incorporar o feed do grupo do Facebook em qualquer página, postagem ou área pronta para widgets usando um shortcode.

Simplesmente vá para Feed do Facebook » Todos os Feeds e copie todo o código na coluna ‘Shortcode’. Agora você pode adicionar este código a qualquer bloco de shortcode.

Para mais informações, consulte nosso guia detalhado sobre como adicionar um shortcode no WordPress.

Observação: Se você estiver usando um tema habilitado para blocos, você pode usar o editor de site completo para adicionar o bloco ‘Custom Facebook Feed’ em qualquer lugar do seu site.

Bônus: Ganhe Mais Curtidas no Facebook Usando WordPress

Se você tem uma página no Facebook para sua loja online ou negócio, você vai querer que os usuários a visitem e curtam seu conteúdo do Facebook para adicionar prova social e ganhar mais seguidores.

Uma maneira de fazer isso é adicionando o feed do seu Grupo do Facebook ao seu site. No entanto, você também pode adicionar um botão de curtir e compartilhar do Facebook ao lado das suas postagens de blog para incentivar os usuários a compartilhar seu conteúdo com os amigos.

Para aumentar ainda mais seu número de seguidores no Facebook, você pode usar o Uncanny Automator.

Durante os testes, achamos a ferramenta muito fácil de usar. Ela nos permitiu configurar um fluxo de trabalho onde toda vez que publicamos uma postagem em nosso site, uma postagem no Facebook vai ao ar automaticamente.

Para mais detalhes, veja nosso tutorial sobre como postar automaticamente no Facebook do WordPress.

Ou, você pode ver nossa análise completa do Uncanny Automator.

Você também pode realizar sorteios e concursos no seu grupo do Facebook, responder a comentários nas suas postagens e até adicionar um calendário de eventos do Facebook no seu site.

Isso ajudará a adicionar prova social e aumentar seus seguidores no seu Grupo ou página do Facebook.

Para mais sugestões, veja nosso guia para iniciantes sobre maneiras rápidas de obter mais curtidas no Facebook usando WordPress.

Esperamos que este artigo tenha ajudado você a aprender como adicionar um grupo do Facebook ao seu site WordPress. Você também pode querer ver nosso guia completo de mídia social ou ver nossas escolhas de especialistas para os melhores plugins do Facebook para o seu blog.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.