Como incorporar eventos do Facebook no WordPress 

Eu me deparei com um grande problema ao promover eventos no Facebook. As pessoas em meu site não faziam ideia de que esses eventos existiam. Elas não estavam verificando minha página regularmente e eu não queria enviá-las para outro lugar apenas para confirmar a presença.

Por isso, procurei uma maneira de incorporar eventos do Facebook diretamente no WordPress. Dessa forma, os visitantes poderiam ver o que estava por vir, participar com um clique e permanecer no meu site o tempo todo.

Se você está tentando descobrir como fazer isso por conta própria, está no lugar certo. Neste guia, vou mostrar quatro maneiras de exibir seus eventos do Facebook em um site WordPress.

Como incorporar eventos do Facebook no WordPress

Neste guia, compartilharei três maneiras de colocar eventos do Facebook em seu site WordPress:

1. Crie uma página de eventos especiais. Isso é como ter uma seção VIP no seu site só para eventos. Ela ajuda as pessoas a encontrar e se inscrever facilmente nos eventos.
2. Use uma ferramenta que capture seus eventos do Facebook. Essa ferramenta funciona como uma ponte, puxando seus eventos para qualquer página de seu site. Além disso, você pode alterar a aparência dos eventos para que correspondam ao seu estilo.
3. Adicione um trecho de código (se você se sentir confortável com isso). O Facebook permite que você pegue um pouco de código para colocar eventos diretamente em seu site. Essa é a maneira mais simples, mas não oferece muitas opções para deixá-los bonitos.
4. Sincronize seus eventos usando uma URL do iCal. Copie o link do iCal de qualquer evento do Facebook e cole-o em um plugin de calendário do WordPress. Seu site será atualizado automaticamente quando você adicionar novos eventos no Facebook.

Como saber qual é o melhor método de incorporação para você?

Não tem certeza da melhor maneira de exibir um feed de eventos do Facebook em seu site? Aqui está uma tabela de comparação lado a lado para ajudá-lo a escolher o método certo para incorporar um calendário do Facebook no WordPress.

Método	Recursos	Facilidade de uso	Preços	Compatível com dispositivos móveis	Versão gratuita?	Limites da versão gratuita
SeedProd	Páginas de destino, integrações com o Facebook	Fácil	Pago/Livre	Sim	Sim	Recursos limitados, o bloqueio da página do Facebook requer pagamento
Balão Smash	Feeds personalizáveis do Facebook	Moderado	Pago/Livre	Sim	Sim	Recursos limitados
Incorporação manual (código)	Exibição básica de eventos	Difícil	Grátis	Talvez	Sim	Muito limitado, requer conhecimento de codificação
Sincronização do iCal	Sincronizar com qualquer plugin de calendário	Fácil	Grátis	Depende do plugin de calendário	Sim	Requer um plugin de calendário compatível

Agora vamos começar.

Como incorporar eventos do Facebook usando o SeedProd?

O SeedProd é ideal para: páginas de destino e exibições simples de eventos.

Você pode incorporar seus eventos do Facebook usando o bloco “Página do Facebook”, sem precisar de shortcode, ID do aplicativo ou configuração adicional. É rápido, visual e funciona muito bem se você quiser destacar um único evento ou programação em uma página personalizada.

O SeedProd é um construtor de sites do tipo arrastar e soltar para WordPress, com funcionalidades de “em breve” e modo de manutenção. Você pode usar esse plugin para criar páginas de destino com alta taxa de conversão sem precisar escrever código CSS ou PHP nem contratar um desenvolvedor.

Ao contrário da maioria dos métodos de incorporação, o bloco de página do Facebook do SeedProd não requer um token de acesso, um ID de aplicativo nem qualquer configuração de desenvolvedor.

Além de poder usar centenas de modelos prontos para uso, o SeedProd também inclui blocos de conteúdo que permitem incorporar conteúdos de redes sociais, como seu calendário de eventos do Facebook, feed ao vivo da página e ferramentas de confirmação de presença, sem a necessidade de código.

O mais notável são os blocos do Facebook, que permitem incorporar conteúdo de mídia social, inclusive:

• Botão Curtir do Facebook
• Comentários do Facebook
• Página do Facebook
• Incorporação no Facebook

Usaremos o bloco da página do Facebook para adicionar eventos diretamente em sua página de destino para esse método. A melhor parte é que não há tokens de acesso, códigos de acesso ou IDs para copiar e colar.

1. Instale e ative o SeedProd

Para começar, instale e ative o plug-in SeedProd. Para este guia, usaremos o SeedProd Pro porque ele tem os blocos avançados do Facebook de que precisamos.

2. Criar uma página de destino do WordPress

Depois de instalar o SeedProd em seu site WordPress, você precisará criar uma nova página de destino.

Felizmente, você pode seguir este guia passo a passo sobre como criar uma página de destino no WordPress para começar rapidamente. Ou você pode seguir este guia para criar especificamente uma página de destino de evento.

Quando o design da página de destino estiver pronto, navegue até SeedProd " Pages e clique em Edit (Editar ) na página de destino que você criou seguindo nosso tutorial.

Isso abrirá o editor visual do SeedProd, onde você poderá adicionar seus eventos.

3. Adicionar o bloco da página do Facebook

Em seguida, encontre um espaço em sua página onde gostaria de exibir o calendário de eventos do Facebook. Em seguida, vá para a seção Blocos avançados à direita e encontre o bloco Página do Facebook.

Para adicionar esse bloco à sua página, arraste-o da esquerda para a visualização.

Em seguida, nas configurações de conteúdo do bloco da página do Facebook, cole o URL da sua página. É assim que o SeedProd extrai seu feed de eventos públicos do Facebook e o exibe diretamente no layout do WordPress.

Por padrão, o SeedProd exibe automaticamente a linha do tempo de sua página do Facebook. Para mostrar seus eventos, clique na opção Events (Eventos ) no cabeçalho Tabs (Guias).

No mesmo painel, você também pode alterar o estilo do cabeçalho, mostrar ou ocultar sua foto de capa, ajustar o alinhamento e muito mais.

E se você quiser aumentar o envolvimento da sua página do Facebook, poderá usar o bloco Facebook Embed para incorporar uma publicação, um vídeo do Facebook ou um comentário ao lado da sua programação de eventos.

4. Publique sua página de destino

Tudo o que resta fazer é clicar na seta suspensa ao lado do botão Salvar no canto superior direito e clicar em Publicar.

Em seguida, ao clicar em Preview (Visualizar), você verá seu calendário de eventos ao vivo na página de destino.

É isso aí. Os visitantes do site agora podem ver seus eventos do Facebook em sua página de destino.

Mas se você quiser exibir um feed de eventos do Facebook inteiro, sugerimos que tente o seguinte método.

Como exibir um calendário completo de eventos do Facebook no WordPress?

O Smash Balloon é ideal para: exibir seu calendário completo de eventos do Facebook no WordPress

. Ele oferece muito controle de design e opções de layout, como lista, alvenaria ou carrossel. A configuração requer algumas etapas adicionais e você precisará conectar sua conta do Facebook, mas é uma boa opção se você realiza eventos frequentes ou deseja um feed contínuo.

Você precisará instalar e ativar o plug-in Smash Balloon Custom Facebook Feed Pro para esse método. Para obter ajuda com essa etapa, confira este tutorial passo a passo sobre como instalar um plug-in do WordPress.

1. Criar um novo feed do Facebook

Depois de instalar e ativar o plug-in, acesse o menu Facebook Feed " All Feeds no painel do WordPress. A partir daí, clique no botão Adicionar novo para começar a criar seu feed de eventos.

Na página seguinte, você verá 9 tipos diferentes de feeds do Facebook que podem ser adicionados ao seu site, incluindo:

• Linha do tempo
• Fotos
• Vídeos
• Álbuns
• Eventos
• Comentários
• E mais

Escolha a opção Events (Eventos ) e clique no botão Next (Avançar ) para continuar.

2. Selecione uma fonte de página do Facebook

Depois de selecionar um tipo de feed, é hora de escolher uma fonte de página do Facebook. Pode ser um grupo do Facebook ou uma página onde você publica os eventos da sua empresa.

Para adicionar uma fonte, clique no botão Add New (Adicionar nova).

Isso abre uma janela pop-up solicitando o ID da sua página do Facebook e o token de acesso ao evento.

Se não tiver certeza de como encontrar o ID do aplicativo e o token secreto do aplicativo para sua página, siga estas instruções.

Depois de inserir os detalhes do aplicativo do Facebook, clique no botão Add Source (Adicionar fonte ).

Na próxima tela, você verá a página do Facebook recém-adicionada. Basta selecionar essa página e clicar em Next para continuar.

3. Personalize o layout do calendário de eventos do Facebook

Agora, você pode começar a personalizar seus eventos. As opções de personalização estão no lado esquerdo, enquanto uma visualização do seu feed está no lado direito.

As opções de personalização permitem que você altere o tipo de feed, o layout, a cor, o design do cabeçalho, o design do post e muito mais.

Primeiro, escolha a opção Layout do feed à esquerda.

Essa opção oferece três configurações diferentes, incluindo os layouts List, Masonry e Carousel.

Para mostrar os eventos um após o outro, escolha a opção de layout List (Lista ).

Você também pode selecionar a opção Masonry (Alvenaria) se preferir mostrar seus eventos em um layout de várias colunas.

Por fim, há a opção Carrossel, que permite mostrar seus eventos em um deslizador de imagens impressionante.

Vá em frente e selecione um layout que melhor se adapte ao seu site. Em seguida, clique no botão Customize (Personalizar ) mais uma vez para retornar às configurações anteriores.

4. Personalize o esquema de cores do feed de eventos do Facebook

Se quiser alterar a cor do seu feed, clique no título Color Scheme (Esquema de cores ). Nesse painel, você pode escolher entre 4 opções de cores diferentes, como:

• Herdar do tema: Copiar o esquema de cores de seu site
• Claro: tem um fundo claro com texto de cor escura
• Escuro: torna o fundo escuro com texto de cor clara
• Personalizado: Digite você mesmo todas as cores

Depois, você pode personalizar outras configurações, incluindo o design do cabeçalho, o tamanho do feed, as margens e muito mais.

Quando estiver satisfeito com a aparência de tudo, clique no botão Save (Salvar ).

5. Exibir eventos do Facebook em páginas do WordPress

Agora, você está pronto para incorporar os eventos do Facebook no seu site WordPress, e o Smash Balloon permite que você faça isso de duas maneiras.

Primeiro, clique no botão Incorporar no canto superior direito. Isso abre uma janela pop-up com diferentes opções de publicação.

Clique no botão Adicionar a uma página para incorporar seus eventos do Facebook em uma página normal do WordPress.

A partir daí, você pode escolher qualquer página do seu site na lista e clicar no botão Add (Adicionar ).

Clicar nessa opção o levará à tela de edição da página escolhida. A partir daí, clique no ícone de adição (+) e selecione o widget Feed personalizado do Facebook.

Quando você atualiza ou publica a página, pode visualizá-la para ver a aparência de seus eventos.

6. Adicionar eventos do Facebook às barras laterais do WordPress

Se preferir adicionar seu feed a uma área da barra lateral, basta clicar no botão Adicionar a um widget na janela Incorporar.

Clicar nessa opção o leva à página de widgets, onde você pode escolher uma barra lateral para exibir seus eventos.

Depois de escolher uma barra lateral, clique no ícone de adição (+) para adicionar um novo widget e escolha o widget Feed personalizado do Facebook.

Depois de fazer isso, você poderá visualizar seu site e ver seus eventos do Facebook na área da barra lateral do site.

É possível incorporar eventos do Facebook sem um plugin?

A incorporação manual é melhor para: exibições rápidas e leves de eventos do Facebook sem um plug-in.

Esse método usa a ferramenta Facebook Page Plugin para gerar um pequeno trecho de HTML. Basta colá-lo em um bloco de HTML personalizado do WordPress. É simples, mas você não poderá personalizar muito o design, e ele não é atualizado automaticamente.

Se você não gosta de usar muitos plug-ins do WordPress em seu site, é possível exibir eventos do Facebook no WordPress sem um plug-in.

No entanto, esse método exige que você adicione algum código ao seu site, portanto, não é algo que recomendamos para iniciantes. Ele também não oferece muito controle sobre a aparência dos seus eventos.

1. Visite o site do Facebook Page Plugin.

Para começar a usar esse método, você precisará do Facebook Page Plugin. Esse não é um plug-in do WordPress, mas uma ferramenta autônoma do Facebook para desenvolvedores.

Portanto, vá até a ferramenta Facebook Plugin e cole o URL de sua página do Facebook.

Após inserir o URL da sua página do Facebook, a ferramenta mostrará uma visualização da sua linha do tempo. Como queremos mostrar seus eventos do Facebook, exclua a palavra "timeline" (linha do tempo) no campo Tabs (Guias) e digite "events" (eventos).

2. Gere seu código de incorporação de evento do Facebook

O painel de visualização agora mostra uma lista dos eventos de sua página. Para obter o código, clique no botão Get Code abaixo da visualização.

Clicar no botão Get Code abre um pop-up de caixa de luz com duas guias: JavaScript SDK e IFrame. Clique na guia IFrame e copie o código incorporado para a área de transferência.

3. Incorporar o código de eventos do Facebook no WordPress

Em seguida, acesse seu site do WordPress e edite o post ou a página em que deseja exibir seus eventos do Facebook.

Na tela de edição do post ou da página, clique no ícone de mais (+) e localize o bloco HTML personalizado do WordPress.

Agora, clique dentro do bloco HTML e cole o código de incorporação da ferramenta Facebook Page Plugin.

Em seguida, você pode salvar ou publicar a postagem e, ao visualizá-la, seus eventos do Facebook estarão ativos em seu site.

Se quiser alterar a forma de exibição desse feed, você precisará retornar ao plug-in de página do Facebook e gerar novamente o código wp embed Facebook. Dito isso, há um número limitado de configurações do Facebook que você pode alterar.

Antes de utilizar esse método em um site de cliente ou em um site ativo, teste-o primeiro na sua página do Facebook. A guia “Eventos” do plugin de página do Facebook tem apresentado um suporte inconsistente desde 2016, e os resultados variam de acordo com a conta. Se os eventos não forem exibidos, utilize os métodos do Smash Balloon ou do SeedProd mencionados acima.

Como sincronizar eventos do Facebook com um calendário do WordPress?

A sincronização do iCal é melhor para: adicionar eventos do Facebook a um calendário em todo o site no WordPress.

Você pode copiar o URL do iCal do seu evento do Facebook e colá-lo em qualquer plug-in de calendário que aceite feeds do iCal. Isso atualiza automaticamente o calendário do WordPress sempre que você adicionar ou alterar eventos no Facebook.

Se você quiser integrar seus eventos do Facebook ao calendário do seu site, usar um URL do iCal é um método eficiente.

Veja como você pode obter e usar o URL do iCal:

Faça login na sua conta do Facebook, vá para a seção de eventos e selecione o evento que deseja compartilhar.

No canto superior direito, você verá um botão chamado Add to Calendar (Adicionar ao calendário).

Clique nesse botão e, na janela pop-up, clique com o botão direito do mouse no botão Exportar e selecione "Copiar endereço do link".

Cole esse URL do iCal em seu plug-in de calendário do WordPress ou em qualquer ferramenta que ofereça suporte a feeds externos. Isso permite que você sincronize seus eventos do Facebook com o calendário de eventos do WordPress automaticamente.

Isso sincronizará automaticamente seus eventos do Facebook com o calendário do seu site.

O que fazer se seus eventos do Facebook não forem exibidos

Se você estiver com dificuldades para visualizar os eventos, estas quatro verificações resolvem os problemas mais comuns.

1. Verifique suas configurações de privacidade no Facebook. O evento ou a página devem estar configurados como públicos. Eventos privados e páginas restritas não serão exibidos em incorporações externas.
2. Desative bloqueadores de anúncios ou plug-ins de segurança. Alguns plug-ins de segurança e de cookies bloqueiam scripts externos do Facebook. Tente carregar a página em uma janela anônima para testar.
3. Use o código do iFrame, e não o SDK do JavaScript. Ao utilizar o método de incorporação manual, selecione sempre a guia iFrame. A versão do SDK do JavaScript é menos confiável em diferentes navegadores.
4. Se nenhuma dessas opções funcionar, opte por um plugin. O plugin de página do Facebook apresenta um suporte a eventos inconsistente desde 2016. O SeedProd ou o Smash Balloon oferecem resultados mais confiáveis.

Perguntas frequentes sobre a incorporação de eventos do Facebook

Por que meus eventos do Facebook não aparecem no meu site do WordPress?

Os motivos mais comuns são as configurações de privacidade (o evento ou a página devem ser públicos), bloqueadores de anúncios ou plug-ins de segurança que bloqueiam os scripts do Facebook, ou o uso da incorporação via SDK de JavaScript em vez da versão iFrame. Se a incorporação manual ainda não funcionar, saiba que a guia “Eventos” do Page Plugin do Facebook apresenta um suporte inconsistente desde 2016. Opte pelo SeedProd ou pelo Smash Balloon para obter um resultado mais confiável.

É possível incorporar eventos do Facebook sem um plugin?

Sim. Use a ferramenta Facebook Page Plugin para gerar um código de incorporação iFrame e, em seguida, cole-o em um bloco de HTML personalizado no WordPress. Você não terá controle sobre o design nem receberá atualizações automáticas, e os resultados variam de acordo com a conta. Para uma incorporação mais confiável, o SeedProd ou o Smash Balloon são opções melhores.

A incorporação de eventos do Facebook deixa meu site lento?

Isso depende do método utilizado. A incorporação manual carrega JavaScript externo e conteúdo de iFrame do Facebook, o que aumenta o peso da página. Plug-ins como o SeedProd e o Smash Balloon foram desenvolvidos para minimizar essa carga. Se a velocidade do site for uma prioridade, use o bloco “Página do Facebook” do SeedProd, que, nos meus testes, carregou em 556 ms com apenas 16 solicitações HTTP.

Posso incorporar eventos de grupos do Facebook no WordPress?

A maioria das ferramentas de incorporação só oferece suporte a eventos de páginas públicas, e não a eventos privados ou de grupos. Se você administra um grupo no Facebook, o método de sincronização com o iCal é a sua melhor opção. Você também pode listar manualmente os eventos do grupo em uma página do WordPress e incluir um link para o evento no Facebook para que as pessoas confirmem presença.

Agora você já sabe como incorporar seus eventos do Facebook diretamente no WordPress. Seja para exibir um feed completo de eventos, uma única aba ou sincronizar com um calendário, há aqui um método adequado para você.

Deseja melhorar a conversão de seus eventos? Experimente criar uma página de destino de evento com o SeedProd a seguir.

Talvez você também goste dos seguintes guias para seu site WordPress:

• Como adicionar uma página do Facebook ao WordPress
• Como incorporar vídeos do Facebook no WordPress
• Como adicionar um botão Curtir do Facebook ao seu site WordPress
• Como criar facilmente uma página de destino de grupo do Facebook

Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, sinta-se à vontade para participar da conversa no YouTube, X e Facebook para obter mais conselhos úteis e conteúdo para expandir seus negócios.