How to add Facebook Page Feeds in WordPress Sidebar, Footer and Posts / Pages ?

Facebook is one of the most popular platform for promoting your product and services. It is important that you can embed your Facebook Page Feeds into your website.

WordPress is the most popular Content Management System for creating blogs and websites.

You can go through below video for detail explanation about how you can install and configure Facebook Page Like Widget plugin into your WordPress’s sidebar and Post / Page.

This is most popular Plugin with more than 100000 active installations and quick support.

How to add Facebook Page Feed in WordPress !

This plugin will add your Facebook Page’s feeds into your WordPress website’s sidebar (as widget) , footer (as widget) and Post / Page (as Short-code).

This video will help you to install and configure this plugin step by step. Please leave your comments if you need any help.

Facebook login using javascript

<!DOCTYPE html>
<html xmlns:fb="https://www.facebook.com/2008/fbml">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    </head>

    <body>
        <div id="fb-root"></div>
        <script type="text/javascript">
            var button;
            var userInfo;

            window.fbAsyncInit = function () {
                FB.init({
                    appId: 'YOUR_APP_ID', //change your app id
                    status: true,
                    cookie: true,
                    xfbml: true,
                    oauth: true
                });

                function updateButton(response) {
                    button = document.getElementById('fb-auth');
                    userInfo = document.getElementById('user-info');

                    if (response.authResponse) {
                        //user is already logged in and connected
                        FB.api('/me', function (info) {
                            login(response, info);
                        });

                        button.onclick = function () {
                            FB.logout(function (response) {
                                logout(response);
                            });
                        };
                    } else {
                        //user is not connected to your app or logged out
                        button.innerHTML = 'Login';
                        button.onclick = function () {

                            FB.login(function (response) {
                                if (response.authResponse) {
                                    FB.api('/me', function (info) {
                                        login(response, info);
                                    });
                                } else {
                                    //user cancelled login or did not grant authorization

                                }
                            }, {
                                scope: 'email,user_birthday,status_update,publish_stream,user_about_me'
                            });
                        }
                    }
                }

                // run once with current status and whenever the status changes
                FB.getLoginStatus(updateButton);
                FB.Event.subscribe('auth.statusChange', updateButton);
            };
            (function () {
                var e = document.createElement('script');
                e.async = true;
                e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
                document.getElementById('fb-root').appendChild(e);
            }());

            function login(response, info) {
                console.log(info);
                if (response.authResponse) {
                    var accessToken = response.authResponse.accessToken;

                    userInfo.innerHTML = '<img src="https://graph.facebook.com/' + info.id + '/picture">' + "<br /> Access Token: " + accessToken + "<br /> Your Birthday:" + info.birthday + "<br /> Your Email:" + info.email + "<br /> Your First Name:" + info.first_name + "<br /> Your Last Name:" + info.last_name + "<br /> Your Gender:" + info.gender + "<br /> Profile Link:" + info.link + "<br /> Username:" + info.username;

                    button.innerHTML = 'Logout';

                    document.getElementById('other').style.display = "block";
                }
            }

            function logout(response) {
                userInfo.innerHTML = "";
                document.getElementById('debug').innerHTML = "";
                document.getElementById('other').style.display = "none";

            }

            //stream publish method
            function streamPublish(name, description, hrefTitle, hrefLink, userPrompt) {

                FB.ui({
                    method: 'stream.publish',
                    message: '',
                    attachment: {
                        name: name,
                        caption: '',
                        description: (description),
                        href: hrefLink
                    },
                    action_links: [{
                        text: hrefTitle,
                        href: hrefLink
                    }],
                    user_prompt_message: userPrompt
                },

                function (response) {

                });

            }
        </script>
        <button id="fb-auth">Login</button>
        <br />
        <div id="user-info"></div>
        <br />
        <div id="debug"></div>
        <div id="other"></div>
    </body>

</html>