Sempre que termino de configurar um novo site, a próxima coisa que faço é conectar seus canais sociais. Uma audiência não se constrói sozinha, e um site que ignora o Facebook deixa os seguidores mais fáceis na mesa.
Ter seu site e sua página do Facebook em dois mundos separados significa que você está perdendo engajamento e seguidores fáceis.
É por isso que vou mostrar minhas três maneiras mais confiáveis de adicionar uma página do Facebook ao WordPress. Também mostrarei como adicionar um botão Curtir do Facebook, para que os visitantes possam seguir sua página em um clique sem sair do seu site.
TL;DR: Como Adicionar uma Página do Facebook ao WordPress
Você pode conectar sua página do Facebook ao WordPress em alguns minutos, sem necessidade de código. Aqui estão as maneiras que recomendo, além de como adicionar um botão Curtir para que os visitantes possam segui-lo em um clique.
- SeedProd (mais fácil) – Arraste o bloco Página do Facebook para qualquer página e cole a URL da sua página.
- Plugin de Página do Facebook – Gere o código de incorporação do Facebook e insira-o em um bloco de HTML Personalizado.
- Smash Balloon – Mostre um feed do Facebook ao vivo e atualizado automaticamente com um plugin gratuito.
- Botão Curtir do Facebook – Adicione um botão Curtir de um clique com o bloco Curtir do Facebook do SeedProd ou o próprio código do Facebook.
Por que Adicionar sua Página do Facebook ao WordPress?
Se você administra um negócio local ou uma página comunitária, seus visitantes já estão no Facebook todos os dias. Adicionar sua Página do Facebook diretamente ao seu site significa que eles podem curtir ou seguir sem sair, e é nesse momento sem atritos que a maior parte do crescimento social realmente acontece.
Também mantém sua marca visível em dois lugares ao mesmo tempo, para que novos visitantes que o encontram pelo Google possam se conectar com você nas redes sociais na mesma sessão. Para um negócio local, essa combinação de visibilidade de pesquisa e conexão social é difícil de superar.
Em seguida, vou guiá-lo passo a passo sobre como adicioná-la.
Método 1: Adicionando sua Página do Facebook ao WordPress Usando SeedProd
Se você está construindo uma nova página do zero, como uma página de destino dedicada ou um hub do Facebook para sua marca, o SeedProd é a melhor opção. Seu editor de arrastar e soltar inclui um bloco de Página do Facebook integrado, para que você possa incorporar sua página e personalizar todo o layout sem escrever nenhum código.
SeedProd é o melhor construtor de páginas WordPress e construtor de sites com arrastar e soltar. Ele permite que você crie layouts de página personalizados sem o incômodo de codificá-los do zero.
Com seu bloco Página do Facebook, você pode incorporar qualquer Página do Facebook no WordPress com apenas alguns cliques. Ele também possui blocos úteis que permitem incorporar um botão Curtir do Facebook, comentários do Facebook e postagens do Facebook.
Aqui estão os passos sobre como adicionar uma Página do Facebook ao WordPress usando SeedProd.
Passo 1. Instale e Ative o SeedProd
Primeiro, você precisará baixar o plugin SeedProd e instalá-lo em seu site WordPress.
Para este guia, estamos usando o SeedProd Pro por seus recursos avançados de personalização.
Se precisar de ajuda, você pode consultar nossa documentação sobre como instalar o SeedProd e ativar sua licença.
SeedProd oferece 2 maneiras de personalizar seu site WordPress. Você pode criar uma página de destino independente ou criar um tema WordPress personalizado usando seu recurso Theme Builder.
Para este guia, usaremos a funcionalidade do construtor de páginas de destino.
Etapa 2. Escolha um Modelo de Página de Destino
Para criar uma nova página de destino, navegue até 'Páginas de Destino' no seu painel do WordPress e clique no botão ‘Adicionar Nova Página de Destino’ .
A partir da00, voc00 ver00 centenas de modelos de landing page prontos que voc00 pode usar como ponto de partida para o seu design. Cada modelo 00 100% responsivo para dispositivos m00veis, garantindo que o seu design fique 00timo em dispositivos m00veis como smartphones e tablets.
Voc00 pode filtrar os modelos clicando nas abas na parte superior ou usar a caixa de pesquisa para encontrar um design para um nicho espec00fico. Assim que encontrar um de que goste, passe o mouse sobre ele e clique no 00cone de checkmark.
Em seguida, insira um nome para sua página e clique no botão ‘Salvar e Começar a Editar a Página’.
Agora, o modelo ser00 aberto no editor visual do SeedProd, onde voc00 pode come00ar a personalizar seu layout e conte00do sem c00digo.
Etapa 3. Adicionar o Bloco da P00gina do Facebook
O editor de arrastar e soltar do SeedProd 00 f00cil de navegar.
Voc00 ver00 uma pr00via ao vivo 00 direita e blocos, se000es e configura000es 00 esquerda. Voc00 pode arrastar elementos de conte00do do painel de blocos para a pr00via e editar suas configura000es com alguns cliques.
Veja como adicionar o bloco da P00gina do Facebook 00 sua landing page:
No painel ‘Blocos Avançados’, role para baixo até ver o bloco Página do Facebook. Para adicioná-lo à sua página, arraste-o da esquerda e solte-o na sua pré-visualização.
Agora, voc00 pode clicar no bloco para ver suas op000es de personaliza000o e adicionar a URL da sua P00gina do Facebook.
Se sua p00gina n00o aparecer, voc00 precisar00 clicar no link “Configura000es da P00gina” e inserir as informa000es do seu ID de Aplicativo do Facebook.
Como Obter um ID de Aplicativo do Facebook
O ID do aplicativo é a única parte disso que parece complicada, mas você só a configura uma vez.
Veja como:
- Acesse developers.facebook.com/apps e fa00a login com sua conta do Facebook.
- Clique em ‘Criar Aplicativo’ e selecione o tipo de aplicativo ‘Consumidor’ quando solicitado.
- Preencha o nome do seu aplicativo e o e-mail de contato, em seguida, conclua o assistente de configura000o.
- Assim que o aplicativo for criado, seu ID de Aplicativo aparecer00 no topo do painel do aplicativo. Copie-o e cole-o no campo Configura000es da P00gina do SeedProd.
Configura000es adicionais do bloco da P00gina do Facebook incluem a capacidade de:
- Ativar um cabe00alho pequeno
- Ocultar sua foto de capa
- Mostrar fotos de perfil
- Ocultar o bot00o de CTA
- Alterar a altura do widget do Facebook
- Ajustar o alinhamento do widget
Voc00 pode at00 exibir diferentes tipos de feeds do Facebook, incluindo uma linha do tempo, eventos e mensagens.
A 00tima coisa sobre este bloco 00 que ele inclui automaticamente bot00es de Curtir e Compartilhar para que os usu00rios possam compartilhar facilmente seu conte00do de m00dia social em outras plataformas.
Etapa 4. Personalize sua P00gina do WordPress
Assim que o feed da sua Página do Facebook estiver no lugar, você pode continuar personalizando o restante da sua página de destino.
Algumas ideias incluem:
- Adicionar um formul00rio de opt-in para coletar endere00os de e-mail
- Incluindo depoimentos de clientes satisfeitos para aumentar a confiança
- Adicionando um botão para entrar no seu Grupo do Facebook
- Incorporando um vídeo de boas-vindas para engajar visitantes de primeira viagem
Para um guia completo sobre como personalizar sua página de destino, consulte nosso guia passo a passo sobre como criar uma página de destino no WordPress.
Etapa 5. Salvar suas alterações
Quando estiver satisfeito com sua página, clique no botão ‘Salvar’ e ‘Publicar’ no canto superior direito da sua tela.
Agora, você pode visitar a página para ver como ela fica.
Método 2: Adicionando a Página do Facebook ao WordPress Sem um Plugin
O segundo método usa o próprio Plugin de Página do Facebook, então não há construtor de páginas envolvido.
Este método também é relativamente fácil, mas não oferece o mesmo nível de personalização que você obtém com um construtor de páginas do WordPress. Ele também envolve copiar e colar trechos de código em seu site.
Etapa 1. Obtenha o Plugin da Página do Facebook
Para começar, visite o site do Plugin da Página do Facebook. É aqui que você inserirá os detalhes sobre sua página e gerará um código para incorporar em seu site.
Etapa 2. Configure o Plugin da Página do Facebook
Na página do plugin, você verá um formulário onde pode inserir detalhes sobre sua Página do Facebook.
Você pode colar a URL da sua Página do Facebook, inserir uma largura e altura personalizadas para o plugin, ocultar a foto de capa e muito mais.
Etapa 3. Gere seu Código de Incorporação da Página do Facebook
Após preencher os detalhes necessários, clique no botão ‘Obter Código’.
O Facebook gerará um código JavaScript e iFrame para colar em sua página. Na janela pop-up, escolha a opção iFrame e copie o código de incorporação.
Etapa 4. Adicione o Código de Incorporação da Página do Facebook ao WordPress
Agora, é hora de adicionar este código ao seu blog WordPress. Muitos sites exibem sua página de conta do Facebook em uma nova postagem ou widget de barra lateral, então vamos ver como fazer isso.
Vá para a aba ‘Aparência’ no seu admin do WordPress e selecione ‘Widgets’.
Em seguida, clique no ícone de mais para adicionar um novo bloco do WordPress e encontre o widget de HTML Personalizado ou Texto. Adicione este widget à área onde você gostaria que sua página do FB aparecesse.
Finalmente, copie o código HTML gerado pelo Facebook e cole-o na área do widget.
Agora clique no botão ‘Salvar’ para aplicar as alterações. Com isso, sua Página do Facebook deverá aparecer na barra lateral do seu WordPress.
Para adicioná-lo a uma página ou post em vez disso, abra a página no editor de blocos, clique no botão ‘+’ para adicionar um novo bloco, procure por ‘HTML Personalizado’ e cole o código de incorporação lá. Publique a página e seu feed do Facebook aparecerá exatamente onde você o colocou.
Não está aparecendo? Primeiro, verifique se sua Página do Facebook está publicada e se a URL inserida está correta. Se um plugin de segurança ou cache estiver bloqueando scripts externos, tente desativá-lo temporariamente para testar.
O código JavaScript de incorporação do Facebook pode ser bloqueado às vezes, então mude para o código iFrame da Etapa 3 se isso acontecer. Certifique-se também de que o domínio em que você está incorporando corresponda ao domínio registrado nas configurações do seu App do Facebook.
Método 3: Adicionar um Feed do Facebook ao WordPress com um Plugin
Se você deseja um feed dinâmico e estilizado que se atualiza automaticamente conforme você posta no Facebook, a melhor opção é o plugin Custom Facebook Feed da Smash Balloon. É a solução mais popular para este caso de uso e funciona em qualquer página, postagem ou barra lateral existente.
Com seu plugin Facebook Feed, você pode mostrar uma galeria filtrável de suas postagens do Facebook sem escrever nenhum código. Veja como configurá-lo.
Etapa 1. Instalar o Plugin Custom Facebook Feed
No seu painel do WordPress, vá para Plugins » Adicionar Novo e procure por ‘Custom Facebook Feed by Smash Balloon’. Instale e ative a versão gratuita.
Uma vez ativo, você verá um novo item de menu ‘Facebook Feed’ no seu painel.
Etapa 2. Conectar sua Conta do Facebook
Clique em Facebook Feed » Adicionar Novo para iniciar o assistente de configuração. Você será solicitado a conectar sua conta do Facebook.
Clique em ‘Conectar ao Facebook’, faça login se necessário e conceda ao plugin permissão para acessar suas páginas.
O plugin solicita apenas acesso de leitura, portanto, ele pode exibir seus posts sem a capacidade de postar em seu nome.
Etapa 3. Selecionar sua Página do Facebook
Após conectar, você verá uma lista de Páginas do Facebook que você gerencia. Selecione a página que deseja exibir e clique em ‘Próximo’.
O assistente permitirá que você escolha um tipo de feed: Linha do tempo, Fotos, Eventos ou Vídeos. Você pode pré-visualizar como ele ficará em seu site.
Etapa 4. Copiar o Shortcode ou Adicionar o Bloco
Depois que seu feed for configurado, o Smash Balloon fornecerá um shortcode como [custom-facebook-feed]. Você também pode usar o bloco dedicado ‘Facebook Feed’ se estiver usando o editor de blocos do WordPress.
Salve o feed e anote o nome do shortcode ou bloco. Você o usará na próxima etapa para colocar o feed em seu site.
Etapa 5. Colocar o Feed em sua Página
Abra a página ou post onde você deseja que o feed apareça. Se você estiver usando o editor de blocos, clique no botão ‘+’, procure por ‘Facebook Feed’ e selecione seu feed no menu suspenso. Se você estiver usando um shortcode, adicione um bloco ‘Shortcode’ e cole-o.
Para adicionar o feed à sua barra lateral, vá para Aparência » Widgets, adicione um widget ‘Shortcode’, cole o shortcode e salve. Publique a página e seu feed ao vivo do Facebook aparecerá exatamente onde você o colocou.
Como Adicionar um Botão Curtir do Facebook no WordPress
Incorporar sua página é uma coisa. Dar aos visitantes uma maneira de um clique para segui-la é outra, e é para isso que serve um botão Curtir do Facebook.
Nos blogs que administrei, um botão de Curtir era a forma de menor atrito para transformar um leitor em um seguidor. Comentar e compartilhar exigem esforço, mas um Curtir é um clique, e ele aumenta sua página silenciosamente em segundo plano.
O WordPress não tem um botão de Curtir integrado, então mostrarei duas maneiras de adicionar um. A rota sem código usa o SeedProd. A rota manual usa o próprio código do Facebook.
Adicionar um Botão Curtir do Facebook com SeedProd (Sem Código)
Se você seguiu o Método 1, já tem o SeedProd instalado e uma página aberta no construtor. Adicionar um botão de Curtir leva apenas mais alguns cliques.
Ao lado do bloco de Página do Facebook, os blocos do Facebook do SeedProd permitem que você incorpore sua página, posts individuais, comentários e um botão de Curtir independente.
Para adicionar o botão, arraste o bloco Facebook Like do painel 'Advanced Blocks' para sua página.
Clique no bloco para abrir suas configurações, onde você pode definir exatamente como o botão se parece. Você pode definir o layout como padrão, botão, contagem de botões ou contagem de caixas.
Do mesmo painel, você pode escolher um tamanho pequeno ou grande e ativar ou desativar um botão de Compartilhamento do Facebook ao lado dele.
Você também pode apontar o botão para sua página atual ou uma URL personalizada, alternar o formato da URL entre permalinks simples e bonitos, e alinhar o botão à esquerda, direita ou centro.
Na aba de configurações 'Advanced', você pode ajustar o espaçamento do botão, animá-lo e controlar sua visibilidade em dispositivos móveis e desktop, tudo sem escrever nenhum código.
Observação: Para que o botão seja renderizado corretamente, adicione seu ID de Aplicativo do Facebook em SeedProd » Configurações. Você pode obter esse ID no painel do seu aplicativo em developers.facebook.com, o mesmo local abordado nas etapas do ID do Aplicativo acima.
Quando estiver satisfeito com o botão, clique na seta suspensa no botão 'Salvar' e selecione 'Publicar'.
Agora você pode visitar sua página e ver o botão Curtir do Facebook em ação.
Adicionar um Botão Curtir do Facebook Manualmente com Código
Se você preferir não usar um plugin, pode colar o próprio código do botão Curtir do Facebook no WordPress. Isso leva algumas etapas extras, então eu só recomendo se você se sentir confortável editando código.
Para torná-lo mais seguro, usaremos o plugin WPCode. Ele permite gerenciar trechos de código sem editar diretamente os arquivos do seu tema, para que uma atualização do tema não possa apagá-los.
Primeiro, vá para a página Like Button no site Meta for Developers e role para baixo até o 'Like Button Configurator'.
Digite a URL da sua Página do Facebook no campo 'URL to Like', depois ajuste o layout e o tamanho até que a pré-visualização fique correta. Quando estiver satisfeito, clique em 'Get Code'.
Você verá um pop-up com duas abas, JavaScript SDK e iFrame, e dois trechos de código. Clique na opção JavaScript.
Agora instale e ative o plugin WPCode. Em seguida, vá para Code Snippets » Header & Footer no seu painel.
Copie o primeiro trecho do Facebook, cole-o na seção 'Body' e clique em 'Save Changes'.
Em seguida, você adicionará o segundo trecho, que realmente exibe o botão. Vá para Code Snippets » + Add Snippet e escolha 'Add Your Custom Code (New Snippet)', depois clique em 'Use snippet'.
Dê um nome ao snippet, cole o segundo snippet do Facebook na caixa ‘Code Preview’ e defina o ‘Code Type’ como ‘HTML Snippet’.
Role para baixo até a seção ‘Insertion’ para escolher onde o botão aparece. Para mostrá-lo acima das suas postagens, abra o menu suspenso ‘Location’ e escolha ‘Insert Before Content’ em ‘Page-Specific’.
Por fim, clique em ‘Save Snippet’ e mude o seletor de Inativo para ‘Active’. Visite qualquer postagem do blog e seu botão Facebook Like aparecerá antes do conteúdo.
Perguntas Frequentes sobre Como Adicionar uma Página do Facebook ao WordPress
Qual é a maneira mais fácil de mostrar minha Página do Facebook no WordPress?
Se você já estiver usando um construtor de páginas como o SeedProd, o bloco Página do Facebook dele é a maneira mais rápida. Caso contrário, cole a URL da sua Página na ferramenta Facebook Page Plugin, copie o código e adicione-o a um bloco ou widget de HTML personalizado.
Como adiciono minha Página do Facebook à barra lateral ou ao rodapé do WordPress?
Vá para Aparência » Widgets, adicione um bloco de HTML personalizado à sua barra lateral ou rodapé, cole o código de incorporação da sua Página do Facebook e salve.
Por que meu feed incorporado da Página do Facebook não está aparecendo?
Verifique se sua Página está publicada, se a URL está correta e se nenhum plugin de segurança ou configuração de tema está bloqueando scripts. Se ainda assim não aparecer, tente usar o código iFrame do Facebook em vez de JavaScript.
Adicionar uma Página do Facebook ao WordPress vai deixar meu site lento?
Pode sim, pois os scripts do Facebook são carregados de fora do seu site. Para manter tudo rápido, coloque o feed incorporado mais abaixo na página, limite o número de abas que você mostra e use cache.
Um botão "Curtir" do Facebook é o mesmo que um botão "Compartilhar"?
Não exatamente. O botão Like adiciona sua página às curtidas do Facebook de alguém, enquanto um botão Share publica sua página na linha do tempo dessa pessoa. Com o bloco Facebook Like do SeedProd, você pode mostrar ambos juntos.
Onde devo colocar um botão "Curtir" do Facebook?
Eu geralmente o coloco no final de uma landing page ou logo abaixo do título de uma postagem de blog. Ambos os locais tendem a receber mais cliques do que a barra lateral.
Em seguida, descubra mais maneiras de personalizar seu site WordPress
Esperamos que este guia tenha ajudado você a aprender como adicionar uma Página do Facebook ao WordPress. Existem muitas outras maneiras de personalizar seu site WordPress com o SeedProd que não poderíamos listar todas em um único post.
Portanto, aqui estão alguns dos nossos principais guias de personalização do WordPress:
- Como personalizar estilos de menu do WordPress de 3 maneiras fáceis
- Como Criar uma Página de Autor Personalizada no WordPress (2 Maneiras Fáceis)
- Como Criar Landing Pages Personalizadas para Aumentar Conversões
- Como Incorporar Vídeos do Facebook no WordPress (3 Maneiras Fáceis)
- Como Criar Fundos Animados com Particle.js no WordPress
Obrigado por ler! Adoraríamos saber sua opinião, então sinta-se à vontade para participar da conversa no YouTube, X e Facebook para mais conselhos e conteúdo úteis para expandir seus negócios.
