Will a Post on Your Feed Post to Fb Home

Are you looking for a way to get Facebook posts to show up on your website?

It's a really simple marketing strategy to promote your business page, and in this post, we're going to show you how.

Showing Facebook posts on your site is an easy way to do social media marketing. You can use your site traffic to boost your social media following and even boost your conversions.

Today, we're going to show you the easiest way to embed Facebook posts on your website. It's newbie-friendly and won't take much time.

Here's a table of contents to help you navigate this post:

  • How to Embed Facebook Posts on Your Website (Old Way)
  • How to Embed Facebook Posts on WordPress (Easiest Way)
  • How to Post Facebook Feeds to WordPress (Easy Way)

2 Ways to Embed Facebook Posts on Your Website

There are 2 different ways to get Facebook posts on your website:

  • Old Way: You could just paste your Facebook link to WordPress, and it would automatically get embedded. It took a lot of time, especially if you needed to add multiple posts.
  • Easiest Way: Using the Custom Facebook Feed Pro plugin, you can get Facebook posts on your website in just a few clicks. Plus, it's all automatic, so this way will save you a lot of time and effort.

How to Embed Facebook Posts on Your Website (Old Way)

In the past, you could integrate Facebook posts into your website without any page plugins.

With the oEmbeds feature, WordPress would automatically embed the posts. All you had to do was paste the link from your Facebook profile.

facebook oembed example

Sadly, it doesn't work anymore since WordPress dropped support for oEmbeds on October 24, 2020. Now, it's more difficult to add Facebook posts to your website if you do it manually.

facebook oembeds feature

You now have 2 options if you want to get public posts from Facebook on your website:

  1. You can register as a Facebook developer, which is much more time-consuming and complicated since you need to be familiar with coding, iFrame, Facebook API and more.
  2. Or, you can simple use a WordPress plugin like Custom Facebook Feed Pro that can automatically display Facebook posts on your website.

How to Embed Facebook Posts on WordPress (Easiest Way)

Now, we're going to show you how to embed Facebook posts on your website automatically.

custom facebook feed pro homepage

All you need is the Custom Facebook Feed Pro plugin, and it's going to be effortless for you.

The plugin allows your WordPress site to use oEmbeds once again. So, you can just paste your URL and get Facebook posts on your website.

Your visitors can then see your posts and even interact with them by using the like, comment, and share buttons.

On top of that, you also get a lot of other features as well. You can create a Facebook feed and show tons of different Facebook posts on your site.

Here are a few other great things about this plugin:

  • Easy Customization: With this plugin, you get a live editor so you can easily customize your Facebook feed's design and make it fit perfectly with your brand.
  • Optimized for Speed: It doesn't matter how many Facebook posts you have. This plugin will make sure that everything loads super fast. And a faster page can boost your SEO.
  • Feed Templates: You can instantly have unique Facebook feeds ready to go by choosing from a collection of pre-built templates.
Facebook Feed Templates
  • Lots of Feed Types: Instead of simple posts, you can embed Facebook albums, reviews, events calendars, Facebook carousels, and more.
  • Customer Support: If you run into any issues with embedding your Facebook posts, you can easily turn to the dedicated support team for help.

All these have made Custom Facebook Feed Pro the best Facebook feed plugin for WordPress. With 250,000 active users and a rating of 4.9/5 stars, it's easy to see that lots of people love it.

reviews for custom facebook feeds pro

In fact, some of the biggest brands in the world use Smash Balloon plugins. So, you'll be in good company there.

smash balloon brands

With that, let us show you a step-by-step guide on how to get Facebook posts on your website.

Step 1: Install Custom Facebook Feed Pro Plugin

You can go ahead and download a copy of the Custom Facebook Feed Pro plugin to get started. The next step is to install and activate the plugin.

Not sure how to do that? Don't worry. Follow this helpful guide on how to install WordPress plugins.

Step 2: Enable the oEmbeds Feature

With the plugin installed, you can now go ahead and enable the oEmbeds feature from the configurator.

To do that, go to Facebook Feed » oEmbeds from your WordPress dashboard.

On this page, you can enable or disable the oEmbeds for your website.

Click on theEnablebutton to the right of the Facebook oEmbeds section.

enable oembeds from settings

After clicking on that, the plugin will open your Facebook and ask for read-only permissions.

Don't worry, the plugin can't make any changes so Smash Balloon is completely safe to use.

continue as your facebook account

After that, the popup will ask you to pick a Facebook page that you want to use with this plugin.

Select a page here and then click on Next.

select wordpress page

Now you can confirm the read-only access for the plugin by clicking on Done.

show list of pages

And that's it! You've now enabled oEmbeds for your WordPress website. With that, it's time to go to step 3 and check out how you can embed Facebook posts.

Step 3: Embed Facebook Posts on Your Website

Now, you can go ahead and display Facebook posts on your website with ease.

As an example, we'll create a new WordPress page to show the Facebook post. For that, go to Pages » Add New from your dashboard.

add new page

In the editor, paste the URL of the Facebook post.

example facebook oembeds

And there you go! You can now easily get your Facebook posts to show up on your WordPress website. In fact, you can even embed a Facebook video the same way.

Using Custom Facebook Feed Pro plugin, you can also get Facebook posts on a website sidebar or footer areas with a few easy clicks.

First, go to Appearance » Widgets from your dashboard to start managing the widgets on your website.

Once you do that, click on the Sidebar panel.

select sidebar for widget

You can also add your Facebook post on the footer here. For that, click on aFooterpanel instead.

select footer for facebook widget

In this tutorial, we'll add a Facebook post on the sidebar.

To proceed, click on theplus icon (+)and select theParagraphwidget.

add new paragraph block

Finally, you can easily paste the URL of the Facebook post on the new paragraph block.

omebed widget facebook

Remember to click onUpdateto save your changes here.

Now, check out your website and you should be able to see your Facebook post on the sidebar.

sidebar oembed example

As you can see, it's super easy to display Facebook posts on the website sidebar and footer areas with this plugin

And there's a lot more you can do using Custom Facebook Feed Pro.

Instead of just adding single Facebook posts, you can embed lots of posts at once in the form of a Facebook feed.

Let's check out how you can do that.

How to Post Facebook Feeds to WordPress (Easy Way)

If you want to embed a Facebook page or group to your website, you can quickly add a social feed like Facebook feeds to your website.

And don't worry, it's really easy to add a live Facebook feed to your site as long as you have the Custom Facebook Feed Pro plugin. No need for you to get code snippets or deal with complicated page URLs as the plugin takes care of those already.

Let's get started and show you how to put a Facebook feed on your website the easy way.

Step 1: Create a Facebook Feed

First, you'll have to create your Facebook feed, which is super easy. Go to the Facebook Feed » All Feeds menu from your WordPress dashboard.

Now click on the Add New button at the top of the page.

add new feed with custom facebook feed pro

After that, you can pick the type of Facebook feed that you'd like on your website.

With this plugin, you'll get 9 different options here, such as timeline feed, photos feed, reviews feed, videos feed, events feed, albums feed, and much more.

all the facebook feed types

You can select any of the feed types and then click on Next to proceed.

For this tutorial, we'll be using a timeline feed.

select facebook feed type

And you've now created a new Facebook feed. For the next step, you'll have to connect it to Facebook so that it can show your posts.

Step 2: Connect Your Feed to Facebook

Now that you've created a new Facebook feed, you can connect it to a source. This source can be a Facebook group or a page.

To get started, click on the Add New button on the popup.

add new source for facebook feed

After that, the plugin asks you to pick between a Facebook page feed or a group feed. You can pick the option you prefer and then click on Connect to proceed.

pick between group or page for facebook feed

After that, the plugin will send you to Facebook and ask for read-only access to your Facebook account.

Using that access, it can only read your Facebook posts and can't actually make any changes. Because of that, using Smash Balloon is absolutely safe.

To continue, select a Facebook page or group from the list here. Then click on theNextbutton.

select the facebook pages

On the next popup, click on Done to confirm this page or group as a source for your Facebook feed.

allow read only access to plugin

Doing that will bring you back to your website. To continue, click on the Add button on this popup.

add new source confirmation

To finish connecting this feed to Facebook, click on the Next button.

pick your source for custom facebook feed pro

With that done, you can now go to step 3 and change the design of your new Facebook feed.

Step 3: Customize Your Facebook Feed

After you connect your new feed to Facebook, the plugin will open it in the live feed editor.

custom facebook feed pro live editor

Here, you can customize your feed using the options on the left. The plugin allows you to set your post layout, feed layout, color scheme, cover photo, header style, like box style, and much more.

And on the right, you can find the live preview of your Facebook feed. So, you'll be able to see how your Facebook feed looks whenever you make any changes.

To start customizing your Facebook feed, select theFeed Layoutoption

select the facebook feed layout

You can then see the 4 layout templates for your Facebook feed: List, Grid, Masonry, and Carousel.

select layout for your facebook page feed

Using the list layout, you can show your Facebook posts one after the other in a single column.

So, each of your Facebook posts will get more space on your web page.

list layout for facebook feed

After that, you have the grid layout that can show your Facebook posts in a grid with rows and columns.

Using this layout, you can embed many Facebook photos or videos at the same time. This means more content to engage your website visitors.

grid layout for your facebook feed

You can show your Facebook content in multiple columns using the masonry layout. Plus, this layout keeps the original proportions of your Facebook posts.

masonry feed layout for facebook

Finally, there's the carousel layout which shows your posts in a Facebook carousel slider.

This gives your visitors another way to interact with your site and also makes your page look more dynamic.

carousel feed layout for facebook group feed

Select the feed layout that you prefer and then click on Save.

Next, you can use the small Customizebutton and see the main customization options once again.

go back to facebook customization options

After that, click on the Color Scheme option to go ahead and set the colors for this Facebook feed.

select color scheme for facebook feed

Here, you can find 4 color schemes that you can pick from:

  • Inherit from Theme: Copy the colors of your website for your feed
  • Light: Go with a light background along with a darker text color
  • Dark: Select a darker background and a lighter color for the text
  • Custom: Manually pick all of the colors yourself
custom facebook feed pro color schemes

To continue, pick the color scheme that you prefer and then click on the Save button.

Next, you can go ahead and use the rest of the options here to customize your new Facebook feed. So, you can pick your header style, post style, like box design, feed margins, background, and much more.

And after you're done customizing the feed, click on Saveto confirm the changes.

That's it! See how easy and quick it was to create and customize your new Facebook feed? Now it's time to add the Facebook feed to your website.

Step 4: Embed the Facebook Feed on Your WordPress Site

Want to add your Facebook feed to your site without any shortcode?

In this final step, you can easily use the Custom Facebook Feed Pro plugin to embed a Facebook feed on your site with just a few clicks.

You have 2 ways to do that:

  • Embed the Facebook feed on your WordPress page
  • Embed the Facebook feed on your WordPress sidebar or footer

So let's check out how that's done.

Embed the Facebook Feed on Your WordPress Page

You can embed your Facebook feed on your website in just a few clicks from the live feed editor.

To start, click on the Embedbutton at the top.

click on embed button custom facebook feed pro

Doing that will show a new popup where you can confirm the location of your Facebook feed.

To proceed, select the Add to a Pageoption on the popup.

add facebook feed to page

Once you do that, the plugin will show you a list of the pages on your site. Select the page where you want to embed your new Facebook feed.

After that, click on the Add button to continue.

select page for facebook feed

Now, the plugin will send you to that page so you can embed your Facebook feed.

To do that, click on the plus icon (+) and then pick the Custom Facebook Feed widget from the options.

get facebook posts on website with custom facebook feed block

Now click on the Publish button to save your changes and you've officially added your Facebook feed to your website.

To see how the Facebook feed looks, you can open your site and take a look.

wpbeginner facebook feed example

And if you update your Facebook page or group, the plugin will automatically add the new post to your feed as well.

Embed the Facebook Feed on Your WordPress Sidebar or Footer

The next option is to embed your feed on the sidebar or footer as a Facebook widget.

To do that, you'll need to have the Facebook feed open in the live feed editor.

First, navigate to the Facebook Feed » All Feeds menu from your WordPress dashboard. On that page, you'll find all of your Facebook feeds listed.

To continue, click on your Facebook feed here.

select your facebook feed

This will open your Facebook feed in the live feed editor. Now you can click on the Embed button in the top right corner.

click on embed button custom facebook feed pro

After that, the plugin will show you a popup and ask you to choose the location for your Facebook feed.

To continue, click on the Add to a Widget option here.

add facebook feed as a widget

Once you do that, the plugin will send you to the Widgets page of your website. You can use this page to add your new feed to the sidebar or footer as a Facebook widget.

To proceed, click on the Sidebar panel here.

select sidebar for widget

If you want to add your Facebook feed to the footer, you can click on a Footer panel instead.

We'll embed the Facebook feed on the sidebar for this tutorial.

select footer for facebook widget

To add your Facebook feed to the sidebar, click on the plus icon (+)and then pick the Custom Facebook Feedwidget.

choose custom facebook feed pro widget

Now click on the Update button and you've officially embedded your Facebook feed on your sidebar no need to touch any HTML code, CSS, embed code, or JavaScript.

To check out how the embedded post looks, you can go ahead and open your website.

facebook posts to wordpress sidebar example

So that's it! We hope this showed you how you can get Facebook posts on your website and embed Facebook feeds.

You can now post engaging content that converts your visitors and boosts your Facebook following at the same time!

Ready to show Facebook Posts on your website? Grab the amazing Custom Facebook Feed Pro today!

Do you want to use Facebook to boost your business even further? Check out this post on the best Facebook plugins to grow your business.

You can also see this post on how to add an Instagram hashtags feed to your WordPress site.

Finally, make sure to follow us on Twitter and Facebook, and stay tuned for more social media marketing tips and tricks.

davisforew1997.blogspot.com

Source: https://smashballoon.com/how-get-facebook-posts-on-your-website-automatically/

0 Response to "Will a Post on Your Feed Post to Fb Home"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel