You will learn how to embed Facebook Feed Divi to your website with ease by following this article!
The best thing is that you can accomplish this entirely for free and it doesn’t require any additional Divi modules or plugins.
Even though it’s extremely simple, there are a few things that need to be done first. You must use the Facebook developer website to create a “Facebook App.” But don’t worry, getting the App ID required to integrate the Facebook feed just requires a few easy steps and two minutes of filling out simple information. Below, I’ll guide you through the process of making the app.
“If I buy a plugin or Divi module for a Facebook Feed, can I skip the step of creating a Facebook app?” is a question that you may have.
No, is the response. You still need to develop the app even if you use a Divi module or plugin for the Facebook Feed. However, as previously stated, it’s quite easy and takes very little time.
In this blog post I will tell you two methods to embed facebook feed divi to your website.
Method 1
How to embed Facebook Feed divi?
- Use the Facebook Developer Website to create a “Facebook App.”
- Select “Facebook Page Plugin” Tool, Adjust Parameters, and Download an iframe Attach Code On the page where you want to embed the Facebook feed, paste the embed code into a Divi Code Module.
You have finished, boo! That provides a high-level summary. Let’s take a closer look at each stage.
Step 1: Use the Facebook Developer Website to create a “Facebook App.”
Go to Facebook developer website Click “My Apps” in the upper right corner of the Facebook developer page, then select the green “Create App” option.
Then, choose the top option, “Manage Business Integrations,” and complete the forms as indicated by the screen grabs below.
Click “Create App” after completing the forms as indicated in the screenshot above.
Next, select the “Basic” Settings option from the “Settings” menu on the left.
Next, complete the fields as indicated by the screenshot below:
You can scroll down to the Save Change button at the bottom after you’ve completed all the forms.
Now that your app has been developed, we can go on to the next phase, which is getting the embed code.
Step Two: Select the “Facebook Page Plugin” tool, adjust the parameters
In fact, Facebook offers a really useful tool for generating the embed code that you need to add to your website.
Navigate to the Facebook Page Plugin tool, enter the Facebook Page URL, and adjust the width, height, and any other parameters you’d like. It is advised to set your height to below 700 and the width to the maximum of 500.
Once you select the “Get Code” button as seen above, a modal window will open. Select the Iframe option at the top, then make a copy of the code.
We may now visit Divi as we have copied the embed code.
Step Three: Embed Facebook feed divi on your website
Paste the Facebook embed code into the Divi code module after opening it.
Additionally, we advise you to set the max-width to 500 (or whatever other width you specify in the embed code). This will enable you to center the insert using the component position correctly.
We’re done now! Now, you can put that Facebook feed anywhere on your Divi website using the Divi module! It can be positioned wherever you can think of, including on a static page, in a sidebar, and in a layout created using Theme Builder.
Remember to subscribe below to have access to all of the digital techna lessons we’re introducing this month!
Method 2
Embed Facebook feed divi by link:
The instructions below can be used to embed a Facebook feed using Facebook’s embed option.
- Locate a post on Facebook that you wish to embed.
- In the upper right corner of the post, click the three dots.
Select the Embed option.
Press the Copy code button.
- Log in to the admin panel of your website.
- The page where you wish to incorporate the Facebook posts should be created or edited.
- Paste the Facebook embed code that you already copied.
Preserve this page. Completed!
You must repeat steps 1 through 5 in order to add more posts to the Facebook feed that you have created for your website.
You may select technique 1 or method 2, it depends on your demands. But in case you chose approach 1, you may follow our whole advice below.