How to Show Facebook Posts from a Specific Date Range on Your Website
Home Blog How to Show Facebook Posts from a Specific Date Range on Your Website

How to Show Facebook Posts from a Specific Date Range on Your Website

how to show facebook posts from a specific date range on your website

Looking for a way to embed Facebook posts from a specific date range?

Adding Facebook posts on your site can be a great way to promote your business page, grow a Facebook community, and engage your visitors.

And today, we’ll show you the simplest way to embed Facebook posts while filtering them by date.

Let’s get started!

Why Embed Facebook Posts on Your WordPress Site?

By embedding your own Facebook posts, you can get tons of new likes, comments, and followers from all the people visiting your site.

Plus, you can filter Facebook posts by date range and only show specific posts from Facebook, hide outdated content, and remove old posts.

That way, you can keep showing fresh content on your site, which can help boost your SEO.

But to manually do that, you’ll have to deal with Facebook’s API. Since this method requires coding, filtering Facebook posts can take a lot of time and effort.

embed facebook post manually code

In this post, we’ll help you out and show you the easiest way to embed Facebook posts from a selected date range — no need for HTML, Javascript, or any kind of code snippets.

How to Embed Facebook Posts from a Specific Date Range

Just follow the step-by-step tutorial below, and you can show Facebook posts from your selected date range in just minutes!

Step 1: Install the Facebook Feed Pro Plugin

For the easiest way to embed Facebook posts, you can start by grabbing your copy of Facebook Feed Pro here.

custom facebook feed pro plugin

As the best Facebook feed plugin in the market, you can use it to create, customize, and embed feeds of Facebook posts in just minutes — absolutely no coding needed.

You can then get the plugin’s Date Range extension here.

After that, simply install and activate both on your WordPress website.

If you want a quick refresher on how to do that, we’ve got a helpful guide on how to install a WordPress plugin.

Once you’ve installed and activated the Facebook Feed Pro plugin and its extension, you can move on to step 2.

Step 2: Enable the Date Range Extension

You can now enable the plugin’s Date Range extension from your WordPress dashboard to finish setting up the plugin.

First, open the Facebook Feed » Extensions menu from your dashboard and look for the Date Range section.

There, click on the Activate button to continue.

enable date range extension facebook feed pro

You can now move on to step 3 and create a new feed of Facebook posts using this plugin.

Step 3: Create a New Facebook Feed

Using the plugin’s 3-step guided flow, you can easily create a new Facebook feed on your website.

To do that, first, open the Facebook Feed » All Feeds menu from your dashboard area and click on Add New.

create a new facebook feed

Next, you can choose the type of Facebook posts you’d like to embed on your site. With Facebook Feed Pro, you have 9 options to choose from:

  • Timeline: Show public posts from a Facebook timeline
  • Photos: Embed photos from Facebook on your website
  • Videos: Display a feed of Facebook videos
  • Albums: Choose photo albums and display all of their images
  • Events: Add a Facebook events calendar to your website
  • Reviews: Boost your conversions with positive reviews and testimonials
  • Single featured post: Highlight a specific Facebook posts
  • Single album: Show content from a selected Facebook album

Once you select your feed type, click on the Next button to continue.

select your facebook feed type

For this example, we’ll embed Facebook posts from a timeline.

Now that you’ve created your Facebook feed, it’s time to move on to the next step, where you connect it to your account.

Step 4: Connect Your Feed to Facebook

By connecting your feed to Facebook, it can fetch Facebook posts and then display them on your WordPress website.

Ready to get started?

First, click on the Add New button here.

add source facebook feed pro

Now, the plugin will ask you to choose between connecting a Facebook page or a Facebook group.

Just pick the option you prefer and then click on the Connect to Facebook button below.

connect to facebook using facebook feed pro

After you do that, the plugin will open on your web browser. You can then start connecting your feed to your Facebook profile.

Here, select the page or group on the popup and then click on the Next button.

select the facebook pages

To finish connecting your feed to Facebook, the plugin will now ask for read-only access to your account.

Facebook Feed Pro will use this access to view Facebook content, and it can’t make any changes to your account at all.

Like all the other Smash Balloon plugins, Facebook Feed Pro is completely safe to use.

Click on the Done button to give the plugin read-only access to your account.

allow read only access to facebook feed pro

Now that you’ve connected your Facebook account, the plugin will return you to your WordPress website.

To confirm this page or group as your Facebook feed’s source, click on the Add button.

confirm facebook feed source

When creating new Facebook feeds, you can reuse this source without leaving your website.

You can now click on the Next button here to proceed.

confirm source facebook feed pro

Before you move on to the next step, you can choose to import the design of a feed template. That way, you can instantly have a great look ready for your Facebook feed.

You have 7 feed templates that you can choose from:

  • Default
  • Simple masonry
  • Widget
  • Large grid
  • Latest album
  • Showcase carousel
  • Simple carousel

To continue, select a feed template and then click on Next.

Now that you’ve created your Facebook feed and connected it to a source, you can start filtering the posts using a chosen date range.

Step 5: Select Your Date Range

Facebook Feed Pro comes with a live feed editor that makes it simpler than ever to customize your Facebook feeds.

On the left, you can find the options to change your feed layout, color scheme, profile picture, header design, post style, and much more just by selecting and unselecting options — no codes or confusing dropdown menus.

From here, you can access the feed settings, where you can filter your Facebook posts as well.

live feed customizer facebook feed pro

Whenever you make changes to your Facebook feed, the live preview on the right will show you how your Facebook posts will look.

Ready to filter your Facebook posts by date? Click on the Settings tab at the top.

Now, select the Filters option on the left to continue.

open filters facebook feed pro

On the left, scroll down until you find the option labeled Show posts within the date range.

Once you toggle it on, you can enter your date range using the options below. There are 2 types of date range that you can use:

  • Specific: Display posts made between two specific dates (Eg. show posts after September 23, 2022, and before December 23, 2022)
  • Relative: Only show posts made within a certain number of days from today (Eg. show posts from the past 30 days)

Select the type you prefer and then enter your date in the From and To fields below.

select your date range facebook

For our example, we’re showing Facebook posts from 01/10/2021 to 01/10/2023.

Finally, click on the Save button to confirm your changes.

Just like that, your Facebook feed will show posts from your selected date range. Once you’re done filtering your Facebook feeds by the date range, you can move to the next step.

Step 6: Customize Your Facebook Posts

Since the plugin automatically copies your website’s design, your feeds will look beautiful right out of the box. Plus, they’re all completely responsive, so you can engage visitors from mobile devices as well.

You can now use the live feed customizer to change the design of your Facebook feed even further.

First, click on the Customize tab at the top to open the main customization options again.

return to the customization options

Next, you can use the plugin to set the layout of the Facebook posts on your website.

First, click on the Feed Layout option on the left.

open feed layouts facebook feed pro

You can now choose between 4 different layouts for your Facebook feed: List, Grid, Masonry, and Carousel.

We’ll look at each of these layouts below:

feed layout options facebook social media feed widget

Want to make your Facebook posts more clearly visible?

You can choose the list layout and show your Facebook feed in a single column.

list layout for facebook feed

If you want to show lots of Facebook posts from your chosen date range, you can pick the masonry layout.

This layout will show your Facebook feed in multiple columns.

masonry layout facebook feed pro

To embed lots of photos and videos from Facebook, you can use the Grid layout.

That way, you can show engaging visual content in simple rows and columns.

grid layout facebook

Next, you have the carousel layout, which will show your posts in a beautiful Facebook carousel.

As a result, you can engage your visitors with a more interactive site.

facebook feed pro carousel layout

Once you pick a feed layout, click on the Save button to confirm your changes.

You can then use the small Customize button to return to the main customization options once more.

click on the customize button facebook

Just like that, the live feed editor makes it easy to customize your header design, post style, color scheme, number of posts, and much more.

When you’re happy with how your Facebook feed looks, click on the Save button.

In the next step, you can finally embed Facebook posts on your WordPress website with the help of Facebook Feed Pro.

Step 7: Embed Your Facebook Posts in WordPress

Facebook Feed Pro has 2 different ways you can embed your Facebook content:

  • Embed Facebook posts on a WordPress page
  • Embed Facebook posts on the WordPress sidebar or footer

Let’s get started and go through both of these methods below.

Embed Facebook Posts on a WordPress Page

Using the live feed editor, you can embed your Facebook posts in just a few simple clicks — no need to bother with embed codes.

To get started, first, click on the Embed button in the top right corner.

embed button for facebook social feed widget

Next, Facebook Feed Pro will show you all the ways you can embed your Facebook feed. You can even copy your shortcode here if you want to embed it manually.

To continue, click on the Add to a Page button.

add to a page facebook feed pro

You can then select the WordPress page where you want to embed your feed.

Once you do that, click on the Add button below.

add facebook feed to wordpress example

Clicking on that will open the page in WordPress, where you can embed your Facebook feed with a content block.

First, click on the plus icon (+) to add a block and then select the Custom Facebook Feed block.

You can now click on Update, and your new Facebook feed will be online. You can follow these simple steps to embed Facebook posts from a specific date range in just minutes.

If you open your website now, you can find the Facebook posts on your webpage, like in this screenshot:

example of facebook feed on your website

Now you know how to embed Facebook content on your pages with this plugin. Let’s go ahead and see how you can embed your posts using Facebook widgets.

Embed Facebook Posts on the WordPress Sidebar or Footer

Facebook Feed Pro also makes it easy to embed posts on your site’s widget-ready areas like the footer or sidebar.

Like before, you can do this directly from the plugin’s live feed editor.

If your live feed editor isn’t open yet, navigate to the Facebook Feed » All Feeds menu from your dashboard and then click on your Facebook feed.

open feed in the live customizer facebook

Your Facebook feed will now be open in the live feed editor once more.

On the editor, click on the Embed button at the top.

embed button for facebook social feed widget

Using the popup, you can choose to embed your Facebook feed on the WordPress sidebar or footer.

For that, select the Add to a Widget option.

add to a widget facebook feed

Facebook Feed Pro will then redirect to your site’s Widgets page so you can add, remove, or manage WordPress widgets.

Next, click on the Sidebar panel to embed your Facebook posts on your sidebar.

open sidebar panel

We’ll also use the sidebar for our example here.

If you want to embed Facebook posts below your site’s content, click on a Footer panel instead.

open footer panel

To add a new Facebook widget, first, click on the plus (+) icon at the bottom.

And from the options, select the Custom Facebook Feed widget.

facebook social media feed widget

Finally, click on Update, and you’ll have a Facebook widget on your site’s sidebar or footer.

You can now open your website to see Facebook posts from your specified date range.

facebook social media feed widget on the sidebar

And there you go!

Now you know how you can embed Facebook posts from a specific date range and engage your visitors with fresh content.

As you can see, Facebook Feed Pro makes it super easy to create, customize, and embed feeds of Facebook posts on your WordPress site.

Ready to embed Facebook posts easily? Get Facebook Feed Pro from here!

Want to add more kinds of social media integrations to your site? Check out our list of the best social media feed plugins.

If you found this helpful, don’t forget to follow us on Facebook and Twitter for more useful tips and tricks.

author avatar
Sajjan Sharma Senior Writer
Sajjan has been writing about WordPress, social media marketing, and online businesses for over 10 years. His professional interests extend to include influencer marketing, content curation and digital marketing strategies.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.