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.
Modules we’ll cover today
Below are the Modules Divi Supreme Offers in Free and Pro Version. Click on any of them to see the Demo Page.
Facebook Like Button ModulePro
Facebook Feed ModuleFree
Facebook Comments ModuleFree
Facebook Embed ModulePro
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:
Let’s get started
So let’s see how to use the Modules mentioned above.
- Facebook Like Button Module
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.
- Facebook Embed Module
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.
- Facebook Embed Module
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.
- Facebook Embed Module
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!
How to access Facebook Modules
To use all the Facebook Modules come with Divi Supreme, you need to purchase the Pro version of our plugin at the cost of $40 for one website and $79 for unlimited sites. Both plans come with a 30% discount on renewals while we also offer you premium support and free updates during the licensing period. Want a more lasting plan? We also offer a Lifetime plan which goes for only $199. With it, you can install Divi Supreme Pro on unlimited websites while you also enjoy premium support and free updates forever.
Our goal is to assist you to create beautiful and effective business websites without impacting negatively on user experience.
So, give Divi Supreme Pro a try today and don’t forget to share your experience with our Facebook Modules in the comments section below.
Or try out the Divi Supreme Lite
Divi Supreme Lite Offers 18 Modules and 3 Beautiful Extensions and using them you can easily extend your site’s functionality.
You’ll also get 2 Facebook Modules in our Free/Lit version of Divi Supreme. So enjoy!