WordPress facebook events plugin

New Page

How to aggregate a calendar of events from Facebook to WordPress

Last Updated On Jul 6, 2020 By Editorial Team | Reader Disclosure Disclosure : Our content is endorsed by the reader. This means that if you click on some of our links, we may earn a commission. See how WPBeginner is funded, why it’s important, and how you can support us.

Shares 258 Share Tweet Share Facebook Messenger WhatsApp Email

Recently, a reader didn’t ask how to add a Facebook event calendar to your WordPress site.

Facebook events are an easy way for communities to host events with built-in social features. However, your website visitors may miss out on these events if you don’t promote them on your website as well.

In this article, the mostraremos cómo aggregate a calendar of events from Facebook to WordPress to maximize the evolution.

Aggregate an event calendar from Facebook and WordPress Add Facebook Events Calendar in WordPress

¿Por qué agregar a calendar of Facebook events on your website?

Adding a Facebook event calendar on a website allows visitors to easily enter your upcoming events. Your users can mark as interested or attend the event in Facebook.

This is a great way to get more Facebook followers and build engagement. It also saves time and effort, since it automatically extracts Facebook events.

There is no need to manually aggregate events to your site’s web usage in addition to the WordPress calendar. Simply can create events from Facebook in its lugar and mostrarlos automatically in its site.

Note: You will need a Facebook page, not a personal profile. This page will need at least 1 event.

Dans ce tutoriel, we’ll walk you through two ways to add a Facebook event calendar to your WordPress site.

The first method requires entering a code on your website, and it’s quite easy for those users who don’t want to use a plugin. However, it does not offer any customization options.

The second method is the one we recommend for users who want to customize the event calendar display and have finer control over what is displayed. This is an example of visualization personnalized du calendrier des événements de Facebook que les crèmes :

The calendar of events displayed live on the website The calendar of events broadcast live on the site

Method 1. Add Facebook Events to Your Site Without a Plugin

What if you don’t want to use a plugin at all? It is possible to add Facebook events to a WordPress site without using a plugin.

This method involves adding some code to your site. We do not recommend it if you are a beginner. It also doesn’t give you as much control over how your events are displayed.

To use this method, you will need to use a Facebook tool designed for developers. It’s called the Facebook Page Plugin. Don’t let the name confuse you. It’s not a WordPress plugin.

First, go to the Page Plugin tool and enter your Facebook page’s URL.

The Facebook Page Plugin Tool for Developers The Facebook Page Plugin Tool for Developers

Facebook will now show a preview of your page’s feed. Next, you need to delete the word ‘timeline’ under Tabs field and add ‘events’ instead. You can also set the width and height of the events feed here.

Now, you’ll see your events listed in the preview box. Simply click on the ‘Get Code’ button below the preview.

Click the Get Code button to get your event stream code Click the Get Code button to get your event stream code

This will bring up a popup where you need to switch to the iFrame tab and copy the embed code.

Copy the code from the iFrame tab of the dialog Copy the code from the iFrame tab of the dialog

Next, go to your WordPress website’s admin area and edit the post or page where you want to display the Facebook events.

On the post edit screen, click on the (+) icon to add a new block and then find the HTML block in the Formatting blocks.

Add an HTML block to your WordPress page Add an HTML block to your WordPress page

Next, you need to do is paste the code from the Facebook Page Plugin tool into this block:

Copy the iFrame code into an HTML block on your site Copy the iFrame code into an HTML block on your site

After that, you can save your post or publish it. You can now visit this post or page to see your Facebook events feed in action.

The Facebook Events feed produced from Facebook's code The Facebook Events feed produced from Facebook's code

To make changes to how this displays, you will need to return to the Facebook Page Plugin tool and create the code again. There are only a few settings you can alter, however.

If you want to customize how your events are displayed and have more fine control over the options, then we recommend using the WordPress plugin Custom Facebook Feed Pro that we will cover in the next method.

Method 2. Using the Custom Facebook Feed Pro Plugin

For this tutorial, you will need to install and activate the Smash Balloon Custom Facebook Feed Pro plugin. For more details, see our step by step guide on how to install a WordPress plugin.

After you’ve installed the plugin, you will need to connect it to your Facebook account.

Connecting Your Facebook Account with Smash Balloon

Normally with Smash Balloon, you can connect your account automatically. To do this, you just need to go to Facebook Feed » Settings, then click the ‘Connect a Facebook account’ button.

Connect your Facebook account to the Facebook Feed Pro plugin Connect your Facebook account to the Facebook Feed Pro plugin

However, due to recent Facebook API changes, this method doesn’t currently work for showing events on your site.

You will need to manually generate a Facebook Access Token in order to display events. This involves a few different steps, but luckily Smash Balloon has some tools to make it as easy as possible.

First, you’ll need to go to the Facebook for Developers site and sign up for a developer’s account using your usual Facebook login details.

If you already have a developer’s account, simply click the ‘My Apps’ link on the top right and then click on the Add a New App button.

Add a new Facebook app Add a new Facebook app

If you have never created an app before, then simply click on the ‘Create App’ button to continue.

Click to create a new app Click to create a new app

This will bring up a popup window where you need to click on the ‘For Everything Else’ option:

Choose the "Everything else" option at the bottom of the list Choose the "Everything else" option at the bottom of the list

Next, you’ll need to type in a display name for your app and then click on the ‘Create App ID’ button.

Give your app a name Give your app a name

You may be prompted to enter your Facebook password and complete a Captcha. After that, you’ll see your apps dashboard:

Your Dashboard on the Facebook Developer Site Your Dashboard on the Facebook Developer Site

On the left-hand side of your dashboard, you need to click Settings » Basic.

Now, simply click the ‘Show’ button next to ‘App Secret’. You may be prompted to enter your Facebook password again when you do so.

ID d'application Facebook et clés secrètes ID d'application Facebook et clés secrètes

All you need to do for this step is copy the App ID and App Secret into the boxes in Step 13 on this Smash Balloon page:

Entrez votre identifiant d'application Facebook et votre secret d'application dans les cases appropriées Entrez votre identifiant d'application Facebook et votre secret d'application dans les cases appropriées

We’re now going to create the access token. First, you need to go to the Facebook Graph API explorer page.

Génération de votre jeton d'accès à l'aide de l'explorateur de l'API Facebook Graph Génération de votre jeton d'accès à l'aide de l'explorateur de l'API Facebook Graph

On the right hand side, make sure the name of your app is selected in the ‘Facebook App’ dropdown. Then, go ahead and click the ‘Generate Access Token’ button:

Génération de votre jeton d'accès Génération de votre jeton d'accès

This will bring up a popup window where you simply need to click the ‘Continue As’ button to keep going.

Click to continue when the popup appears Click to continue when the popup appears

The next step here is to add a special permission to your access token. To do this, all you need to do is copy and paste pages_read_user_content into the ‘Add Permission’ line and then click on it when it appears in a small popup, like this:

Add the correct permission to your Facebook app Add the correct permission to your Facebook app

Once you’ve added that permission, it should look like this:

The correct permission has now been added to the Facebook app The correct permission has now been added to the Facebook app

You’ll now need to click the Generate Access Token button again. Now, you’ll see a popup like this. Simply click the ‘Continue As…’ button:

Click the continue button Click the continue button

Facebook will then ask you to choose the page you want to use. Select the page that you want to display events from. It’s important to only pick 1 page here. After checking the box next to your chosen page, click the ‘Next’ button.

Select the page that you want to use for your events feed Select the page that you want to use for your events feed

Facebook will then bring up a final screen.

Here, all you need to do is click ‘Done’. The Facebook message about submitting your app for review doesn’t apply to you, as the app will simply stay in development mode.

Click the Done button to continue Click the Done button to continue

Next, you just need to click the ‘Get Access Token’ button for the final time. Now, Facebook will provide you with a temporary access token.

Click the Get Access Token button again Click the Get Access Token button again

This token can only be used to make your first API call. This is why you need to use Smash Ballon’s documentation page to make that API call and get an extended token.

Simply copy and paste it into the box at step 23 on this page.

After copying it into the box, click on the ‘Extend my token’ button. You’ll then see your extended token in a large box:

Copy your page access token Copy your page access token

Keep this open in a separate tab, or copy and paste it somewhere safe, as you’ll need it in a moment.

Now that we have all the information we need, let’s connect your WordPress blog to Facebook.

Simply go to the Facebook Feed » Settings in your WordPress dashboard and click on the ‘Manually connect account’ button:

Click the button to manually connect your Smash Balloon account to your Facebook events feed Click the button to manually connect your Smash Balloon account to your Facebook events feed

You’ll see a dropdown list, where you just need to select the ‘Page’ option:

Select Page from the dropdown Select Page from the dropdown

Next, enter your page name, page ID (the last part of your Facebook page’s URL) and the extended access token that you created earlier. Then, go ahead and click the ‘Connect Account’ button.

Enter your page name, page ID, and access token Enter your page name, page ID, and access token

After doing so, you’ll see the connected page listed in your Custom Facebook Feed Pro settings:

The list of your connected accounts, in Facebook Feed Pro The list of your connected accounts, in Facebook Feed Pro

The last step here is to click the ‘Make Primary Feed’ button:

Click the Make Primary Feed button Click the Make Primary Feed button

Once you’ve done that, you’ll see that the Facebook ID and Facebook Access Token above this on the screen have now been filled in:

Your Facebook page details should now have been entered into the top boxes on this page Your Facebook page details should now have been entered into the top boxes on this page

Don’t forget to click the Save Settings button after doing this.

Setting Up Your Facebook Events Calendar Feed

Next, we’re going to set up the Facebook feed so that it only shows events, not all posts. To do this, you will need to go to the Customize » General page.

Click Customize then General in the Facebook Feed Pro settings Click Customize then General in the Facebook Feed Pro settings

Here, you need to scroll down the page to the Post Types section. When you reach that section, you need to uncheck all the boxes except for Events.

The list of post types for Facebook Feed Pro The list of post types for Facebook Feed Pro

You can now add your Events feed to any post or page on your site. You can even add it to your sidebar or footer using a widget.

We’re going to create a page for our Facebook events. Go to Pages » Add New to make a new page.

On the post edit screen, click on the (+) icon to add a new block. Find the Custom Facebook Feed block in the Widgets section, or search for it using the search bar.

Adding the Facebook feed block to a page Adding the Facebook feed block to a page

You will then see your Facebook events feed within the block editor. You can preview your page to see it live on your site.

Note: We’ve added some extra styling to our events feed. We’ll explain how to do that in a moment.

The events calendar shown live on the website The events calendar shown live on the website

If you’re using the classic editor, then you can add your feed to your page using the shortcode [custom-facebook-feed]. Simply enter that wherever you want the events to appear on the page:

Adding the Custom Facebook Feed shortcode in the classic WordPress editor Adding the Custom Facebook Feed shortcode in the classic WordPress editor

You can also use that shortcode to add your Facebook Feed in your sidebar or any other widget-enabled area.

To do this, go to Appearance » Widgets in your WordPress dashboard. Simply add a text widget to your sidebar and copy and paste the shortcode into it:

Adding a custom Facebook feed to a widget Adding a custom Facebook feed to a widget

Customizing How Your Facebook Events Feed Displays in WordPress

You may want to change the default settings to make your Facebook Events look as good as possible on your website.

Using Custom Facebook Feed Pro, you can change all sorts of details, including the information listed with your event and the way in which the events are styled.

To get started, go to the Facebook Feed » Customize page and click on the ‘Post Types’ link or scroll down to that section of the page. There, you will see various options for your events feed.

Click the Post Types link or scroll down to that section Click the Post Types link or scroll down to that section

We recommend using the ‘Events page’ as the source of your events. That way, they’ll appear in order of when the event will be, not in order of when you added them.

If you want, you can change the Event Offset to stop displaying events sooner after they begin. For instance, you could remove your events 1 hour after they start, instead of the default 6 hours:

Changing the event feed options Changing the event feed options

Make sure you click the Save Changes button at the bottom of the page after making changes.

The next step is to decide on the layout for your events calendar. To choose this, go to Customize » Post Layout, and simply pick one of the options. We’re going to use the Half-width display for our events.

Select how you want your Facebook events to display on your site Select how you want your Facebook events to display on your site

If you scroll down the page, you will see the options to show/hide various details. You can check or uncheck these however you like.

Decide what options you want to show/hide in the posts within your events feed Decide what options you want to show/hide in the posts within your events feed

Make sure you click the Save Changes button once you’ve finished changing things on this page.

You may also want to customize how your events posts look on your site. To do this, go to Customize » Style Posts section in Facebook Feed settings.

You can switch between a regular or boxed style with rounded corners Choosing the style for the events posts in your custom Facebook feed Choosing the style for the events posts in your custom Facebook feed

Once you’ve picked a style, you can go ahead and scroll down the page for more options like text color, size, and format.

Changing the settings for the titles of your events Changing the settings for the titles of your events

Once you’re happy with your settings, make sure you click the Save Changes button at the bottom of the page.

We hope this article helped you learn how to add a Facebook event calendar in WordPress. You may also want to see our complete social media cheat sheet for WordPress and our comparison of the best email marketing services to promote your events.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Shares 258 Share Tweet Share Facebook Messenger WhatsApp Email

How to Embed Facebook Events on WordPress

How to Embed Facebook Events on WordPress 

  • February 11, 2022
  • 4a09cc21104d8e3329e4ce238bef92efStacey Corrin

how-to-embed-facebook-events-on-wordpress

Are you looking for an easy way to embed Facebook events on WordPress?

Facebook events are an excellent way to organize business events with built-in social media features. Yet, website visitors can easily miss your events if you don’t add them to your website.

So in this article, we’ll show you how to embed Facebook events on your WordPress site to improve their reach and engagement.

Why Embed Facebook Events on Your Website?

Adding a Facebook events calendar to your WordPress site provides users with an easy way to learn about your upcoming events. At the same time, users can register their interest and share the event with their friends.

What’s more, showing events from Facebook on your website is an excellent way to build engagement and grow your Facebook followers. And since it pulls your events from Facebook automatically, it also saves tons of time.

For example, you won’t have to add events to your website manually. Instead, you can use a WordPress Facebook plugin to show them on your site automatically.

How to Embed Facebook Events on WordPress

In this tutorial, we’ll share 3 ways to add Facebook events on WordPress.

The first method involves adding some code to your website. While it’s easy enough for users who don’t want to use a Facebook plugin, it lacks customization options to make your events calendar look good.

We’ll use a Facebook Feed plugin to display events anywhere on your website in the second method. And because it has tons of customization options, you have complete control over how Facebook events look.

Lastly, the third method shows you how to add Facebook events to a dedicated WordPress landing page. This is an excellent way to remove distractions and encourage visitors to register for your event.

Table Of Contents

  1. Method 1. Add Facebook Events to Your Site Without a Plugin
  2. Method 2. Embed Facebook Events with Facebook Feed Pro Plugin
  3. Method 3. Embed Facebook Events on WordPress with SeedProd

With that in mind, let’s jump right into method 1.

Method 1. Add Facebook Events to Your Site Without a Plugin

If you’re not a fan of using too many WordPress plugins on your website, you can embed Facebook events on WordPress without a plugin.

Yet this method requires you to add some code to your site, so it’s not something we recommend for beginners. It also doesn’t offer much control over how your events look.

1. Visit the Facebook Page Plugin website.

To get started with this method, you’ll need the Facebook Page Plugin. This isn’t a WordPress plugin but a standalone tool by Facebook for developers.

So head to Facebook Plugin tool and paste your Facebook page URL.

Visit the facebook page plugin tool

After entering your Facebook page URL, the tool will show a preview of your timeline. Since we want to show your Facebook events, delete the word “timeline” in the Tabs field and enter “events.”

enter "events" tab field

2. Generate Your Facebook Event Embed Code

Now you will see a list of your page’s events in the preview panel, so click the Get Code button below the preview.

Click the Get Code button

Clicking the Get Code button opens a lightbox popup with 2 tabs: JavaScript SDK and IFrame. Click the IFrame tab, then copy the embed code to your clipboard.

Copy the Facebook events IFrame embed code

3. Embed the Facebook Events Code in WordPress

Next, head to your WordPress website and edit the post or page where you want to show your Facebook Events.

On the post or page edit screen, click the plus (+) icon and find the Custom HTML WordPress block.

Add the custom HTML WordPress block

Now, click inside the HTML block and paste the embed code from the Facebook Page Plugin tool.

Paste the Facebook Page Events embed code

You can then save or publish the post, and when you preview it, you’ll see your Facebook Events live on your website.

Example of emebed Facebook events on WordPress without a plugin

If you want to change how this feed displays, you’ll need to return to the Facebook Page Plugin and generate the wp embed Facebook code again. That said, there are limited Facebook settings you can change.

But if you’d like more control over how your Facebook Event feeds look, we suggest trying the following method where we use the Custom Facebook Feed Pro plugin.

Method 2. Embed Facebook Events with Facebook Feed Pro Plugin

smash balloon facebook feed pro

You’ll need to install and activate the Smash Balloon Custom Facebook Feed Pro plugin for this method. For help with this step, check out this step-by-step guide on how to install a WordPress plugin.

1. Create a New Facebook Feed

After installing and activating the plugin, go to the Facebook Feed » All Feeds menu from your WordPress dashboard. From there, click the Add New button to start creating your event feed.

Add a new facebook feed

On the following page, you’ll see 9 different types of Facebook feed you can add to your website, including:

  • Timeline
  • Photos
  • Videos
  • Albums
  • Events
  • Reviews
  • And more

Choose the Events option and click the Next button to continue.

Select the event feed type

2. Select a Facebook Page Source

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.

To add a source, click the Add New button.

Add a new source for your event feed

This opens a popup asking for your Facebook Page ID and Event Access Token.

Follow these instructions to find the app ID and app secret token for your page if you’re unsure how to do this.

Enter you facebook page ID and access token

After entering your Facebook app details, click the Add Source button.

On the next screen, you’ll see your newly added Facebook page. Just select that page and click Next to continue.

Select your facebook page events source

3. Customize Your Facebook Events Calendar Layout

Now you can start customizing your Facebook Events calendar. The customization options are on the left-hand side, while a preview of your feed is on the right.

The customization options allow you to change the feed type, layout, color, header design, post design, and more.

First, choose the Feed Layout option on the left.

Choose a facebook events layout

This option offers 3 different settings, including List, Masonry, and Carousel layouts.

To show events one after the other, choose the List layout option.

List layout for facebook events calendar

Or, if you prefer to show your events in a multi-column layout, you can select the Masonry option.

Masonry feed layout for facebook events

And lastly, there’s the Carousel option that allows you to show your events in a stunning image slider.

Carousel layout for facebook events

Go ahead and select a layout that best suits your website. Then, click the Customize button once more to return to the previous settings.

4. Customize Your Facebook Events Feed Color Scheme

If you’d like to change the color of your Facebook events feed, click the Color Scheme heading. In this panel, you can choose from 4 different color options, such as:

  • Inherit from Theme: Copy the color scheme of your website
  • Light: Have a light background with dark-colored text
  • Dark: Turn the background dark with light-colored text
  • Custom: Enter all the colors yourself

Select a color scheme for your Facebook events feed

After, you can customize other settings, including the header design, feed size, margins, and more.

When you’re happy with how everything looks, click the Save button.

5. Embed Facebook Events in WordPress Pages

Now you’re ready to embed your Facebook Events on your WordPress website, and Smash Balloon allows you to do this in 2 ways.

First, click the Embed button in the top-right corner. This opens a popup with different publishing options.

Click on the embed facebook event feed button

Click the Add to a Page button to embed your Facebook Events in a regular WordPress page.

Click the add to a page button

From there, you can choose any page on your website from the list and click the Add button.

Choose a page for your events calendar

Clicking that option takes you to the editing screen for your chosen page. From there, click the plus icon (+) and select the Custom Facebook Feed widget to add your Facebook events calendar.

Add the custom facebook feed block

When you update or publish the page, you can preview it to see how your events calendar looks.

Preview your facebook events calendar

6. Embed Facebook Events in WordPress Sidebars

If you prefer to add your Events feed to a sidebar area, simply click the Add to a Widget button in the Embed window.

Add your facebook events calendar as a widget

Clicking that option sends you to the widgets page, where you can choose a sidebar to display your events.

After choosing a sidebar, click the plus icon (+) to add a new widget and choose the Custom Facebook Feed widget.

Choose the custom facebook feed pro widget

Once you’ve done that, you can preview your website and see your Facebook Events in your website’s sidebar area.

Preview your facebook events calendar in the sidebar

Now that we’ve shown you how to Embed Facebook events manually and with a WordPress plugin, there’s one more method we want to share.

And that’s embedding Facebook events to landing pages with SeedProd’s page builder plugin.

Method 3. Embed Facebook Events on WordPress with SeedProd

SeedProd best WordPress landing page plugin

SeedProd is the best 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 code or hiring a developer.

Not only can you use hundreds of templates right out of the box, but it also includes tons of content blocks designed to generate leads for your business.

Most notably are the Facebook blocks, which include:

  • Facebook Like
  • Facebook Comments
  • Facebook Page
  • Facebook Embed

We’ll use the Facebook Page block to embed Facebook events right on your landing page for this method. And the best part, there are no access tokens or IDs to copy and paste.

1. Install and Activate SeedProd

To get started, install and activate the SeedProd plugin. For this guide, we’ll use SeedProd Pro because it has the advanced Facebook blocks we need.

2. Create a WordPress Landing Page

After installing SeedProd on your WordPress site, you’ll need to create a new landing page.

Luckily, you can follow this step-by-step guide on creating a landing page in WordPress to get started quickly.

Or, if you’re most interested in a page dedicated to Facebook, follow this tutorial on how to create a Facebook landing page.

Once your landing page design is in place, navigate to SeedProd » Pages and click Edit on the landing page you made by following our tutorial.

Edit your seedprod landing page

This will open the SeedProd visual editor, where you can add your Facebook events.

3. Add the Facebook Page Block

Next, find a space on your page where you’d like to display your Facebook Events calendar. Then, go to the Advanced blocks section on the right and find the Facebook Page block.

Add SeedProd Facebook page block

To add this block to your page, simply drag it from the left and drop it onto your preview.

Then in Facebook Page block content settings, you can add your Facebook Page URL.

Enter the URL of your facebook page

By default, SeedProd displays your Facebook page timeline automatically. To show your events instead, click the Events option under the Tabs heading.

Choose the facebook event tabs option

You can also change the header style in the same panel, show or hide your cover photo, adjust the alignment, and more.

And if you want to increase your Facebook page engagement more, you can use the Facebook Embed block to embed a post, video, or comment right alongside your events schedule.

4. Publish Your Landing Page with Facebook Events Calendar

All that’s left to do is click the dropdown arrow next to the Save button in the top-right corner and click Publish.

Publish your facebook events landing page

Then when you click Preview, you’ll see your events calendar live on your landing page.

Example of facebook events calendar on WordPress landing page

There you have it!

With the help of this post, you now know 3 different ways to embed Facebook Events on WordPress.

You might also like this post on how to run Google Optimize A/B split testing to improve your website results.

Thanks for reading. Please follow us on YouTube, Twitter, and Facebook for more helpful content to grow your business.

How to Set WordPress to Display Facebook Events

By Ron Helms / WordPress Social Media

Share via:

  • Facebook
  • Twitter
  • LinkedIn

Social media platforms are rapidly growing and can expose your business to millions of potential customers. This is one of the reasons why you need to boost your social media engagement. Among the many social media platforms, Facebook is the largest and most popular and can be used to share events with millions. Using Facebook events on WordPress has potential to improve business interactions on the website.

Of course, to take advantage of this great WordPress feature, your business must have a Facebook account and have their WordPress Facebook events calendar all set up. The Facebook calendar allows for users to set up events by entering the title, date, and time.

The great thing about using Facebook through your WordPress website is it will get viewed by a larger audience and potentially get your Facebook page more traffic.

How WP Embed Facebook Can Help

Today I am going to demonstrate to you how to install and use WP Embed Facebook to embed your Facebook events on your WordPress website. Wp Embed Facebook is a WordPress Facebook events plugin that allows for you to directly embed Facebook videos, albums, photos, fan pages, profiles, posts, comments, and what we’re after, Events. It is very simple and straightforward to use and can cover all of your Facebook needs. It is very easy to use and can be used to change your website quickly and effectively. I highly recommend it if you want Facebook events embedded on your WordPress website.

How to Install and Use WP Embed Facebook

Let’s start by going to the plugins area of WordPress and click on the “Add New’ button.

Events-1-1024x456 Events-1-1024x456

Next, type “WP Embed Facebook” in the available text box. This will make multiple plugins appear on the page.

events-2-1-1024x456 events-2-1-1024x456

Find WP Embed Facebook, click “Install Now” and activate the plugin for use.

events-3-1-1024x456 events-3-1-1024x456

Once installed and activated go to “Settings” on the left-hand admin panel and select “WP Embed Facebook” to enter the settings of the plugin.

events-4-1-1024x456 events-4-1-1024x456

You will now be on the WP Embed Facebook settings page, where you can fill in the appropriate information.

events-5-1-1024x456 events-5-1-1024x456

Scroll down to the bottom of the page. You will find “Facebook Settings” and will be able to enter your App ID and App Secret. If you have already set up Events app through Facebook Developers great. If not, be aware you will need this information for almost all of your Facebook embedding needs. This can range from showing off Events to adding Like boxes on your website.

The process is very simple to use for Facebook Developers. Start by logging in or create a new Facebook account on Facebook Developers and click on “Register Now” and you will be prompted to verify your account. Once verified click on “Create App” and fill out all of the information on the new popup window. Once everything is filled out click “Create App ID” to continue. You will now be on your app’s dashboard. Click on the “Settings” on the left-hand panel and you will see your App ID and App Secret. Write down this information or copy it to use.

Fill in the App ID and App Secret into WP Embed Facebook to link your app to your WordPress website.

events-6-1-1024x456 events-6-1-1024x456

With all of your information filled in click on the “Save all settings” button to save all of your information.

events-7-1-1024x456 events-7-1-1024x456

You are now ready to insert your Facebook events on your WordPress website. You can now enter the following Shortcode to display your Facebook Events.

[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ][fb_plugin page href=”https://www.facebook.com/YourFBPage”tabs=”events”][/ht_message]

When placing the shortcode make sure you replace “https://www.facebook.com/YourFBPage” with your actual Facebook URL. With this done you have successfully embedded your Facebook Events on your WordPress website.

Other Useful Plugins to Embed Facebook Events

Como todos los complementos de WordPress, hay muchas alternativas para elegir. Esto es especialmente cierto para las plataformas de redes sociales. Hay cientos de complementos que pueden mostrar eventos de Facebook en WordPress. Aquí hay algunos complementos que puedo recomendar para incrustar eventos de Facebook en su sitio web.

Sencillo Facebook Pugin

events-8-1024x456 events-8-1024x456

Le complément simple de Facebook permet aux utilisateurs d’accéder à l’intégration de Facebook sur les sites Web de WordPress. Sus características principales incluyen ver la cantidad de Me gusta que una página recibió de los visitantes, ver a cuántos de sus amigos también les gustó la página, leer publicaciones recientes de la página, dar me gusta a la página sin visitarla, enviar mensajes a su página y ver Eventos de página. Este complemento tiene mucha versatilidad y es muy utilizado. Il est facile d’utiliser et de résoudre tous les problèmes liés à l’incrustation de Facebook.

Flux de Facebook personnalisé

events-9-1024x456 events-9-1024x456

The customizable Facebook flux is a WordPress plugin, three popular and customizable, which allows you to embed Facebook events on your website. It has a lot of features, the main ones being fully customizable, multiple different Facebook feeds, caching, SEO options and Facebook event embedding. This is a great add-on to really stand out from your competence. Customization options allow you to make feeds appear in a unique way to complement your website design.

Facebook Companion: WP Social

events-10-1024x456 events-10-1024x456

An ultimate add-on that can embed Facebook events on the WordPress website and Facebook Plugin: WP Social. It has features similar to the others, including unlimited Facebook fonts, Facebook events, photo and video support, and customizable options like fonts, color, and style to complement your website. Give it a try and see if it fits your needs.

Always keep your social networks connected

Social media has one of the largest audiences in the world and for this reason it is imperative that you keep your website connected. Facebook is currently the largest social media platform, so it’s important to always try to connect with visitors on this platform. Every time someone likes your page, all their friends will see it. This could have a ripple effect and result in a lot of likes and views for your business. This is a great form of advertising for any business.

Also important to keep your website in good condition. Many of the plugins offer customizable options that can be used to really complement your website design. Remember that Facebook may be the biggest, but other social networking sites like Instagram, Twitter, and Pinterest have their own set of plugins to embed on your website. Using multiple platforms can improve your marketing efforts.

What’s complementary to using Facebook Embedded Events? What type of customization options are used for most Facebook and WordPress events? ¿A notado más Me gusta en ta página de Facebook?

Sharing via:

  • Facebook
  • Twitter
  • LinkedIn

Google Google translator

Google Google Translate


Video WordPress facebook events plugin

Related Posts

Automatically update wordpress plugins

Contents1 WordPress® Automatic Updates – Should You Use Them?1.1 The Benefits of WordPress Automatic Updates1.2 The problem with WordPress automatic updates1.3 What if the automatic update breaks…

WordPress mortgage calculator plugin

Contents1 Etiqueta del complemento: hypothetical calculator1.1 Calculadora de hipoteca receptiva1.2 mortgage calculator1.3 Calculadora de hipotecas / Calculadora de préstamos1.4 WordPress Estatik Mortgage Calculator1.5 Simple Mortgage Calculator1.6 WP…

WordPress google search plugin

Contents1 How to Add Google Search to a WordPress Site1.1 Step 1 – Download a Google search plugin1.2 Step 2: Manage your Google search settings1.3 Step 3:…

WordPress responsive menu without plugin

New Page How to Create a Mobile-Ready Responsive WordPress Menu Last Updated OnOctober 3, 2016by Editorial Team | Reader Disclosure Disclosure : Our content is endorsed by…

Gravity forms wordpress plugin

Contents1 Etiqueta del complemento: formas de gravedad1.1 Armadura WP – anti-spam honeypot1.2 Spam-Free Gravity Forms1.3 Seguimiento de events para formularios de gravedad1.4 Severity Shapes + Custom Post…

WordPress plugin fundraising thermometer

Contents1 donation termometer1.1 ¿Cómo uso los valores dinámicos?1.2 The [therm_r] and [therm_t] shortcodes show different values to the thermometers.1.3 Can I display the thermometer as a percentage…