Facebook Feed

How to Configure and Style EA Facebook Feed #

EA Facebook Feed allows you to display your Facebook posts in an amazing way on your WordPress site. It gives you the complete freedom to personalize the Facebook Feed any way you want and make it appealing to your website visitors.

How to Retrieve Facebook Page ID & Access Token #

Before you begin, make sure that you already have created a Facebook Page on your Account and have some posts published on that page. Afterward, follow this below guideline to retrieve Facebook Page ID & Access Token:

Step 1 – Create a New App ID #

First of all, login to your Facebook profile and go to Facebook Developers Account. Afterward, click on the ‘My Apps’ option as shown below.

Facebook Feed

 

This will redirect you to a new page. Here, click on the ‘Create App’ button to create a new app in Facebook Developers. A popup will appear where you will be asked to specify what you need your app to do. Simply click on ‘More Options’ and then choose the ‘Something Else’ option to create an app with a custom set of permissions.

Facebook Feed

Next, you will be asked to give your app a name in the ‘App Display Name’ field, and set the email address for your app in the ‘App Contact Email’. Once this is done, click on the ‘Create App’ button. You may be prompted to complete a quick security check.

Facebook Feed

 

If you have completed these steps, then you have successfully created an app for in Facebook Developers. Next, you have to generate the access token for your app.

Step 2 – Generate Page Access Token #

After creating your app, you will be redirected to the Dashboard page. Click on the ‘Tools’ option from the Menu and go to the ‘Graph API Explorer’ page.

Facebook Feed

 

Now, let’s generate the Page Access Token from here. To do so, click on the ‘Get Token’ button and choose the ‘Get Page Access Token’ option.

Facebook Feed

Simply go ahead and continue as your user account.

Facebook Feed

 

 

Afterward, make sure to choose your page from which you want to retrieve your Posts and hit the ‘Next’ button.

Facebook Feed

After finishing the previous step, simply enable the option to manage your pages and hit the ‘Done’ button.

Facebook Feed

 

Once you are done with all these previous steps, your Page will be successfully be linked to your Facebook account.

 

Afterward, you have to set some permissions for your app. These are the permissions that you need to add:

-pages_manage_cta

-pages_manage_instant_articles

-pages_show_list

-pages_read_engagement

-pages_manage_metadata

-pages_read_user_content

-pages_manage_posts

-pages_manage_engagement

You can add these permissions by clicking on the options shown below. Make sure to add the permissions given in this list.

Facebook Feed

 

Step 3 – Collect Your Facebook Page ID #

To collect your Facebook Page ID, first of all, go to your Facebook page itself. Afterward, from the URL bar, simply just copy the page URL.

Facebook Feed

Now, let’s go to this site and simply just paste your Facebook Page URL. Then, hit the ‘Lookup’ button.

Facebook Feed

 

This is how you can retrieve your Facebook Page ID:

Facebook Feed

 

How to Activate Facebook Feed #

To use this Essential Addons element, find the ‘EA Facebook Feed’ element from the Search option under the ELEMENTS tab. Simply just Drag & Drop the EA Facebook Feed’ into the Drag widget hereor the ‘+’ section.

Facebook Feed

How to Configure the Content Settings #

Under the ‘Content’ tab, you will be able to configure the settings for EA Facebook Feed.

Facebook Account Settings #

Before you begin, you need to make sure that you have retrieved the necessary API Keys to connect with your Facebook account. You can simply follow the steps mentioned previously to insert the ‘Page ID’ and ‘Access Token’.

Facebook Feed

After you are done collecting your Access Token and Page ID, simply just insert it under the ‘Facebook Account Settings’ section in their respective fields. You would be then able to view your recent Facebook posts once the connection is successfully established.

Facebook Feed

Feed Settings #

From the ‘Feed Settings’ section,  you have the flexibility to use the dropdown ‘Sort By’ to change in which order you want your Facebook Feed to appear. Besides, you can set the number of ‘Max Visible Items’ for your Facebook Feed as well.

Facebook Feed

General Settings #

From this section, you have the freedom to pick your preferred layout from out of these: ‘Card’ or ‘Overlay’. Besides, you can change the layout by picking the ‘Number of Columns’ which you want to display for Facebook Feed. If you wish, you can even enable the ‘Load More Button’. Moreover, it gives you the opportunity to hide or display Comments, Like & other options.

Facebook Feed

Check out Demo

How to Style Facebook Feed #

Switch to the ‘Style’ tab to style all the features of the Facebook Feed.

Feed Item Styles #

From the ‘Feed Item Styles’ section, you can set the Padding between the images of your Facebook Feed. You can add Border and change its styling as well. Moreover, you have complete control over how you want to style your Header, Content and Footer.

Facebook Feed

Color & Typography #

From ‘Color & Typography’ section, you can play around with the typographies and colors for all the contents of EA Facebook Feed.

Facebook Feed

Final Outcome #

By following the basic steps and a bit more modifying, you can style your Facebook Feed as per your preference.

Facebook Feed

With the help of EA Facebook Feed, this is how you can easily retrieve posts from your Facebook page and showcase beautifully on your WordPress website.

Getting stuck? Feel to Contact Our Support for further assistance.

Get Started Now

Powered by BetterDocs

Win With Elementor!

It’s easy: all we need is your eternal love. But we’ll settle for your email.