Sempre que termino de configurar um novo site, meu próximo passo é integrar seus canais de mídia social. É uma peça fundamental para construir uma audiência desde o primeiro dia.
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. Você poderá exibir seu feed, aumentar seus seguidores e criar uma marca mais conectada online.
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 atrito 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 de Página do Facebook, você pode incorporar qualquer Página do Facebook no WordPress com apenas alguns cliques. Ele também tem blocos úteis que permitem incorporar um botão Curtir do Facebook, comentários do Facebook e posts 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 landing page, navegue at00 Landing Pages no seu painel do WordPress e clique no bot00 Adicionar Nova Landing Page.
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 p00gina e clique no bot00 Salvar e Come00ar a Editar a P00gina.
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 Avan00ados, role para baixo at00 ver o bloco da P00gina do Facebook. Para adicion00-lo 00 sua p00gina, arraste-o da esquerda e solte-o na sua pr00via.
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
Obter seu ID de Aplicativo leva apenas alguns minutos. Veja como fazer:
- 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
Uma vez que seu feed da P00gina do Facebook esteja no lugar, voc00 pode continuar personalizando o restante da sua landing page. 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 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
Agora, vamos mergulhar em outra maneira eficaz de adicionar uma Página do Facebook ao WordPress – usando o Plugin da Página do Facebook.
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 agora gerará um código Javascript e iFrame para colar em sua página da web. 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 guia Aparência no seu painel 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 vá em frente e clique no botão Salvar para aplicar as alterações. Com isso, sua Página do Facebook agora deve aparecer na barra lateral do seu WordPress.
Para adicioná-lo a uma página ou postagem, 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 que você inseriu está correta. Se um plugin de segurança ou de cache estiver bloqueando scripts externos, tente desativá-lo temporariamente para testar. O script JavaScript de incorporação do Facebook às vezes pode ser bloqueado, portanto, 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 de Feed do Facebook, você pode exibir uma galeria bonita e filtrável de posts 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 pesquise por Custom Facebook Feed by Smash Balloon. Instale e ative a versão gratuita.
Uma vez ativo, você verá um novo item de menu Feed do Facebook no seu painel.
Etapa 2. Conectar sua Conta do Facebook
Clique em Feed do Facebook » 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 a conexão, você verá uma lista de Páginas do Facebook que você gerencia. Selecione a página que deseja exibir e clique em Avançar. 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 Feed do Facebook 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 postagem onde você deseja que o feed apareça. Se você estiver usando o editor de blocos, clique no botão +, pesquise por Feed do Facebook 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 do Facebook ao vivo aparecerá exatamente onde você o colocou.
Perguntas Frequentes sobre Como Adicionar uma Página do Facebook ao WordPress
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.
