5 Steps to Embed Facebook Feed on Oxygen Builder (+Screenshots!)
clicksocial

Schedule social media posts straight from WordPress with ClickSocial

Start Free Trial angle-right
Home Blog 5 Steps to Embed Facebook Feed on Oxygen Builder (+Screenshots!)

5 Steps to Embed Facebook Feed on Oxygen Builder (+Screenshots!)

Steps to Embed Facebook Feed on Oxygen Builder

Looking for a fast and simple way to add your Facebook feed to your Oxygen Builder website?

Trying to embed Facebook posts manually can be a real headache and take up tons of your time. And if you’re not used to dealing with code, it can be difficult to get started.

Which is why we’re here to help. Using our 10+ years of experience in social media feeds, we’ve put together this guide to show you how to embed stunning Facebook feeds in Oxygen Builder.

For this tutorial, we’ll use Facebook Feed Pro, a fantastic WordPress plugin, to make it as simple as possible.

In this Article:

Easiest Way to Embed Facebook Feeds in Oxygen Builder

For the absolute simplest way to put Facebook feeds on your Oxygen Builder site, you’ll want to use Facebook Feed Pro.

This amazing tool makes it simpler than ever to create, design, and display Facebook feeds right on your site – no coding needed, seriously!

Here’s why Facebook Feed Pro is perfect for your Oxygen Builder site:

  • Super Easy Setup: Just follow the guided flow, and you’ll have a cool Facebook feed on your site in minutes.
  • Lots of Feed Types: Pick from many kinds of Facebook feeds like timeline posts, photos, albums, live streams, reviews, and more.
  • Looks Beautiful Automatically: All your Facebook feeds will automatically match the carefully picked design of your Oxygen Builder website.
  • Easy Customization: There’s a visual customizer with a live preview so you can track your changes for simple and accurate customization.
facebook feed pro live editor
  • Quick Design: You get ready-made templates and themes you can use with just one click to make beautiful feeds fast.
  • Keeps Your Site Fast: The plugin is lightweight, so your site will load super fast, even with lots of Facebook posts. (And fast websites are good for SEO too!)
  • Awesome Support: You get a top-notch support team of WordPress experts ready to help with any questions.

As you can see, Facebook Feed Pro is easily the #1 option when it comes to embedding Facebook content – all with zero coding.

Ready to add Facebook feeds to Oxygen Builder? Get your copy of Facebook Feed Pro here!

Why Put Facebook Feeds on Your Oxygen Builder Website?

Here’s why adding Facebook content to your Oxygen Builder site can be a smart move:

  • Grow Your Facebook Page: Showing off your Facebook posts directly on your website is a great way to get more likes, comments, and followers.
  • Boost Your Sales: You can display real customer reviews from Facebook on your product pages to directly boost your conversions and sales.
  • Keep Visitors Hooked: By sharing cool Facebook photos or videos, you can grab people’s attention and make them stay on your site longer.
  • Improve Your SEO: Embedding Facebook posts with the right keywords can help your website rank higher in search results, so your brand reaches more people.

How to Embed Facebook Feeds on Oxygen Builder (5 Easy Steps!)

Ready to get started? Just follow these simple steps, and you’ll have an awesome Facebook feed ready to go online in no time!

Step 1: Install and Activate Facebook Feed Pro

First, get your copy of Facebook Feed Pro right here. Once you have it, go ahead and install and activate the plugin on your WordPress website, which runs Oxygen Builder.

If you need a bit more help with this part, check out our guide on how to install WordPress plugins.

Step 2: Create Your Facebook Feed for Oxygen Builder

Now, go to the Facebook Feed » All Feeds menu in your WordPress dashboard.

Click on the Add New button to kick things off.

add new feed with custom facebook feed pro

Once you do that, Facebook Feed Pro will ask you what type of feed you want to make:

  • Timeline
  • Photos
  • Videos
  • Albums
  • Events
  • Reviews
  • Single Featured Post
  • Single Album

For this guide, we’ll pick the Timeline option. After you choose, click Next.

select facebook feed type

Step 3: Connect Your New Feed to Facebook

After creating your feed, it’s time to link up your Facebook page. This helps the plugin automatically pull in your latest posts to keep your feed fresh.

So, click the Add New button to continue.

add new source facebook feed pro

After doing that, click on the Connect to Facebook button.

This will open Facebook on your web browser so you can connect your page easily.

connect your elementor site to facebook

The plugin will open Facebook and ask for “read-only” access. This means it can see your info but can’t change anything, so it’s totally safe!

Click on the Continue button to connect.

smash balloon facebook access

You’ll be back on your website after that.

From here, select the Facebook pages that you want to connect and click on Add.

confirm your source for facebook feeds

Your account is now added as a source. You can quickly pick it for new feeds without leaving your site.

Select this source and click on Next to move on.

continue after picking source facebook

Step 4: Customize Your Facebook Feed

Now for the fun part: making your Facebook feed look just right for your Oxygen Builder site! Plus, you can do this in a few simple clicks.

Pick a Theme

You can choose from 5 different themes, each with its own cool design:

  • Default
  • Modern
  • Social Wall
  • Outline
  • Overlap

Pick your favorite theme from the options, then click Next.

select your facebook feed theme

Choose a Template

After your theme, pick a template. This changes how your posts and the header look in your new social feed.

Like before, select a template and click Next.

facebook feed pro template

Use the Visual Customizer

Facebook Feed Pro will then show you your feed in the visual customizer. Here, you can change things like the layout, colors, header, buttons, and more.

On the right, you’ll see a live preview, which is super handy for tracking changes!

live feed editor for facebook feed pro

To get started, let’s change the layout of the Facebook posts here.

Click on the Feed Layout option on the left.

feed layout facebook elementor feed

You’ve got 4 different ways to show Facebook posts on your feed:

  • List: Shows posts in a single column. Great for placing focus on each Facebook post.
  • Masonry: Use multiple columns to show your Facebook posts. Perfect for displaying lots of content.
  • Carousel: Lets people swipe through your posts like a Facebook carousel. It makes your Oxygen Builder site more interactive.

Once you pick a layout, click the Save button.

your layout options for facebook feed pro

You can also change the number of posts and other options from here.

Once you’re done setting up the layout, click on the Customize button.

return to main customization options for facebook

Want to switch up the colors of this Facebook feed?

Select the Color Scheme option on the left.

select color scheme options facebook elementor

With this plugin, you can pick from 4 different color schemes:

  • Inherit from Theme: Copies the colors from your Oxygen Builder site.
  • Light: A bright white background with dark text.
  • Dark: A dark background with lighter text.
  • Custom: Lets you pick all the colors yourself.

After setting your colors, click the Save button.

color scheme options for elementor facebook feed

You can keep checking out the other customization options – like post style, header style, button design, and more.

When you’re happy with the design, click on Save before moving on to the next step.

Step 5: Embed Facebook Feed on Oxygen Builder

Ready to add your Facebook feed to Oxygen Builder?

Click the Embed button in the top-right corner.

embed your facebook elementor feed

A small pop-up will show you different embed options. You can add Facebook feeds to your pages, sidebar, or footer from here.

For Oxygen Builder, you can just click on Copy.

copy shortcode for elementor facebook feed

Now, open the Oxygen Builder page where you want your Facebook feed to appear.

Don’t have one? You can create a new one by going to Pages » Add New in your dashboard, then clicking Edit Template.

edit page in oxygen buildera

Once you’re in Oxygen Builder, click the plus (+) icon in the top-left corner to add content to this page.

add new element to oxygen builder

Type “shortcode” into the search bar at the top.

Next, drag the Shortcode block and drop it on your page to the right.

This will open additional options for the Shortcode block.

Simply paste the shortcode you copied earlier into the Full shortcode field.

insert your facebook feed shortcode in oxygen builder

Finally, publish the page, and just like that, your Facebook feed will be live on your Oxygen Builder site.

If you open the page on your website now, you can see how your Facebook content will look to your visitors.

example of your embedded facebook feed

And that’s all there is to it!

Just follow these steps, and you’ll easily embed beautiful Facebook feeds on your Oxygen Builder website.

You’re now ready to connect with your visitors, help sell your products, give your SEO a boost, and so much more.

Thanks to Facebook Feed Pro, making your Oxygen Builder site work seamlessly with Facebook is super simple.

Ready to start adding Facebook feeds with total ease? Grab your copy of Facebook Feed Pro today!

More Awesome Social Media Feed Tutorials & Hacks

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.