Como adicionar o Feed do Facebook ao site WordPress

Incorpore o Facebook no WordPress em 4 cliques: veja como manter os visitantes engajados com conteúdo fresco, aumentar a prova social e impulsionar as conversões sem precisar de codificação.
Veja o que o ChatGPT acha Abra o Editor de Widgets ao Vivo
How to Add Facebook Feed to WordPress Website

Presença ativa no Facebook mantém os visitantes engajados no seu site por mais tempo — seja você compartilhando atualizações de produtos, depoimentos de clientes, histórias da comunidade ou promoções. A forma mais fácil de incorporar um feed do Facebook no seu site WordPress é com o Widget de Feed do Facebook, que exibe seus posts, fotos e vídeos de forma bonita, com total personalização e sem necessidade de código. Os visitantes podem visualizar, interagir com, e compartilhar seu conteúdo diretamente na sua página, enquanto o design permanece totalmente sob seu controle.

Neste guia, você vai descobrir como:



  • Adicione um feed do Facebook ao seu site WordPress em apenas 4 cliques.
  • Escolha o layout certo e personalize a aparência para combinar com a sua marca.
  • Otimize seu feed do Facebook para aumentar o engajamento dos visitantes e melhorar o desempenho em dispositivos móveis.
  • Compare métodos nativos do Facebook com soluções de plugins de terceiros.
  • Solucione problemas comuns de incorporação do feed do Facebook no WordPress.

Abaixo, você encontrará dois caminhos: uma configuração rápida em quatro etapas para quem já está pronto para lançar, e um guia detalhado com capturas de tela para quem quer explorar todas as opções de personalização. Vamos começar pela rota mais rápida para incorporar o Facebook no WordPress.

Configuração rápida: incorpore um Feed do Facebook no WordPress

Aqui está a forma mais rápida de exibir seu feed do Facebook no WordPress agora:

  1. Abra o editor da Elfsight e escolha o modelo do feed.
  2. Conecte a sua Página do Facebook ao widget.
  3. Personalize a aparência para combinar com a sua marca.
  4. Copie o código de incorporação e cole no WordPress.

🚀 Crie já o seu widget de feed do Facebook no editor ao vivo!

Por que este Plugin de Feed do Facebook funciona tão bem no WordPress

Agora que você viu como é rápido e fácil inserir o feed do Facebook no WordPress sem codificação, vamos ver o que faz desta solução se destacar em relação às opções nativas:

Funcionalidade-chavePor que isso importa
Exibir posts, fotos e vídeos em um único widgetMostre seu conteúdo mais recente do Facebook em qualquer formato — posts, galerias de fotos ou vídeos — sem precisar trocar de widget. Os visitantes terão uma visão completa da sua atividade nas redes.
Mantenha os visitantes no seu site por mais tempoConteúdo recente do feed do Facebook exibido diretamente nas páginas do WordPress mantém os usuários engajados sem forçar a saída para o Facebook. Engajamento mais alto significa maior retenção e mais conversões.
Totalmente responsivo e otimizado para dispositivos móveisO widget se adapta automaticamente a telas de celular, tablet e desktop, garantindo que seu feed do Facebook permaneça perfeito em qualquer tela. Importante: 65% dos usuários do Facebook acessam via celular.
Opções de cabeçalho personalizáveisEscolha exibir ou ocultar a foto de capa, a imagem da página, as contagens de curtidas e os botões de call-to-action. Crie a apresentação exata que combine com o design do seu site WordPress.
Visualizador popup atraente para engajamento mais próximoVisitantes podem clicar para visualizar posts, fotos e vídeos em uma janela pop-up em tela cheia com comentários, curtidas e recursos de compartilhamento — tudo sem sair do seu site WordPress.
Atualizações automáticas do FacebookNovas postagens que você publica no Facebook aparecem automaticamente no seu site WordPress. Sem atualizações manuais — seu feed fica sempre atualizado.
Sem chaves de API do Facebook nem necessidade de codificaçãoAo contrário dos métodos manuais, não há necessidade de navegar pelo painel de desenvolvedor do Facebook nem gerenciar chaves de API. A configuração leva minutos, não horas.

Para uma visão completa das funcionalidades, confira a Página de Funcionalidades do widget.

Adicione e Personalize Seu Feed Passo a Passo

Com a configuração básica concluída, vamos explorar configurações extras que você pode ter perdido. Esta seção cobre tudo o que você precisa para configurar, estilizar e implantar seu widget de Facebook Feed no WordPress, desde o modelo até os ajustes finais.

1. Selecione seu Modelo de Feed do Facebook

O primeiro passo é abrir o editor de Feed do Facebook e escolher um modelo que atenda às suas necessidades. Duas opções de layout principais estão disponíveis:

  • Linha do Tempo exibe seus posts com texto, imagens e métricas de engajamento. Ideal para mostrar atualizações recentes da empresa, promoções e conteúdo para manter seus seguidores informados.
  • Galeria de Fotos foca no conteúdo visual proveniente de seus álbuns do Facebook. Perfeita para exibir produtos, fotos da equipe ou imagens de eventos em um formato de galeria elegante.
  • Galeria de Vídeos destaca o conteúdo de vídeo da sua página no Facebook. Ideal se você produz conteúdos de vídeo regularmente para o seu negócio.
💡 Dica: Para sites WordPress que desejam incorporar o feed do Facebook como ferramenta principal de engajamento, Timeline Feed é a opção mais versátil. Ele exibe toda a sua atividade social e incentiva os visitantes a curtir e compartilhar seu conteúdo.
Facebook Feed Choose Template

Após selecionar o seu modelo, clique “Continuar” para avançar.

2. Conecte sua Página do Facebook

Vá para a aba ‘Source’ e clique no botão para conectar a sua Página do Facebook. Aqui está o que acontece a seguir:

  • Você será redirecionado ao Facebook para autorizar o widget — isso é seguro e requer apenas acesso de leitura.
  • Selecione a página do Facebook que deseja conectar a partir da lista de páginas que você gerencia.
  • Clique em “Adicionar” ou “Conectar” para confirmar a conexão.
  • Você voltará ao editor do Elfsight com sua Página do Facebook conectada.
Connect Facebook Source
💡 Dica: Certifique-se de estar conectado à conta do Facebook com direitos administrativos para a página que você deseja incorporar. Se precisar conectar uma página do Facebook diferente, você pode fazer isso a partir da aba Fonte a qualquer momento.

Seu feed do Facebook já exibe uma pré-visualização de suas postagens mais recentes no editor.

3. Personalize o Layout e as Configurações de Exibição

Vá para a aba ‘Layout’ para controlar como o feed do Facebook aparece no WordPress. Aqui, você pode ajustar:

  • Widget largura e altura para combinar com o design da sua página WordPress
  • Número de publicações para exibir (geralmente 3-10 funcionam melhor)
  • Configurações do visualizador pop-up para quando os visitantes clicam em publicações
  • Opções de rolagem e paginação para a navegação do feed pelos visitantes
  • Ajustes de layout móvel para garantir legibilidade em celulares
Adjust Facebook Feed Layout
💡 Dica: Ao incorporar o feed do Facebook no WordPress, defina a largura para corresponder à largura do conteúdo da sua página — geralmente 600-900px. Para a altura, 500-800px costuma ficar bom sem sobrecarregar a página. Teste em dispositivos móveis para garantir que o feed permaneça tocável e fácil de navegar.

4. Finalize as Configurações e Adicione Recursos Avançados (Opcional)

Na aba ‘Mais’, garanta que o Feed do Facebook seja apresentado no idioma-alvo correto. Para modificar o comportamento do widget ou integrá-lo às funcionalidades do seu site, acesse as configurações avançadas com os campos CSS e JS. Se você não estiver familiarizado com código, explore nossos tópicos da Comunidade para exemplos de código prontos de outros Elfsighters ou entre em contato com o suporte.

Facebook Feed Finetune Settings

5. Gere e copie seu código de incorporação

Depois de ficar satisfeito com a configuração do feed do Facebook, procure o botão verde com o rótulo “Adicionar ao Site Gratuitamente”. Clique nele para gerar seu código de incorporação exclusivo. Este código é o que você irá colar no seu site WordPress.

Facebook Feed Embed Code

Copie o snippet de código completo — ele normalmente começa com <div> ou <script> tags.

6. Adicione seu Feed do Facebook ao WordPress

Agora é hora de incorporar seu feed do Facebook no WordPress. Veja como fazer, dependendo da sua configuração do WordPress:

Usando o Editor de Blocos (Recomendado para o WordPress moderno)

  1. No painel do WordPress, vá até a página ou publicação onde você quer que o feed do Facebook apareça.
  2. Clique no botão + para adicionar um novo bloco.
  3. Procure e selecione o Bloco HTML Personalizado (ou Bloco HTML).
  4. Cole o código de incorporação do Facebook Feed do Elfsight no bloco.
  5. Clique fora do bloco ou pressione Atualizar para salvar as suas alterações.
  6. Pré-visualize a página para ver seu feed do Facebook ao vivo no WordPress.
🔧 Verificação Pro: Se o seu feed do Facebook não aparecer: Verifique se você utilizou o <em>Custom HTML block</em>, não um bloco de Texto ou Parágrafo; Confirme que todo o código de incorporação foi colado (não o truncar); Limpe o cache do WordPress se houver um plugin de cache ativo; Verifique se a conexão da página do Facebook ainda está ativa no seu painel de controle Elfsight

Usando um Widget de Texto/Código (Para Barras Laterais ou Rodapés)

  1. Vá em Aparência → Widgets no admin do WordPress.
  2. Selecione a barra lateral ou a área de widgets onde você quer o feed do Facebook (geralmente Barra lateral, Rodapé ou uma área personalizada).
  3. Clique em + Adicionar Bloco e procure por HTML Personalizado.
  4. Cole o código do Feed do Facebook do Elfsight no widget.
  5. Clique em Concluído para salvar.

Usando um Construtor de Páginas (Elementor, WPBakery, etc.)

  1. Abra sua página no editor do construtor de páginas.
  2. Adicione um elemento HTML ou Código ao layout da sua página.
  3. Cole o código de incorporação do Feed do Facebook no elemento HTML.
  4. Atualize e visualize em tempo real seu feed do Facebook incorporado no WordPress.

Métodos de incorporação do Feed do Facebook: Comparando suas opções

Há mais de uma forma de adicionar um feed do Facebook ao WordPress — cada método tem prós e contras diferentes. Veja como as diferentes abordagens se comparam:

Plugin da Página do Facebook (Método nativo oficial)

O Plugin de Página oficial do Facebook permite incorporar uma versão simplificada da sua página diretamente das ferramentas de desenvolvedor. Esta é uma solução nativa que não requer plugin de terceiros.

  1. Visite a página do Plugin de Página do Facebook. Vá para developers.facebook.com/docs/plugins/page-plugin
  2. Insira a URL da sua Página no Facebook. Cole a URL da sua Página no Facebook no campo designado.
  3. Personalize as opções de exibição. Escolha largura, altura, se exibir posts, a foto de capa e os rostos dos amigos.
  4. Clique em “Gerar código”. O Facebook gerará o código de incorporação.
  5. Copie e cole no WordPress. Adicione um bloco HTML Personalizado à sua página WordPress e cole o código.

Mais detalhes estão disponíveis na documentação oficial do Page Plugin do Facebook.

Plugin Smash Balloon Facebook Feed (Plugin de Terceiros)

Feed Personalizado do Smash Balloon para Facebook é um plugin popular do WordPress que cria feeds com aparência nativa e ampla personalização. É uma das opções mais utilizadas para adicionar feeds do Facebook ao WordPress.

  1. Instale o plugin. Procure por “Custom Facebook Feed” ou “Facebook Feed Pro” no diretório de plugins do WordPress e ative-o.
  2. Conecte sua Página do Facebook. Use as configurações do plugin para autorizar e conectar sua Página do Facebook via login do Facebook.
  3. Crie um feed. Clique em “Adicionar Novo Feed” e selecione o tipo de feed (Linha do Tempo, Fotos ou Vídeos).
  4. Personalize a aparência. Use o editor ao vivo para ajustar cores, layout, elementos do cabeçalho e outras configurações.
  5. Adicionar ao WordPress. Use o shortcode ou o bloco do plugin para exibir o feed em suas páginas.

Mais detalhes estão disponíveis no guia do plugin de Feed do Facebook da Smash Balloon.

Jetpack Social (Integração com WordPress.com)

Jetpack Social permite compartilhar automaticamente posts do WordPress no Facebook e gerenciar conexões sociais. Embora não seja uma ferramenta de exibição de feed, ela integra o WordPress ao Facebook para distribuição de conteúdo.

  1. Instale o Jetpack. Adicione o plugin Jetpack a partir do diretório de plugins do WordPress.
  2. Ative o Jetpack Social. Acesse as configurações do Jetpack e ative os recursos sociais.
  3. Conecte o Facebook. Clique em “Conectar uma Conta” e autorize a sua Página do Facebook.
  4. Gerencie as configurações de compartilhamento. Escolha quais postagens serão compartilhadas automaticamente no Facebook e personalize o texto de compartilhamento.

Mais informações estão disponíveis na documentação do Jetpack Social.

Incorporação Manual de Postagens Individuais

WordPress e muitos temas dão suporte ao oEmbed, que permite incorporar postagens individuais do Facebook apenas colando a URL da postagem.

  1. Encontre um post no Facebook. Vá até o post na sua Facebook Page.
  2. Clique no link do carimbo de tempo. Isso abre a página do post individual.
  3. Copie a URL. Copie a URL da postagem da barra de endereços do seu navegador.
  4. Cole no WordPress. No editor de página do WordPress, cole a URL em uma linha nova.
  5. Publicar. O WordPress irá inserir o post automaticamente.

Mais detalhes estão disponíveis na documentação oficial de incorporação do WordPress.

Como esses métodos se comparam?

MétodoMelhor para 👍Limitação Principal 👎
Elfsight Facebook FeedFeeds profissionais, totalmente personalizáveis, com várias opções de layout. Sem precisar manter o plugin. Configuração mais fácil, sem navegação na API do Facebook.Requer conta Elfsight; o plano gratuito tem limitações para recursos avançados.
Plugin da Página do FacebookSolução rápida e nativa do Facebook, com configuração mínima. Sem dependências de terceiros.Personalização limitada; apenas opções básicas de aparência; restrições de design inflexíveis.
Smash BalloonPlugin para WordPress rico em recursos, com ampla personalização e vários tipos de feed.Adiciona sobrecarga de plugin; requer atualizações; recursos avançados são apenas premium.
Jetpack SocialDistribua conteúdo do WordPress para o Facebook e gerencie suas conexões sociais.Não é projetado para incorporar feeds do Facebook no WordPress; com foco no compartilhamento externo.
Inserção Manual de PostsApresentando uma única postagem importante do Facebook em uma página WordPress.Funciona apenas para posts individuais; não é adequado para feeds dinâmicos com vários posts.

📝 Melhores Práticas: Maximize os Resultados do Feed do Facebook

Ao trabalhar com milhares de usuários do WordPress, identificamos práticas-chave que fazem uma grande diferença no desempenho dos seus feeds do Facebook integrados. Abaixo está nosso checklist para extrair o máximo do seu setup:

  1. Coloque o feed do Facebook onde ele seja facilmente encontrado. Adicione-o à sua página inicial, a uma página dedicada às redes sociais ou dentro de páginas de serviços/produtos relevantes para seu público. A posição importa—feeds colocados “acima da dobra” geram mais engajamento.
  2. Mantenha sua página do Facebook sempre atualizada. Um feed desatualizado prejudica a aparência do seu site WordPress. Publique pelo menos 2–3 vezes por semana para garantir conteúdo fresco no feed incorporado.
  3. Use uma largura responsiva que combine com a área de conteúdo. Defina a largura do feed para corresponder à largura máxima de conteúdo da sua página (geralmente entre 600 e 900 px). Larguras incompatíveis criam layouts estranhos e prejudicam a experiência do usuário.
  4. Exiba métricas de engajamento para fortalecer a prova social. Mostre contagens de curtidas, de comentários e botões de compartilhamento. Pesquisas mostram que o engajamento visível incentiva mais interação dos visitantes.
  5. Teste em dispositivos móveis antes de publicar. Sempre pré-visualize seu feed do Facebook em smartphones, tablets e desktops. Garanta que as postagens permaneçam legíveis e clicáveis em telas menores.
  6. Esconder o cabeçalho se o espaço for limitado. Se você estiver incorporando o feed do Facebook em uma barra lateral ou área de conteúdo restrita, desative a foto de capa e o cabeçalho para economizar espaço e manter o foco nas postagens.
  7. Use o visualizador pop-up para maior engajamento. Mantenha o visualizador pop-up em tela cheia ativado para que os visitantes possam ler comentários, ver reações e compartilhar conteúdo sem sair do seu site WordPress.
  8. Monitore a interação dos visitantes com as análises. Verifique quais tipos de posts (fotos, textos ou vídeos) recebem mais cliques nas suas análises do WordPress. Ajuste sua estratégia no Facebook de acordo.
  9. Combine com um call-to-action próximo ao feed. Adicione um texto incentivando os visitantes a “Siga-nos no Facebook para atualizações diárias” ou inclua um link para a sua página do Facebook próximo ao feed incorporado.
  10. Garanta conformidade com o GDPR para visitantes europeus. A maioria das ferramentas modernas de feed do Facebook atende ao GDPR, mas verifique se a solução escolhida respeita as regras de privacidade, quando aplicável.

Essas práticas funcionam porque atuam sobre a psicologia do visitante: conteúdo fresco mantém o interesse, posicionamento estratégico facilita a descoberta e o engajamento visível impulsiona a ação.

Solução rápida para problemas do Feed do Facebook

Aqui estão as respostas às perguntas mais comuns de usuários do WordPress sobre incorporar feeds do Facebook:

Por que meu feed do Facebook não aparece depois de colar o código de incorporação?

A razão mais comum é usar o tipo de bloco errado. Certifique-se de selecionar o bloco HTML Personalizado (Custom HTML), e não um bloco de Texto ou Parágrafo. Verifique também se você colou o código de incorporação completo — às vezes ele é truncado acidentalmente. Se o feed ainda não aparecer, limpe o cache do navegador e atualize a página. Verifique também se a conexão com a sua página do Facebook continua ativa no painel do Elfsight e não expirou.

Posso incorporar o feed do Facebook no WordPress se eu tiver várias páginas do Facebook?

Sim! Você pode criar vários widgets de Feed do Facebook separados — um para cada página que gerencia. Cada widget conecta à sua própria Facebook Page. Basta seguir o processo de configuração novamente para cada página e adicioná-los a áreas diferentes do seu site WordPress.

Incorporar um feed do Facebook pode deixar o seu WordPress mais lento?

Feeds do Facebook bem configurados têm impacto mínimo na velocidade da página. O feed carrega de forma assíncrona (em segundo plano), sem bloquear a exibição da página. No entanto, se você incorporar muitos widgets pesados ou não otimizar as imagens, pode haver impacto no desempenho. Use as ferramentas de velocidade do WordPress para monitorar antes e depois de adicionar o feed.

Os visitantes podem interagir com o feed do Facebook diretamente no meu site WordPress?

A maioria dos widgets de feed do Facebook exibe um visualizador pop-up interativo. Os visitantes podem clicar para ver as postagens na íntegra, ler e visualizar comentários, curtidas e reações, e acessar sua página no Facebook. No entanto, comentar diretamente do WordPress geralmente não é suportado — os visitantes precisam ir ao Facebook para comentar, o que ajuda a direcionar tráfego para a sua página.

Como atualizo o feed do Facebook se eu quiser exibir postagens diferentes?

O feed é atualizado automaticamente sempre que você publica conteúdo novo na sua página do Facebook. Não há atualização manual necessária — seu feed do Facebook incorporado no WordPress exibirá suas postagens mais recentes em tempo real. Se quiser ocultar temporariamente posts antigos específicos, gerencie isso diretamente nas configurações da sua página do Facebook.

É melhor incorporar o feed do Facebook ou usar o plugin de Página do Facebook?

Depende das suas necessidades. O widget de Feed do Facebook da Elfsight oferece mais personalização, várias opções de layout e melhor controle de branding. O plugin de Página nativo do Facebook é mais simples, mas oferece personalização limitada. Para sites WordPress que buscam uma aparência profissional e com branding, o Elfsight Facebook Feed é a opção mais robusta.

Posso incorporar um feed do Facebook que exiba várias páginas ou grupos?

Os feeds padrão do Facebook exibem conteúdo de uma única página. No entanto, alguns plugins avançados como Smash Balloon oferecem recursos premium para combinar feeds de várias páginas em um só. Verifique as capacidades do plugin escolhido para suporte a feeds de várias páginas.

O que acontece se minha página do Facebook estiver configurada como privada ou restrita?

Apenas o conteúdo público da sua página do Facebook pode ser incorporado. Se a sua página for privada, o feed não será exibido porque o widget não consegue acessar o conteúdo. Mantenha sua página pública para garantir que o feed incorporado funcione corretamente.

A incorporação de um feed do Facebook ajuda no SEO do meu site WordPress?

Parcialmente. Conteúdo fresco e dinâmico sinaliza atividade aos mecanismos de busca, o que é positivo. No entanto, o conteúdo do feed do Facebook está incorporado e não é texto rastreável na sua página. Use o feed para aumentar o engajamento, mas garanta que sua página ainda tenha conteúdo de texto original e otimizado para benefícios de SEO.

Como reconectar minha página do Facebook se a conexão expirar?

Vá até o editor do Widget de Feed do Facebook no painel da Elfsight. Clique na aba Fonte e você verá a opção de reconectar ou atualizar a conexão com sua página do Facebook. Clique para autorizar novamente com o Facebook, e a conexão será restaurada.

Mais Perguntas ou Ideias?

Esperamos que este guia para iniciantes ofereça um bom ponto de partida para integrar seu site ao Facebook. Adicionar o feed do Facebook ao WordPress com um widget profissional sem código transforma a forma como os visitantes descobrem seu conteúdo social mais recente.

Have questions, feedback, or want to share your setup experience? Join our active Community Forum to connect with other WordPress users or reach out to our support team—we’re always happy to help.

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.