If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

JS Animated. How to work with “RD Facebook Feed” plugin

This tutorial will show you how to work with RD Facebook Feed plugin.

  1. First you need to download Facebook Feed plugin here.

  2. Next, add an app on Facebook and get it’s accessToken. After that, open the RD Facebook Feed script file and add the access token there (around line 28).

    JS-Animated. How to work with RD Facebook Feed plugin-1

  3. Add HTML markup for the post with an image, for example:

    <!-- RD Facebook Feed -->
        <div class="facebook" data-fb-id="TemplateMonster" data-fb-access="...">
            <div data-fb-post>
                <img src="images/_blank.png" alt="" data-picture="src" data-remove/>
                <p data-message="text"></p>
            </div>
        </div>
    <!-- END RD Facebook Feed -->

    Note, that you can customize the markup, you just need an element with data-fb-post and data-fb-user attributes. You can find additional customizable options for the script in the official documentation.

  4. Now the last thing you need to do is to include the script on a target HTML page:

    <script src="js/jquery.rd-facebook-feed.min.js"></script>

Thank you for reading our tutorial. Now you know how to work with RD Facebook Feed plugin.

Feel free to check the detailed video tutorial below:

JS Animated. How to work with “RD Facebook Feed” plugin

Also, don’t forget to review the collection of our website templates.