[contact-form-7 id="24078" title="Feedback EN"]

Featured templates

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