Como adicionar um carrossel de feed do Facebook ao WordPress (Atualizado)
Início Blogue Como adicionar um carrossel de feed do Facebook ao WordPress (Atualizado)

Como adicionar um carrossel de feed do Facebook ao WordPress (Atualizado)

Como adicionar um carrossel de feed do Facebook ao WordPress

Quer exibir o seu conteúdo do Facebook num elegante slider que economiza espaço?

Exibir um carrossel de feed do Facebook usando uma ferramenta como o Facebook Feed Pro pode manter o seu site atualizado, aumentar o engajamento e até mesmo aumentar o número de seguidores nas redes sociais.

Por predefinição, o Facebook não oferece uma maneira fácil de incorporar um carrossel diretamente no seu site.

Embora seja possível incorporar publicações individuais, a criação de um controle deslizante dinâmico que é atualizado automaticamente requer uma ferramenta especializada.

Em vez disso, pode usar o Facebook Feed Pro para conectar facilmente a sua página do Facebook, personalizar a aparência do carrossel e incorporá-lo no seu site usando um bloco simples do WordPress.

Neste tutorial, vamos mostrar exatamente como adicionar um carrossel de feed do Facebook ao WordPress usando o melhor plugin do mercado.

Antes de entrarmos nos detalhes técnicos, vamos ver por que um carrossel costuma ser melhor do que um feed de lista padrão:

  • Economize espaço: mostre mais conteúdo sem ocupar espaço vertical na sua página inicial.
  • Envolvimento do utilizador: os carrosséis podem incentivar os utilizadores a clicar, deslizar e permanecer no seu site por mais tempo.
  • Aparência visual: Ótimo para exibir álbuns ou vitrines de produtos diretamente na sua página inicial.
  • Aumente as vendas: mostre um carrossel com avaliações positivas de clientes para aumentar as conversões e as vendas.
  • Cresça no Facebook: exiba o seu melhor conteúdo do Facebook para converter visitantes em seguidores.
exemplo de um carrossel de feed do Facebook num site

Adicionar um carrossel do Facebook ao WordPress é tecnicamente possível, mas é bastante complicado e traz algumas restrições incómodas.

Para além de ter de lidar com códigos complexos, terá de se registar como programador de aplicações no Facebook só para começar.

exemplo de incorporação manual de conteúdos do facebook

Além disso, não é possível alterar o design sem alterar o código. Se fizer alguma asneira, pode mesmo danificar o seu sítio Web.

Para evitar todas estas dores de cabeça, pode simplesmente utilizar um plugin de feed do Facebook que suporte carrossel.

Pode encontrar algumas opções, mas eu recomendo o plugin Facebook Feed Pro.

página inicial do facebook feed pro

Com esta ferramenta, pode criar um bonito carrossel do Facebook com apenas alguns cliques. Além disso, o feed terá até botões de gostar e partilhar, para que possa transformar o tráfego do seu site em envolvimento no Facebook.

Como bónus, aqui estão alguns dos destaques do plugin que o fazem destacar-se dos restantes:

  • Fácil de utilizar: Existe um fluxo guiado de 3 passos para que praticamente qualquer pessoa possa começar a utilizá-lo, sem necessidade de conhecimentos técnicos.
  • Personalizável: pode escolher temas e modelos de feed para importar rapidamente designs bonitos e personalizá-los em detalhe com o personalizador ao vivo.
  • Muitos tipos de feed: Poderá incorporar álbuns do Facebook, fotografias, linhas de tempo de páginas, críticas, eventos do Facebook e muito mais.
  • Leve: O Facebook Feed Pro foi optimizado e até vem com cache inteligente, para que o seu carrossel carregue o mais rapidamente possível, o que é ótimo para a sua classificação nos motores de busca.
  • Altamente cotado: O plugin tem uma classificação de 4,9/5 estrelas com mais de 250.000 utilizadores, e as pessoas parecem bastante satisfeitas com os recursos e o suporte ao cliente.
comentários de utilizadores do facebook

Como pode ver, existem muitas formas de o Facebook Feed Pro ajudar o seu negócio. É uma forma infalível de manter os seus visitantes envolvidos, aumentar o número de seguidores e muito mais.

E se quiser experimentar este plugin, pode obter uma cópia do Facebook Feed Pro aqui.

Como adicionar um carrossel de feed do Facebook ao WordPress

Pronto para adicionar um carrossel do Facebook ao seu sítio Web? Vou explicar-lhe todo o processo abaixo, e pode acompanhá-lo:

Passo 1: Instalar o plug-in Facebook Feed Pro

Em primeiro lugar, pode ir buscar a sua cópia do plugin Facebook Feed Pro. Depois, também pode descarregar a extensão Carousel aqui.

Quando terminar de descarregar ambos os plugins, basta instalá-los e activá-los no seu sítio Web WordPress.

Se tiver dúvidas, existe também este guia prático sobre como instalar um plug-in do WordPress.

O próximo passo é ativar o complemento do carrossel para o seu site WordPress. Para o fazer, primeiro, aceda ao menu Facebook Feed " Extensões a partir do seu painel de controlo.

Nesta nova página, procure a secção Carrossel e clique no botão Ativar.

ativar extensão carrossel facebook

Passo 3: Criar um novo feed do Facebook

Agora, está na altura de criar um novo feed do Facebook no seu site.

Primeiro, aceda ao menu Feed do Facebook " Todos os feeds no painel de controlo do WordPress e clique no botão Adicionar novo .

adicionar um novo feed do facebook utilizando o plugin

O plugin mostrar-lhe-á então todos os tipos de feed que pode utilizar para o seu carrossel de feed do Facebook.

Pode ver aqui 9 opções diferentes, incluindo feeds de cronologia, feeds de fotos, feeds de álbuns, feeds de avaliações e muito mais.

selecionar o tipo de feed do facebook

Selecione o tipo de alimentação que pretende e, em seguida, clique no botão Seguinte para continuar.

Vou optar por um feed de linha cronológica para o nosso tutorial.

Passo 4: Ligar o seu feed ao Facebook

Agora que tem um novo feed do Facebook, é altura de o ligar a uma página do Facebook.

Clique no botão Adicionar novo na janela pop-up para começar.

adicionar nova fonte feed do facebook pro

Em seguida, pode escolher entre ligar uma página do Facebook ou introduzir o seu Token de acesso à API.

Se já tiver um token, pode introduzi-lo aqui para ligar a sua conta manualmente.

Caso contrário, basta clicar no botão Ligar ao Facebook.

ligar o seu sítio elementor ao facebook

Depois disso, o plugin irá encaminhá-lo para o Facebook para que possa escolher a conta do Facebook que deseja conectar.

Clique no botão Continuar para prosseguir.

acesso ao facebook do smash balloon

O plug-in pedirá agora acesso somente leitura ao seu perfil do Facebook. Isto permite que o Facebook Feed Pro veja as suas informações, mas não pode fazer quaisquer alterações.

Basicamente, isto significa que a utilização do plugin é completamente segura.

Para continuar, basta clicar no botão Adicionar na janela pop-up.

confirme a sua fonte de feeds do facebook

Depois de o fazer, pode selecionar esta página do Facebook como a fonte do seu feed de carrossel.

Em seguida, prima o botão Seguinte e já está.

continuar depois de selecionar o facebook de origem

Depois de ligar o seu feed ao Facebook, o plugin fornece-lhe diferentes temas pré-concebidos que pode importar.

Cada um destes temas tem um aspeto diferente que irá alterar a forma como as mensagens aparecem no seu sítio Web:

  • Predefinição
  • Moderno
  • Parede social
  • Esboço
  • Sobreposição

Depois de selecionar o tema, clique em Seguinte para continuar.

selecione o seu tema do facebook para o widget

Depois de alterar o aspeto do seu feed importando um tema, pode selecionar um modelo de feed.

Ao escolher diferentes modelos, pode alterar o esquema das suas publicações do Facebook, cabeçalho e muito mais.

Basta selecionar um modelo aqui e, em seguida, clicar em Seguinte.

selecione o seu modelo de feed widget do facebook

Depois de importar um modelo de feed, pode ver o seu feed aberto no editor de feed em direto.

À esquerda, pode encontrar todas as opções de personalização do seu feed. Com estas, pode alterar a disposição do feed, o esquema de cores, o estilo da caixa, o estilo do cabeçalho e muito mais.

editor de feed em direto para facebook feed pro

Vou mostrar-lhe como ativar a disposição do carrossel e alterar algumas outras opções de personalização.

Para começar a personalização, clique na opção Layout do feed, à esquerda.

layout de feed facebook elementor feed

Agora, selecione a opção Carrossel para ativar o esquema de carrossel para o seu feed do Facebook.

escolher o layout do carrossel para o feed do facebook

Depois de selecionar o esquema do carrossel, verá uma pré-visualização em tempo real do seu novo carrossel de feeds do Facebook à direita.

Em seguida, pode deslocar-se para baixo à esquerda e encontrar as opções para alterar as Colunas do ambiente de trabalho e as Colunas móveis.

alterar linhas e colunas do seu feed

Também pode optar por mostrar setas de navegação ou paginação no seu carrossel do Facebook.

Não te esqueças de guardar as alterações quando estiveres satisfeito com o teu feed do Facebook.

Agora, pode clicar no botão Personalizar para ver todas as opções de personalização mais uma vez.

voltar às principais opções de personalização do facebook

Na página principal de personalização, selecione a opção Esquema de cores.

Isso permitirá que defina as cores do seu novo feed do Facebook com apenas alguns cliques.

selecionar opções de esquema de cores facebook elementor

Com o plugin Facebook Feed Pro, pode escolher entre 4 esquemas de cores diferentes:

  • Herdar do tema: Copia as cores do seu site
  • Claro: Fundo mais claro com letra escura
  • Escuro: Fundo escuro com uma cor de letra clara
  • Personalizado: Selecionar manualmente todas as cores
opções de esquema de cores para o feed do facebook do elementor

Selecione o esquema de cores que preferir e, em seguida, clique novamente em Guardar.

E, sem mais nem menos, pode personalizar o seu novo carrossel de feeds do Facebook com o editor de feeds em direto. Utilizando estas opções, pode definir o tipo de feed, o estilo da fotografia de capa, os elementos de publicação e muito mais.

Quando tiver terminado a personalização, basta clicar em Guardar.

Nesta etapa, pode finalmente publicar o seu novo carrossel de feeds do Facebook no seu sítio. Pode fazê-lo de duas formas diferentes:

  • Incorporar o carrossel de feeds do Facebook na sua página
  • Incorporar o carrossel de feeds do Facebook na barra lateral ou no rodapé

Pode incorporar facilmente os seus feeds do Facebook na página do seu site utilizando o editor de feeds em direto. Primeiro, clique no botão Incorporar na parte superior.

incorporar o seu feed do facebook elementor

Em seguida, aparece um pop-up que pergunta onde pretende incorporar o carrossel de feeds do Facebook. Pode até copiar o shortcode se quiser incorporar manualmente os feeds das redes sociais.

Para continuar, basta selecionar a opção Adicionar a uma página.

adicionar feed do facebook à página

Depois disso, a janela pop-up mostra-lhe uma lista das suas páginas WordPress.

Para continuar, escolha uma página para o seu feed do Facebook e, em seguida, clique no botão Adicionar .

selecionar a página para o feed do facebook

Ao fazer isso, a página será aberta no editor do WordPress Gutenberg.

Agora, clique no pequeno ícone de mais (+) para adicionar um novo bloco.

adicionar bloco de conteúdo para o feed do facebook

Pode então procurar por "facebook" utilizando a barra de pesquisa na parte superior.

Em seguida, selecione o widget Feed personalizado do Facebook a partir dos resultados da pesquisa abaixo.

feed do facebook pro block

Depois disso, clique em Publicar e, finalmente, adicionou o carrossel de feeds do Facebook ao seu sítio Web!

Pode abrir o seu sítio Web agora para verificar o seu aspeto.

exemplo de carrossel do facebook no wordpress

Como pode ver, é muito fácil exibir feeds nas suas páginas com a ajuda do Facebook Feed Pro. É realmente o melhor plugin do WordPress para o Facebook disponível no mercado.

De seguida, vamos ver como pode incorporar widgets do Facebook no seu site utilizando este plugin.

Utilizando o editor de feeds em direto, também pode adicionar o seu novo feed de carrossel na barra lateral ou no rodapé do seu sítio.

Para abrir novamente o editor de feeds em direto, aceda ao menu Feed do Facebook " Todos os feeds no seu painel de controlo do WordPress.

Aí, pode ver todos os seus feeds do Facebook listados.

Para continuar, basta clicar no seu novo feed de carrossel do Facebook.

abrir novamente o widget de feed do facebook

Agora está de volta ao seu editor de feed em direto. Para começar a incorporar o carrossel de feeds do Facebook, clique em Incorporar.

incorporar o seu feed do facebook elementor

No novo pop-up, pode escolher onde pretende incorporar o seu feed do Facebook.

Para já, selecione a opção Adicionar a um Widget .

adicionar o feed do facebook como um widget

Se clicar nesse botão, será remetido para a página Widgets do seu sítio WordPress. Aqui, pode adicionar o seu feed de carrossel ao seu rodapé ou barra lateral como um widget do Facebook.

Agora, clique no painel Barra lateral aqui para continuar.

selecionar a barra lateral para o widget

Mas se quiser incorporar o seu feed do Facebook no rodapé, pode clicar num painel de rodapé .

Para este tutorial, vou optar pela opção de rodapé.

painel de rodapé aberto

Em seguida, clique no ícone de mais (+) para adicionar um novo widget ao painel.

Por fim, selecione o widget Feed personalizado do Facebook de entre todas as opções para incorporar o seu feed do Facebook.

inserir widget de feed do facebook na barra lateral

Basta clicar no botão Atualizar para concluir o processo.

Depois disso, pode abrir o seu sítio para ver o seu carrossel com o conteúdo do Facebook apresentado na área da barra lateral.

exemplo de widget de carrossel de rodapé do facebook

E já está!

Agora, já sabe como adicionar um carrossel de feeds do Facebook ao seu site WordPress. É bastante fácil, como pode ver. Não são necessários códigos complexos, e tudo o que precisa é da ferramenta certa.

Depois de escolher as publicações certas para o seu carrossel, pode facilmente envolver os visitantes e aumentar o número de seguidores no Facebook.

Pronto para incorporar carrosséis do Facebook? Comece a usar o Facebook Feed Pro hoje mesmo.

Pretende mostrar conteúdos interessantes do Instagram no seu sítio Web? Siga este guia para saber como incorporar feeds do Instagram no seu sítio Web.

Perguntas mais frequentes

Posso exibir fotos no carrossel em vez de publicações?

Sim. Ao criar o seu feed na Etapa 2, selecione «Fotos» em vez de «Linha do tempo». O layout do carrossel funciona perfeitamente para álbuns de fotos.

Este plugin torna o meu site mais lento?

Não. O Custom Facebook Feed Pro utiliza mecanismos de cache inteligentes. Ele armazena os dados do Facebook temporariamente na sua base de dados WordPress para que não seja necessário solicitar dados ao Facebook sempre que uma página é carregada, mantendo o seu site rápido.

Posso combinar feeds de várias páginas do Facebook?

Sim. Pode adicionar várias fontes nas definições e criar um feed misto, ou criar feeds separados para páginas diferentes e incorporá-los em diferentes partes do seu site.

Posso mostrar as avaliações do Facebook usando um carrossel?

Sim, basta selecionar «Avaliações» como tipo de feed e poderá ter um feed com depoimentos positivos de clientes, pronto para converter visitantes e aumentar as suas vendas.

Mais sugestões e guias de marketing nas redes sociais

avatar do autor
Sajjan Sharma Escritor sénior
Sajjan escreve sobre WordPress, marketing nas redes sociais e negócios online há mais de 10 anos. Os seus interesses profissionais incluem marketing de influência, curadoria de conteúdos e estratégias de marketing digital.

Adicionar um comentário

Ficamos satisfeitos por ter escolhido deixar um comentário. Tenha em atenção que todos os comentários são moderados de acordo com a nossa política de privacidade e que todas as hiperligações são nofollow. NÃO utilize palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.