Você está procurando uma maneira confiável de adicionar um feed do Facebook ao seu site WordPress?
Adicionar um feed personalizado do Facebook torna seu site mais envolvente e interativo. Ao mesmo tempo, você também fornece prova social de uma presença online ativa, ajudando a transformar seus leitores em seus fãs.
A maneira mais fácil de adicionar um feed do Facebook ao WordPress é usando um plugin. Ele cuida das coisas técnicas e permite que você configure tudo com apenas alguns cliques.
Neste tutorial, mostraremos como criar um feed personalizado do Facebook no WordPress em apenas 5 passos simples.
Primeiro, vamos ter certeza se você realmente precisa de um Feed do Facebook em seu site.
Razões pelas quais você precisa de um Feed do Facebook em seu site WordPress
Com mais de 2,9 bilhões de visitantes mensais, o Facebook tem usuários globais interessados em muitas coisas. Como proprietário de um site, você pode aproveitar esses números e aumentar seu público.
Conectar seu Facebook ao seu site traz muitos benefícios, que incluem:
- Aumentar a descoberta de conteúdo e manter o conteúdo do site atualizado
- Construir uma comunidade
- Melhorar a autoridade do seu domínio
- Fazer marketing cruzado entre mídias sociais e seu site
- Usar recursos de forma econômica
- Manter seu público atualizado com as últimas informações sobre sua marca
- Aumentar o engajamento por meio de comentários, compartilhamentos e curtidas
Agora, o WordPress não oferece uma opção padrão para adicionar um feed do Facebook ao seu site.
Em vez disso, você precisará encontrar um plugin confiável para ajudá-lo com isso.
O melhor plugin para ajudá-lo a adicionar seu feed do Facebook ao seu site é o Smash Balloon, e nós lhe diremos o porquê.
Por que escolher o Smash Balloon?
Smash Balloon é a melhor maneira de adicionar um feed personalizado do Facebook ao seu site WordPress por causa de quão fácil e flexível é usá-lo.
É uma configuração única, e então o plugin rodará por conta própria, buscando novo conteúdo do seu feed do Facebook e exibindo-o no seu site.
Você pode personalizar completamente seu feed para mostrar as postagens que deseja. O Smash Balloon permite que você faça isso escolhendo tipos de conteúdo específicos, como vídeos ou eventos, filtrando por hashtags e usando palavras-chave para omitir certas postagens.
Você também pode configurar múltiplos feeds para exibir diferentes tipos de postagens do Facebook em páginas específicas. Cada feed que você criar pode ter um design e posicionamento diferentes.
Então, se você tem um catálogo de produtos, pode exibir postagens relacionadas a produtos nessa página. Ou você pode configurar o feed do Facebook do seu site apenas para exibir eventos se você administra um negócio local. Dessa forma, você pode usar as mídias sociais e seu site para comercializar melhor seu negócio offline.
Aqui estão apenas alguns motivos pelos quais este plugin é a nossa escolha número 1 para feeds do Facebook:
- Integração fácil com o Facebook
- Configuração "defina e esqueça"
- Feed totalmente personalizável
- 4 layouts diferentes para escolher
- Mostrar/ocultar posts específicos
- Otimizado para velocidade e SEO
Agora, vamos mostrar como configurar o Smash Balloon no seu site WordPress.
Adicionando um Feed do Facebook no WordPress
Neste tutorial, mostraremos como instalar o plugin Smash Balloon e configurar definições importantes para ajudar você a exibir um belo feed do Facebook adicionado ao seu site.
Passo 1: Instalar o Smash Balloon
Comece visitando o site Smash Balloon para se inscrever em uma conta. Em seguida, você terá acesso à sua própria conta Smash Balloon, onde poderá baixar o plugin e copiar sua chave de licença.
Você precisará instalar e ativar o plugin Facebook Feed Pro no seu painel do WordPress. Não sabe como fazer isso? Siga nosso guia sobre Como Instalar um Plugin do WordPress.
Após a ativação, no menu do WordPress à esquerda, vá para a página Facebook Feed» Configurações. Aqui, você pode colar sua chave de licença e ativar o plugin pro.
Agora você deve ter o Smash Balloon Pro configurado. Em seguida, conectaremos seu site WordPress à sua página ou grupo do Facebook.
Passo 2: Conectar Seu Grupo ou Página do Facebook
O Smash Balloon permite que você conecte seu site a um grupo ou página do Facebook, o que você preferir.
Um grupo do Facebook pode ajudar seu público a ter discussões mais focadas privadamente, construindo engajamento, enquanto uma página do Facebook pode ajudar a construir sua marca e sua autoridade em seu nicho.
Para completar, você pode ter seu grupo e página incorporados em seu site ao mesmo tempo, obtendo o melhor dos dois mundos.
Para este tutorial, conectaremos um Feed de Página do Facebook, mas lembre-se, os passos serão praticamente os mesmos para um Grupo do Facebook.
Vá para a página Facebook Feed» Todos os Feeds no seu painel do WordPress para conectar seu primeiro feed.
Você verá um botão Adicionar Novo que permite iniciar o processo.
O Smash Balloon permite que você adicione todo o seu feed do Facebook ou apenas tipos específicos de conteúdo.
Esses tipos de conteúdo podem variar de posts, vídeos, eventos e imagens, dependendo do tipo de reação que você deseja do seu público.
Para o nosso exemplo, usaremos a configuração padrão, que permite ao Smash Balloon buscar toda a sua linha do tempo do Facebook.
Na próxima página, escolha a fonte do feed do Facebook selecionando ‘Adicionar Novo’.
Agora você deve ver um botão azul que diz ‘Conectar ao Facebook’.
Uma nova página será aberta onde você encontrará outro botão Adicionar Novo. É aqui também que você pode se conectar a mais páginas mais tarde e iniciar vários feeds.
Isso o levará ao Facebook, onde você poderá fazer login em sua conta rapidamente.
Uma vez logado, você verá um pop-up mostrando todas as páginas sob seu perfil. Selecione aquela que você gostaria de exibir no feed.
Para garantir que você tenha controle total sobre todo o conteúdo acessível pelo Smash Balloon, você pode ativar ou desativar o que o plugin pode acessar na próxima janela.
Sugerimos que você defina todas essas configurações como ‘Sim’, para que o conteúdo do Facebook exibido em seu site não seja afetado. Depois de conceder as permissões, você verá uma mensagem de sucesso de que sua conta foi vinculada.
E pronto! Você conectou com sucesso o Smash Balloon ao seu feed do Facebook. A página deve recarregar automaticamente e levá-lo ao seu Painel do WordPress.
Passo 3: Personalize Seu Tema e Layout
Agora que sua página do Facebook está conectada, vamos personalizar o feed para corresponder às suas preferências.
O Smash Balloon redirecionará você automaticamente para um pop-up onde você pode selecionar a página que acabou de conectar e adicioná-la ao seu painel do Smash Balloon. Você a verá aparecer assim:
Escolha a página e vá para o Próximo passo.
Agora você pode selecionar o tema do feed. Você pode deixá-lo como padrão ou alterá-lo para Moderno, Mural Social, Contorno e Sobreposição. Usaremos o tema padrão.
No próximo passo, escolha o tipo de template. Você pode exibir seu feed em uma grade masonry, widgets, cartões ou carrosséis. Você pode até exibir apenas a postagem mais recente do Facebook.
Assim que fizer sua seleção, a página deverá recarregar e direcioná-lo para sua página Todos os Feeds.
Passo 4: Personalize Seu Feed do Facebook
Agora você pode editar o feed. Faça isso escolhendo o ícone de lápis 'Editar' no extremo direito do nome do feed.
Após abrir o editor de feed, você verá os menus Personalizar e Configurações à esquerda e uma janela de pré-visualização de como eles aparecerão à direita.
Neste tutorial, focaremos no menu Personalizar, pois ele contém todos os essenciais de que você precisará.
A janela de pré-visualização à direita mostrará como o feed ficará quando incorporado em seu site. Use-a para verificar erros e problemas de formatação enquanto projeta o feed do Facebook do seu site.
Mesmo que você tenha escolhido um template, tipo de feed e tema em seus passos anteriores, esta janela permite que você os altere também.
Vamos começar configurando como o feed personalizado do Facebook aparecerá, indo em 'Layout do Feed' na barra de tarefas esquerda.
Você pode editar se deseja que o feed apareça em formato de lista, masonry ou carrossel. Escolha a altura da postagem para que ela se encaixe bem em seu site.
Como tablets, telefones e desktops têm telas de tamanhos diferentes, selecione o número de colunas e postagens para a melhor experiência do usuário, dependendo do dispositivo do seu visitante.
A tela de pré-visualização no canto superior direito possui ícones para telas de celular, tablet e desktop no canto superior direito. Use este recurso para verificar como o feed aparecerá em diferentes tamanhos de tela.
Experimente para ver qual proporção de posts para colunas funciona melhor para cada tamanho de tela antes de tomar uma decisão final.
Mesmo que recomendemos que você personalize o número de posts, por padrão, o Smash Balloon permite menos posts em telas menores para oferecer uma boa experiência ao seu público, mesmo que você não os defina.
Assim que você definir o layout do feed, volte para o menu principal à esquerda.
Agora vamos mudar o esquema de cores.
Por padrão, o Smash Balloon usa as cores do seu tema para que o feed se integre perfeitamente ao resto do seu site. Mas você pode personalizá-lo aqui como desejar. Você também pode optar pelo design mais convencional de um esquema de cores escuro ou claro.
No entanto, se você escolher uma paleta de cores personalizada, poderá selecionar um fundo, texto e cores de link diferentes para se adequar melhor ao design do seu site.
Assim que você definir o esquema de cores, volte para o menu de personalização.
Para editar o título do seu feed e elementos relacionados, role para baixo no menu Personalizar e encontre o submenu ‘Cabeçalho’.
Aqui, escolha se você deseja que o cabeçalho seja em formato de texto ou visual, o tamanho e a cor do texto do título, o tamanho e a cor do texto da bio, e as dimensões da foto de capa.
Para alterar o layout do post, volte para o menu Personalizar e selecione a aba Posts. Aqui, você pode alterar o layout para Miniatura, Meia largura e Largura total.
Em seguida, em Estilo do Post, selecione se você deseja que os posts sejam ‘Regulares’ ou ‘Em Caixa’. Você também pode personalizar a cor e a espessura da linha separadora.
Além disso, o Smash Balloon permite que você marque ou desmarque os ‘Elementos Individuais do Post’ que deseja exibir.
Um recurso interessante do Smash Balloon é que você pode permitir que os usuários interajam com seu conteúdo de mídia social diretamente do seu site. Para adicionar um botão de ‘Curtir’, role para baixo no menu Personalizar e vá para Caixa de Curtidas.
Primeiro, ative o botão de curtir para que ele apareça em seu feed. Em seguida, você pode personalizar seu tamanho e posição.
Em seguida, você pode decidir a largura do seu feed. No entanto, se você o deixar no padrão, ele se ajustará automaticamente com base no tamanho da tela.
Para dar mais peso à chamada para ação, você pode mostrar aos usuários do seu site os amigos do Facebook deles que também seguem sua página.
Agora há um recurso muito legal do Smash Balloon que queremos mostrar a você. Você pode mover o botão de curtir para fora do menu rolável aqui. O que isso faz é mostrar ao seu público o botão 'Curtir', independentemente de onde eles estejam rolando na página.
Dessa forma, você tem uma chance maior de fazer com que eles cliquem no botão Curtir.
Quando terminar, volte para o menu Personalizar.
A última coisa que queremos mostrar aqui é o botão Carregar Mais. Isso exibirá mais conteúdo do feed quando clicado por um leitor. Você pode ativar ou desativar essa opção.
Uma das principais razões para desativar o botão 'Carregar Mais' é melhorar a experiência do usuário, reduzindo a sobrecarga de conteúdo e permitindo que os leitores se concentrem no conteúdo que os trouxe à página. Por outro lado, ativar este botão pode aumentar o engajamento do site e manter um leitor na página por mais tempo, impulsionando suas métricas de SEO.
Você pode personalizar o texto Carregar Mais para o que desejar. Você pode até alterá-lo para um idioma em sua região de destino para se comunicar melhor com seu público. Ou seja mais aventureiro e escreva algo cativante.
O objetivo final é atrair as pessoas para verem mais do seu feed.
Depois de personalizar tudo ao seu gosto, não se esqueça de Salvar seu feed.
Etapa 5: Publicar o Feed do Facebook
Agora que você configurou a aparência do seu feed personalizado, é hora de exibi-lo em seu site.
Como tudo mais com o Smash Balloon, você não precisa ter nenhuma experiência de codificação para publicar um feed.
Existem 3 maneiras de adicionar seu feed personalizado ao seu site WordPress. Você pode usar um bloco, um widget ou um shortcode. Cada método é fácil e direto, mas ideal para diferentes situações.
- Feed personalizado em bloco: Este método facilita a personalização visual da posição. Com este método, você pode ver facilmente como o feed aparecerá em seu site.
- Feed personalizado em widget: Você pode otimizar totalmente o espaço da barra lateral, garantindo a consistência do seu feed em todo o site.
- Feed personalizado com shortcode: Permite posicionamento flexível em qualquer lugar do seu site sem erros.
Sinta-se à vontade para escolher o método que melhor se adapta às suas necessidades no momento.
Para adicionar o feed usando um bloco, abra uma página ou postagem no seu Menu do WordPress. Para este tutorial, usaremos uma página.
Na página, localize onde você gostaria que o feed aparecesse e clique no ícone de Mais para adicionar um novo bloco. Na barra de pesquisa do bloco, digite 'Custom Facebook Feed' e adicione o bloco de feed à página.
Se você adicionou apenas um feed, ele será exibido por padrão. Para contas com mais de um feed, o Smash Balloon escolherá um por padrão ou você precisará adicionar o shortcode do feed específico.
Para obter o shortcode, vá para Todos os Feeds, você verá o shortcode exibido ao lado do nome do feed.
Copie o shortcode e volte para a página e bloco que você criou para o feed. À direita, vá para Configurações, você verá uma caixa de texto chamada 'Configurações de shortcode'. Cole o shortcode aqui e Aplique as Configurações ao bloco de feed que você criou anteriormente.
Seu site agora deve exibir este feed específico automaticamente.
Para adicionar um feed do Facebook através de um widget, vá para Aparência » Widgets no seu painel do WordPress.
Aqui, você precisa adicionar um novo bloco através do ícone de mais. Em seguida, na barra de pesquisa, procure pelo widget 'Custom Facebook Feed'.
Em seguida, arraste e solte-o na localização exata onde você gostaria que o feed do Facebook aparecesse.
Se você tiver vários feeds, precisará adicionar o shortcode específico na caixa de texto à direita, como no processo anterior.
Assim que terminar, clique no botão Aplicar Alterações.
Por fim, para incluir o feed usando um shortcode, comece copiando o Shortcode do menu All Feeds do Smash Balloon, como na etapa anterior.
Selecione qualquer página ou post onde você gostaria de adicionar um feed. Adicione um novo bloco através do ícone Mais e procure por ‘Shortcodes’.
Arraste e solte o ícone Shortcode em qualquer lugar da página ou post onde você deseja que o feed apareça.
Tudo o que você precisa fazer é colar o shortcode, e ele deverá ser exibido automaticamente.
É isso!
Você configurou um feed do Facebook no seu site WordPress. Ele agora funcionará automaticamente – buscando novas postagens da sua página e exibindo-as no seu site.
Próximos Passos? Faça Mais Com Smash Balloon
Smash Balloon é um poderoso plugin de feed de mídia social. Ele pode realmente aumentar o engajamento e o seu número de seguidores.
Um recurso de destaque do Smash Balloon é que você pode conectar feeds do YouTube, Instagram e Twitter diretamente ao seu site.
Você pode até combinar plataformas para criar uma parede social definitiva.
Se você transmite livestreams do YouTube, pode sincronizá-los facilmente com o seu site WordPress. Dessa forma, os visitantes do seu site também poderão assistir à sua transmissão ao vivo. Interessado em configurar isso? Acesse nosso tutorial em Como Vincular Sua Transmissão Ao Vivo do YouTube ao Seu Site.
Resumindo, o Smash Balloon funciona como um ímã de conteúdo de mídia social. Ele puxará conteúdo novo dos seus feeds e o adicionará ao seu site. Pense nisso como uma ponte entre o conteúdo do site e o conteúdo das mídias sociais.
Esperamos que você tenha achado este tutorial útil. Você também pode se interessar em aprender Como Adicionar Notificações de Prova Social no WordPress. Também temos estes tutoriais para ajudá-lo a configurar mais links entre as mídias sociais e seu site WordPress:
- Como Incorporar um Feed do YouTube no WordPress para Aumentar o Engajamento
- Como Incorporar Feed do Instagram no WordPress (Com Botão de Compartilhamento)
- Como Compartilhar Automaticamente Posts do WordPress no Facebook e Twitter
Os 2 primeiros tutoriais ajudarão você a obter mais do Smash Balloon, enquanto o último mostra como gerar automaticamente conteúdo de mídia social quando você publica um blog em seu site.
Comentários Deixe uma Resposta