Live Demo – WP function – DSM Facebook Videos WP Plugin
The following videos are displayed using our DSM Facebook Videos WordPress Plugin. Videos below were pulled from this Facebook page videos.
The following videos are displayed using our DSM Facebook Videos WordPress Plugin. Videos below were pulled from this Facebook page videos.
Due to low sales, we stopped the development of this plugin. As an alternative, we recommend using services like SociableKIT. Click here: https://www.sociablekit.com/
-------------------------
In this post, you will learn how to use the DSM Facebook Video WordPress Plugin. In other words, we will pull the list of videos from your Facebook page and display it to your website. 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 popular blog post: How To Display Facebook VIDEOS 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
You or your client is using Videos 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 videos from a Facebook page to your website. Automatically. In real-time. Your site will have an 'instant' videos for your customers or audience.
Once you create, edit or delete a video on Facebook, your website will be updated as well. Facebook videos 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 videos 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 Videos WordPress Plugin - PRO Version!
FEATURES | OUR WORDPRESS PLUGIN CAN DO IT |
Save Your Precious Time | |
Manage videos for both of your Facebook Page and website - only once! | YES |
Save time figuring out and coding these features on your website | YES |
Display Videos | |
Display thumbnails of each video | YES |
Display title or description of each video | YES |
Display number of likes of each video | YES |
Display number of comments of each video | YES |
Display clickable link to actual video on Facebook | YES |
Display icons for number of likes, comments and link. | YES |
Display same width and height of each video thumbnail (grid style) | YES |
Display play button on top of each video thumbnail | YES |
Responsive video list - viewable in mobile, tablet and desktop | YES |
Clickable grid items to play video and show related data | YES |
Load more videos without page refresh (infinite scroll) | YES |
Display loading animation while loading more videos | YES |
Display One Video | |
Display back to videos button | YES |
Display video with clickable controls such as play, pause, volume, full-screen, etc. | YES |
Display video title (if available) | YES |
Display video's number of likes | YES |
Display video's number of comments | YES |
Display when the video was posted (time ago format) | YES |
Display clickable link to actual album on Facebook | YES |
Display video description | YES |
Display some liker's name | YES |
Display icons for likes, comments, link and description. | YES |
Make links clickable | YES |
Display comments | YES |
Display commentator's name with link to their Facebook account | YES |
Display each comment's number of likes | YES |
Load and display more comments without page refresh | YES |
Display comment replies or respondents | YES |
Display respondent's name with link to their Facebook account | YES |
Display each reply's number of likes | YES |
Load and display more replies without page refresh | YES |
Responsive video - viewable in mobile, tablet and desktop | YES |
Look & Feel Customization | |
Our plugin's settings can be found in WordPress Settings > DSM Facebook Videos | YES |
Specify Facebook page name or ID | YES |
Specify number of videos shown by default | YES |
Specify excluded videos by video ID | YES |
Choose background color | YES |
Choose text color | YES |
Choose icon color | YES |
Choose link color | YES |
Choose button background color | YES |
Choose button text color | YES |
Easily choose colors with color picker | YES |
Specify umber of comments shown by default | YES |
Specify number of replies shown by default | YES |
Show or hide like count | YES |
Show or hide comment count | YES |
Show or hide link to Facebook | YES |
Show or hide link comments | YES |
Updates and Support | |
Free plugin updates for 2 years | YES |
Fast and friendly email support for 1 year | YES |
DSM FACEBOOK VIDEOS 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 VIDEOS 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 videos. | YES |
No need for codes from other websites. | YES |
Completely customizable. | YES |
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 5.0 below.
Please note that the following are just output preview. New features might be added or released already - the very moment you read this.
List the videos from your Facebook page in grid view. This is responsive.
Details include number of likes and comments, comments, comment replies and more.
This is where you control the look and feel of your Facebook videos on your website.
How to use DSM Facebook Videos WordPress Plugin? You only need 5 easy steps.
1. Download our plugin.
2. Upload our plugin to your WordPress site.
3. Go to WordPress Settings > DSM Facebook Videos to Customize settings.
4. Put shortcode to your Facebook page, post or widget. The shortcode is:
[[dsm_facebook_videos]]
5. Hit save button.
1. Go to the album your desire in Facebook.
2. Take a look at the URL in your browser, it looks like the following.
3. Get the album ID from that URL. Looking at the example URL above, it is 10153630739701466
4. Use the shortcode in the following format.
[[dsm_facebook_videos single_video="yes" video_id="10153630739701466"]]
As you can see, we added some parameters:
single_video="yes"
video_id="1220347914657493" (the album_id we got earlier)
Congratulations! You just displayed videos from Facebook to your website.
Enjoy the following live demo of our DSM Facebook Videos WordPress plugin.
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.”
★★★★★ “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.”
★★★★★ “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!!!!!!!”
Need support? Have a feature request? Don't hesitate to send me an email about it. My email address is [email protected].
The following videos were displayed using our DSM Facebook Videos WordPress Plugin. Videos below were pulled from this Facebook page videos.
[dsm_facebook_videos]
[dsm_facebook_events page="CelebrityTheatre"]
Due to low sales, we stopped the development of this plugin. As an alternative, we recommend using services like SociableKIT. Click here: https://www.sociablekit.com/
-------------------------
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
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!
FEATURES | OUR WORDPRESS PLUGIN CAN DO IT |
Save Your Precious Time | |
Manage photo albums and photos for your Facebook Page and website once | YES |
Save time figuring out and coding these features on your website | YES |
Display Photo Albums | |
Display cover photo of each album | YES |
Display photo album title | YES |
Display number of photos in each album | YES |
Display number of likes in each album | YES |
Display number of comments | YES |
Display clickable link to actual album on Facebook | YES |
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 desktop | YES |
Clickable grid items to show photos inside that clicked photo album | YES |
Load more photo albums without page refresh (infinite scroll) | YES |
Display loading animation while loading more photo albums | YES |
Display Photos Inside An Album | |
Display back to albums button | YES |
Display photo album title | YES |
Display number of photos in the album | YES |
Display number of likes in the album | YES |
Display number of comments in the album | YES |
Display clickable link to actual album on Facebook | YES |
Display album description | YES |
Clickable Facebook mentions | YES |
Make links clickable | YES |
Display icons for number of photos, likes, comments, link and description. | YES |
Display share buttons: Facebook, Twitter, Google+ | YES |
Display photo's thumbnails | YES |
Display same width and height of each photos (grid style) | YES |
Responsive photo albums - viewable in mobile, tablet and desktop | YES |
Display photo's number of likes | YES |
Display photo's number of comments | YES |
Display photo's clickable link to actual photo on Facebook | YES |
Clickable photo thumbnail to show full image in a lightbox | YES |
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 photos | YES |
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 Photos | YES |
Specify Facebook page name or ID | YES |
Choose photo size (small, medium or large) | YES |
Specify number of grid items shown by default | YES |
Specify excluded albums or albums you don't want to be displayed | YES |
Choose background color | YES |
Choose text color | YES |
Choose icon color | YES |
Choose button background color | YES |
Choose button text color | YES |
Easily choose colors with color picker | YES |
Updates and Support | |
Free plugin updates for 2 years | YES |
Fast and friendly email support for 1 year | YES |
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 |
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.
This is where you control the look and feel of your Facebook photos on your website.
How to use DSM Facebook Photos WordPress Plugin? You only need 5 easy steps.
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.
1. Go to the album your desire in Facebook.
2. Take a look at the URL in your browser, it looks like the following.
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.
Enjoy the following live demo of our DSM Facebook Photos WordPress plugin.
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.”
★★★★★ “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.”
★★★★★ “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!!!!!!!”
Need support? Have a feature request? Don't hesitate to send me an email about it. My email address is [email protected].
Here in codeofaninja.com, we work hard to produce scripts that works - scripts that are truly useful for your projects or business.
Downloading this LEVEL 3 PRO PACK now will give you the same features and quality support as if you buy them one by one. The only difference is you get a huge discount.
This pack contains five LEVEL 3 social media scripts we have. If you will buy them all one by one, it will cost you $249.95.
But, if you will download this pack, it will be $198 only. You just saved $51.95!
Social Media Scripts - LEVEL 3 - PRO PACK | ||
---|---|---|
ITEM | Original Cost | LEVEL 3 PRO PACK |
Display Facebook EVENTS on Website | YES | |
Display Facebook PHOTOS on Website | YES | |
Display Facebook VIDEOS on Website | YES | |
Display Facebook FEED on Website | YES | |
Display Instagram FEED On Your Website | YES | |
BUY TO DOWNLOAD PRO PACK NOW FOR ONLY
|
Not convinced?
If you will buy our LEVEL 3 PRO PACK now, you will get two LEVEL 2 scripts as well! These scripts are worth another $59.98 and you get it at no extra cost!
This time, instead of spending $309.93, you still get it for $198. You just saved $111.93!
Get these scripts as well! | ||
---|---|---|
ITEM | Original Cost | LEVEL 3 PRO PACK |
Display Twitter FEED on Website | YES | |
Display Google+ FEED on Website | YES | |
BUY TO DOWNLOAD PRO PACK NOW FOR ONLY
|
What People Say About Our Social Media Scripts?
★★★★★ “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.”
★★★★★ “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.”
★★★★★ “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!!!!!!!”
Are you a previous buyer?
If you previously bought any scripts here in codeofaninja.com, we'll give you another 15% off today!
Just send me an email ([email protected]) with a subject "DISCOUNT REQUEST: Social Media Scripts – LEVEL 3 – PRO PACK" and I'll reply with the discount code.
You don't like to code? No problem!
You demanded it, we built it. A lot of people requested a website plugin version of our social media scripts. Now it is available. It works no matter what website platform you use. We have tried it in WordPress, Squarespace, Wix and more.
Thank you for supporting codeofaninja.com!
If you have any questions or if there's anything else I can help you with, please do not hesitate to send me an email. My email address is [email protected]
You can use the comment box below as well.
Due to low sales, we stopped the development of this plugin. As an alternative, we recommend using services like SociableKIT. Click here: https://www.sociablekit.com/
-------------------------
In this post, you will learn how to show Facebook events on 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 EVENTS 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 Important Notes
You or your client is using Events 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 Events from Facebook to your website. Automatically. In real-time. Your site will have an 'instant' events information for your customers.
Once you create or edit an event on Facebook, your website will be updated as well. Facebook events will be displayed as list view and calendar view. How cool is that?
On more thing, did you know that your can control the look & feel of Facebook events 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 events WordPress Plugin - PRO Version!
FEATURES | OUR WORDPRESS PLUGIN CAN DO IT |
Save Your Precious Time | |
Manage events for your Facebook Page and website once | YES |
Save time figuring out and coding these features on your website | YES |
Display events from multiple Facebook pages | YES |
Display events by date | YES |
Display List of Upcoming Events | |
Display event cover photo (profile picture if none) | YES |
Display event title | YES |
Display event location | YES |
Display link to view full map | YES |
Display event date and time | YES |
Display button to read 'More Details' about the event | YES |
Display button link to 'Get Tickets' (if set) | YES |
Display events from multiple Facebook pages in one feed | YES |
When 'More Details' Button Was Clicked | |
Load more details about the event without page refresh | YES |
Display loading animation while loading more details of event | YES |
Display loaded event details below the clicked event | YES |
Display full image of event | YES |
Display full title of event | YES |
Display host of event, with link to its Facebook page | YES |
Display date and time of event | YES |
Display location of event with Google map | YES |
Display description of event | YES |
Display link of event to Facebook | YES |
Display each event section with font-awesome icons | YES |
'More Details' button becomes 'Close Details' button with (x) icon | YES |
Clicking 'Close Details' button will hide event 'more details' | YES |
No need to reload event 'more details' again when it was already loaded | YES |
No need to reload list when 'Upcoming' tab was clicked again | YES |
Display List of Past Events | |
Display loading animation when 'Past' tab was clicked | YES |
All display features above of upcoming events are the same with past events | YES |
No need to reload list when 'Past' tab was clicked again | YES |
Calendar View | |
Display loading animation when 'Calendar' tab was clicked | YES |
Display current month by default | YES |
Display previous month button with icon | YES |
Display loading animation when previous month button was clicked | YES |
Display previous month events | YES |
Display next month button with icon | YES |
Display loading animation when next month button was clicked | YES |
Display next month events | YES |
Display calendar of events from multiple Facebook pages | YES |
Highlight calendar dates with Facebook events | YES |
Clicking a calendar event will display loading animation below the calendar | YES |
Display event details of clicked calendar date | YES |
Can display event details of one or more in one calendar date | YES |
Display features of calendar event details are the same with upcoming events above | YES |
No need to reload calendar view when 'Calendar' tab was clicked again | YES |
Responsive | |
Changes tabs to drop down options when viewed on mobile | YES |
Changes layout of upcoming and past event items on mobile | YES |
Calendar still viewable and clickable in mobile | YES |
Customize Look & Feel of your Facebook Events | |
Our plugin's settings can be found in WordPress Settings > DSM Facebook Events | YES |
Choose your event background color | YES |
Choose your event text color | YES |
Choose your highlight background color | YES |
Choose your highlight text color | YES |
Choose your button background color | YES |
Choose your button text color | YES |
Choose your border color | YES |
Easily choose colors with color picker | YES |
Updates and Support | |
Free plugin updates. | YES |
Fast and friendly email support for 1 year | YES |
Do you need more reasons to download our WordPress plugin?
MORE REASONS TO GET DSM FACEBOOK EVENTS WORDPRESS PLUGIN | |
No different kind of licenses. | YES |
No monthly or any recurring fees. | YES |
No need to rely on another website to render Facebook events. | YES |
No need for codes from other websites. | YES |
Completely customizable. | YES |
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.
Our WordPress plugin can show list of upcoming events. Clicking the 'More Details' button will show you more details above the event.
Our WordPress plugin can show list of past events.
Events are still viewable even in mobile.
Your customers can easily know your events on the current month, next month and even previous months! Clicking a date will show you more details about the event.
Tabs becomes drop down in mobile view.
This is where you control the look and feel of your Facebook events on your website.
4.1 How to use DSM Facebook Events WordPress Plugin? You only need 5 easy steps.
1. Download our plugin.
2. Upload our plugin to your WordPress site.
3. Go to WordPress Settings > DSM Facebook Events to Customize settings.
4. Put shortcode to your Facebook page, post or widget. The shortcode is:
[[dsm_facebook_events]]
5. Hit save button.
4.2 How to display events from multiple Facebook pages? Your shortcode will look like the following.
[[dsm_facebook_events page="Museums.Sheffield,Echostage"]]
4.3 How to display events from multiple Facebook pages and by date? Your shortcode will look like the following.
[[dsm_facebook_events page="Museums.Sheffield,Echostage" date="2016-10-20"]]
4.4 How to display only one event from Facebook?
1. Get the event’s ID. How? Go to the Facebook event link and get the number part on the URL.
For example:
https://www.facebook.com/events/1586444591653799/
2. Use the shortcode that looks like the following.
[[dsm_facebook_events event_id="1586444591653799"]]
4.5 How to display calendar view by default?
Use the shortcode that looks like the following.
[[dsm_facebook_events page="CelebrityTheatre" view="calendar"]]
4.6 How to display past events by default?
Use the shortcode that looks like the following.
[[dsm_facebook_events page="CelebrityTheatre" view="past"]]
4.7 How to display upcoming events with simple layout?
If you want the upcoming events to be shown in a simple view, use the shortcode that looks like the following.
[[dsm_facebook_events layout="simple" tabs="no" all_events_link="https://www.yourwebsite.com/events/"]]
The "all_events_link" parameter is used to render an "All Events" link at the end of the events list.
Congratulations! You just displayed Facebook events to your website.
Enjoy the following live demo of our DSM Facebook Events WordPress plugin.
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.”
★★★★★ “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.”
★★★★★ “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!!!!!!!”
This WordPress plugin is maintained to work. But we do not add new features anymore.
If you need to request and use more features, you must use another solution such as the hosted DSM Website Plugins.
Any questions? Don't hesitate to send me an email about it. My email address is [email protected].
Before we start coding, you might be someone NOT interested in coding. If that's the case, you should use a website plugin like SociableKIT. Watch the following video.
Need to embed a Twitter hashtag feed on your website? Watch this tutorial.
What's next? You can try SociableKIT now, view a live demo here and here or continue with the code tutorial below.
Do you actively use Twitter for your brand or products? Does your client use it?
If you use it for your brands or products and you have your own website, it will be a great feature if you can display your twitter feed or posts on your website.
I know, you can embed your Twitter feed using the Twitter widget, but you cannot customize the look and feel.
It looks like the default Twitter interface.
Don't get me wrong, it looks good! But sometimes, our design scheme or our clients have a different requirement, they want the Twitter feed to look different.
The good news is, our code for today is a way to do it!