How to Show Facebook Photos on WordPress Site?

dsm-facebook-photos-wordpress-plugin

In this post, you will learn how to show Facebook photo gallery on WordPress site. It can be your WordPress site or your client’s WordPress site. Our WordPress plugin will be used to achieve this output.

The WP plugin’s source code is based on one of our most popular blog post: How To Display Facebook PHOTOS on Website? I decided to make a WordPress plugin version of that code because many people are requesting it. So here’s what I came up with.

Contents of this post include:

1.0 Overview
2.0 Feature Details & Download
3.0 Feature Screenshots
4.0 How To Use?
5.0 Live Demos
6.0 What People Say
7.0 Related WordPress Plugins
8.0 Some Notes

1.0 Overview

You or your client is using Photos on Facebook? Don’t miss the opportunity to display it on your WordPress site! Our WordPress plugin can help you with that.

Through our WordPress plugin, we can display your Photo albums and photos from a Facebook page to your website. Automatically. In real-time. Your site will have an ‘instant’ photos for your customers.

Once you create, edit or delete a photo album or photo on Facebook, your website will be updated as well. Facebook photo gallery will be displayed as grid items with thumbnails. How cool is that?

On more thing, did you know that your can control the look & feel of your Facebook photo gallery on your website? You surely can! Our WordPress plugin has this settings dashboard where you can control colors like background colors, button color, font color and more!

On the next section, let’s take a closer look at the feature details of our DSM Facebook Photos WordPress Plugin – PRO Version!

2.0 Feature Details & Download

FEATURESOUR WORDPRESS PLUGIN CAN DO IT
Save Your Precious Time
Manage photo albums and photos for your Facebook Page and website onceYES
Save time figuring out and coding these features on your websiteYES
Display Photo Albums
Display cover photo of each albumYES
Display photo album titleYES
Display number of photos in each albumYES
Display number of likes in each albumYES
Display number of commentsYES
Display clickable link to actual album on FacebookYES
Display icons for number of photos, likes, comments and link.YES
Display same width and height of each photo album (grid style)YES
Responsive photo albums – viewable in mobile, tablet and desktopYES
Clickable grid items to show photos inside that clicked photo albumYES
Load more photo albums without page refresh (infinite scroll)YES
Display loading animation while loading more photo albumsYES
Display Photos Inside An Album
Display back to albums buttonYES
Display photo album titleYES
Display number of photos in the albumYES
Display number of likes in the albumYES
Display number of comments in the albumYES
Display clickable link to actual album on FacebookYES
Display album descriptionYES
Clickable Facebook mentionsYES
Make links clickableYES
Display icons for number of photos, likes, comments, link and description.YES
Display share buttons: Facebook, Twitter, Google+YES
Display photo’s thumbnailsYES
Display same width and height of each photos (grid style)YES
Responsive photo albums – viewable in mobile, tablet and desktopYES
Display photo’s number of likesYES
Display photo’s number of commentsYES
Display photo’s clickable link to actual photo on FacebookYES
Clickable photo thumbnail to show full image in a lightboxYES
Display photo’s number of likes, comments, Facebook link and description in lightbox.YES
Load more photos without page refresh (infinite scroll)YES
Display loading animation while loading more photosYES
Display photos from one album only, audience won’t see other albums.YES
Look & Feel Customization
Our plugin’s settings can be found in WordPress Settings > DSM Facebook PhotosYES
Specify Facebook page name or IDYES
Choose photo size (small, medium or large)YES
Specify number of grid items shown by defaultYES
Specify excluded albums or albums you don’t want to be displayedYES
Choose background colorYES
Choose text colorYES
Choose icon colorYES
Choose button background colorYES
Choose button text colorYES
Easily choose colors with color pickerYES
Updates and Support
Free plugin updates for 2 yearsYES
Fast and friendly email support for 1 yearYES
DSM FACEBOOK PHOTOS WORDPRESS PLUGIN
BUY TO DOWNLOAD NOW USING
* You can use your debit or credit card with PayPal.

Do you need more reasons to download our WordPress plugin?

MORE REASONS TO GET DSM FACEBOOK PHOTOS WORDPRESS PLUGIN
Buy only once, use up to 3 websites and Facebook pages!YES
No different kind of licenses.YES
No monthly or any recurring fees.YES
No need to rely on another website to render Facebook photos.YES
No need for codes from other websites.YES
Completely customizable.YES

3.0 Feature Screenshots

The following are some of the features in screenshot with small descriptions. Aside from this, you can always view the live demo of our output in section 7.0 below.

3.1 Show Photo Albums From Facebook

dsm-fb-photos-photo-albums

3.2 Display Photos Inside An Album

dsm-fb-photos-photos-inside-an-album

3.3 Display Full Image When A Photo Was Clicked

dsm-fb-photos-lightbox

3.4 Settings Dashboard

This is where you control the look and feel of your Facebook photos on your website.

dsm-fb-photos-pro-settings

4.0 How To Use?

How to use DSM Facebook Photos WordPress Plugin? You only need 5 easy steps.

4.1 Basic Use

1. Download our plugin.
2. Upload our plugin to your WordPress site.
3. Go to WordPress Settings > DSM Facebook Photos to Customize settings.
4. Put shortcode to your Facebook page, post or widget. The shortcode is:

[[dsm_facebook_photos]]

5. Hit save button.

4.2 How to display photos from single photo album?

1. Go to the album your desire in Facebook.
2. Take a look at the URL in your browser, it looks like the following.

https://www.facebook.com/Lamborghini/photos/?tab=album&album_id=1220347914657493

3. Get the album_id from that URL. Looking at the example URL above, it is 1220347914657493
4. Use the shortcode in the following format.

[[dsm_facebook_photos single_album="yes" album_id="1220347914657493"]]

As you can see, we added some parameters:

single_album=”yes”
album_id=”1220347914657493″ (the album_id we got earlier)

Congratulations! You just displayed photos from Facebook to your website.

5.0 Live Demos

Enjoy the following live demo of our DSM Facebook Photos WordPress plugin.

6.0 What People Say?

Here’s what people say on our social media products.

★★★★★ “Hi Mr. Dalisay, My name is Clinton and I’m a front end designer. I purchased two (Facebook) scripts from you today. Thank you for your time and what a great tutorial and was happy to support your projects.”

Clinton Moore
Web Developer & Owner, Netchanics

★★★★★ “This guy is the best. There was a small issue and he helped me right away. I recommend this (Facebook Feed) script to everybody. Instead of wasting time by copy pasting, just purchased the package and saved a lot of time.”

Aykun Cetinkaya
Media Representative, LinkedIn Profile

★★★★★ “Just wanted to say thank you. Just purchased the (Social) Script PRO Pack today not too long ago and modified it a bit to make it a dark theme and it’s working great. It saved me A LOT of time! Thank you!!!!!!!”

Daniel Mort
Web Developer & Owner, Morthub

7.0 Related WordPress Plugins

8.0 Some Notes

Need support? Have a feature request? Don’t hesitate to send me an email about it. My email address is mike@codeofaninja.com.