Have you ever wondered about how to embed Facebook Posts, Pages, Comments and Likes to your site? If so, then you must have struggled a lot in the embedding process because you have to mess with the embed code, right?

If you’re facing this issue, then you don’t want to miss this interesting article. We’ll show you how to easily embed Facebook Posts, Page, Comments, and Like Button in Divi.

Before we start

Make sure that you’ve added Facebook APP ID to Divi Supreme Settings -> Social Media Settings -> Facebook APP ID. You can also watch these guides to learn more about Facebook APP ID: 
 https://docs.divisupreme.com/faqs/tags/facebook-app-id

Let’s get started

So let’s see how to use the Modules mentioned above.

Add a Facebook Like Button in your posts, so your visitors are encouraged to Like/Recommend or even share your content on Facebook.

To use it simply add the Module where you want to display it.

 Now you’ll need to enter your Facebook Page URL so people can Like your page easily while staying on your site.

You’re already embedding adding Facebook Like button to your site. Now It doesn’t end here you can play around with some other Settings Provided in Module Settings.

Here’s a quick look at how it’s looking on the frontend.

If you want to change the Like button to the Recommend Button you can easily do that. You can even add a Share button beside the Like/Recommend button. Just open Module Settings and change the “Action” to Recommend and Choose Show in the “Show Share Button” area.

Here’s how it looks like on the frontend.

Add Your Facebook Page Feed easily without having to embed them again.

Let’s see how to use it. Simply Insert the Module.

Once Module added add your Facebook Page URL

That’s it you’ve successfully added your Facebook Pages’s Feed to your site. That’s really easy right. But we’ve something more to browse. You’ll get many other settings in the Module to play with.

If you want to add more tabs to the Feed you simply need to check on which Tab you want to show.

You can also remove the Header Cover Photo and Make Header small.

You might wanna play around with more settings provided and go to the Design tab for add Box Shadow, border-radius, and much more.

Add Facebook Comments to anywhere to allow your readers to easily comment using their Facebook account. You can also use the Dynamic Content feature to Replace Default Comments with Facebook Comments.

So let’s see how this Module works. Simply insert the Module on your Page.

Now enter the URL of your Page to display the Comments.

And that’s it you’ve successfully added Facebook Comments to your site. You can also play around with other settings provided in the Module to Limit the Number of Comments to show at first change the Theme and Comments order.

With Divi Facebook Embed Module, you can easily embed a post or video to any Divi post or page. Just copy and paste any Facebook post or video into the link input field and you’re good to go.

So let’s see how to use this Module. First Insert the Module on your Page.

And now let’s see how to display Facebook Post on your site. First, you need to copy the URL of the Post from Facebook by right-clicking on the Post Publish date and copy the link address.

Once you got the post URL now go back to Module Settings and paste it in Post URL Field. You can also Show/Hide text added to the Post.

So let’s see how to embed Facebook Video. In the Module settings Choose Type as “Video”.

Now you’ve to paste the URL of the video in the URL field and you’re good to go.

And that’s it you’ve successfully embedded the Facebook Video to your Page. And it doesn’t end here you’ve got a few more options to check out. You can show the Text that’s added to Video and do other stuff as well.

So guys those are the 4 Creative Modules that we think is a need of many people out there and It’s here to help them. Do let us know what you think about this in the Comment section below we’d love to hear from you. 

Have a great day!