Você está procurando uma maneira fácil de incorporar eventos do Facebook no WordPress?
Over 200 million businesses use Facebook to reach their target audiences. Yet, visitors can easily miss your events if you don’t add them to your website.
That’s why in this guide, I’ll show you how to embed Facebook page events on your WordPress site. By the end, you’ll have an events feed that improves your reach and engagement.
Por que incorporar eventos do Facebook no WordPress?
Embedding Facebook Events on WordPress increases visibility by displaying your events directly on your site. It saves time by syncing updates automatically, builds excitement through RSVP options, and boosts credibility by showing social proof. Customization options ensure the display matches your website’s design.
Como incorporar eventos do Facebook no WordPress
In this guide, I’ll share three ways to put Facebook events on your WordPress website:
- Make a special events page. This is like having a VIP section on your website just for events. It helps people find and sign up for events easily.
- Use a tool that grabs your events from Facebook. This tool acts like a bridge, pulling your events onto any page of your website. Plus, you can change how the events look to match your style.
- Add a snippet of code (if you’re comfortable with that). Facebook lets you grab a bit of code to put events directly on your site. This is the simplest way, but it doesn’t give you many options to make them look nice.
Qual é o método certo para você?
Se estiver com dificuldades para escolher um método, aqui está uma tabela de comparação que descreve os prós e contras de cada um:
| Método | Recursos | Facilidade de uso | Preços | Mobile-Friendly | Free Version? | Free Version Limits |
|---|---|---|---|---|---|---|
| SeedProd | Landing pages, Facebook integrations | Easy | Paid/Free | Sim | Sim | Limited features, Facebook Page block requires paid |
| Balão Smash | Customizable Facebook feeds | Moderado | Paid/Free | Sim | Sim | Recursos limitados |
| Incorporação manual (código) | Basic event display | Difficult | Grátis | Maybe | Sim | Very limited, needs coding knowledge |
Now let’s jump in.
Método 1. Incorporar eventos do Facebook no WordPress com o SeedProd
SeedProd is a popular drag-and-drop WordPress page builder, with coming soon and maintenance mode functionality. You can use this plugin to create high-converting landing pages without writing CSS and PHP code or hiring a developer.
Se você já ouviu falar do Elementor, ele funciona exatamente como ele, mas com uma interface de usuário mais otimizada e foco na simplicidade.
Além de poder usar centenas de modelos prontos para uso, ele também inclui vários blocos de conteúdo projetados para gerar leads para sua empresa.
O mais notável são os blocos do Facebook, que permitem incorporar conteúdo de mídia social, inclusive:
- Facebook Like Button
- 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.
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, você pode adicionar o URL da sua página do Facebook.
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.
Método 2. Incorporar o feed do Facebook no WordPress com o Smash Balloon
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
After selecting a feed type, it’s time to choose a Facebook page source. This can be a Facebook group or a page where you post your business’s events.
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.
If you’re unsure how to find the app ID and app secret token for your page, follow these instructions.
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.
Método 3: Como adicionar eventos do Facebook ao WordPress sem um plug-in
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.
Utilização do URL do iCal para sincronização de eventos
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".
Adicione esse URL às configurações do calendário do WordPress ou a qualquer plug-in de calendário que aceite feeds do iCal. Isso sincronizará automaticamente seus eventos do Facebook com o calendário do seu site.
Perguntas frequentes sobre a incorporação de eventos do Facebook
De que outra forma posso personalizar a aparência dos eventos do Facebook no WordPress?
A personalização além das opções deste guia pode exigir CSS ou JavaScript personalizados. Os usuários com conhecimento de codificação podem modificar diretamente os estilos ou scripts em seu tema do WordPress ou usar um tema filho para aplicar estilos mais personalizados ao feed de eventos do Facebook.
Como posso solucionar problemas quando os eventos do Facebook não são exibidos?
Se os eventos do Facebook não forem exibidos em seu site WordPress, verifique se há problemas comuns, como plug-ins desatualizados, conflitos com outros plug-ins ou configuração incorreta da API do Facebook. Garantir que todos os plug-ins estejam atualizados e revisar a documentação do plug-in para verificar a precisão da configuração geralmente pode resolver esses problemas.
A incorporação de eventos do Facebook pode afetar o desempenho do meu site?
A incorporação de eventos do Facebook pode afetar o desempenho do site, principalmente se aumentar o tempo de carregamento da página. Para minimizar isso, certifique-se de usar plug-ins otimizados, como o SeedProd ou o Smash Balloon, que são projetados para carregar conteúdo externo com eficiência. Além disso, use plug-ins de cache para melhorar o desempenho geral do site.
Aí está!
Com a ajuda deste post, você agora conhece três maneiras diferentes de incorporar os eventos do Facebook no WordPress.
You might also like the following guides for your WordPress site:
- 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
- How to Easily Create a Facebook Group Landing Page
Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, fique à vontade para deixar um comentário com perguntas e feedback.
Você também pode nos seguir no YouTube, no X (antigo Twitter) e no Facebook para obter mais conteúdo útil para expandir seus negócios.
