How to Add Facebook Widgets to Your Website- Like Box and Facebook Feed 2022.
Many websites now have added Facebook Widgets like Facebook Like box, commonly referred to as the Facebook fan box. By giving customers a simple option to join their Facebook group and get updates directly in their Facebook news feed, it enables website owners to better serve their users. In this article, we’ll look at how to add these Facebook widgets to your website with ease.
Benefits of Adding Facebook Widgets to Website
Improve Conversion Rate
Whether you have an instructional website or an e-commerce site, including Facebook content on it is the best move in the direction of expanding your online business. It aids your client in choosing you in the final purchasing choice. By providing UGC, you provide potential customers with the final push they need to make a purchase. As a result, conversion rates move in the right direction, increasing income.
Show Credibility
User-created content is a reliable indicator of your contented and delighted customers. You can give your brand social proof by showcasing UGC in social media feeds. This builds user trust and increases their level of confidence in your brand. And not just this. You can increase your social effect among and outside of your current user base by including Facebook gallery feeds. By integrating a free Facebook widget into your website, you may increase the number of customer touchpoints, generate traffic to your Facebook page, and broaden your social influence. In turn, this enables you to increase consumer social trust.
Boost Engagement
Given that user-generated content is what consumers like on social media and that social media is addictive, it is safe to say that embedding Facebook widgets on your website will engage users. Displaying UGC provides users with an inspiration source that motivates them to participate and interact more on your website, which raises their interest in it. By doing this, you can encourage more people to visit your website frequently. By integrating Facebook feed widgets, you may add images to your website and make it more visually appealing. Visual displays enhance user interaction more than conventional text displays, according to research.
Let’s Add the Facebook Widgets to our website now.
How to Add Facebook Fan Box to Website
Using the official Facebook plugin for WordPress is the simplest method to add simple Facebook widgets like Facebook like box to your WordPress website. To add;
- Install and activate the Facebook plugin
- Drag and drop the Facebook like box widget to your sidebar.
- Open the widget configuration and type the URL to your Facebook page.
- You have the option to alter the border color, delete the header, show a stream, or display faces. There are just two themes bright and dark presently available.
You can add Facebook Like box manually without using any plugin.
- Go to Facebook Social Plugin’s Like Box
- Provide the URL of your Facebook page and configure the looks of the like box.
- Click the Get Code button to get the Like box code.
Facebook offers several methods for putting the like box code on your website. You have a choice between iframe, XFBML, and HTML5.
Adding the Like Box Using HTML5
- Click on the HTML5 tab from the “Your Like Box plugin code” window and copy the first part of the code.
- Paste it right after <body> tag which is usually found in your header.php file.
- It should look like this
| 1
2 3 4 5 6 7 8 |
<div id=”fb-root”></div>
<script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = “//connect.facebook.net/en_US/all.js#xfbml=1&appId=403924843027405”; fjs.parentNode.insertBefore(js, fjs); }(document, ‘script’, ‘facebook-jssdk’));</script> |
This code connects your website to Facebook’s javascript library.
- Now copy the second part of the code.
| 1 | <div class=”fb-like-box” data-href=”http://www.facebook.com/wpbeginner” data-width=”292″ data-show-faces=”true” data-stream=”true” data-header=”true”></div> |
Now that you’ve pasted the code, it’s time to add it to the sidebar widgets. To do that;
- Go to Appearance » Widgets
- Drag and drop a text widget to your sidebar and paste the code inside it.
- Save your widget and check your website.
If you aren’t adept with coding, it’s better to add the Like Box using iframe. To do so,
- Click on the IFRAME tab to copy the iframe code.
- Go to Appearance > Widgets.
- Drag and drop a Text widget to your sidebar.
- Paste the iframe code inside the text widget and save changes.
- You can preview the Facebook fan box.
How to Add Facebook Feed to Website
You may increase interaction by using custom Facebook widgets to show Facebook updates from your company page or group on your WordPress website.
This post will demonstrate how to quickly build a unique Facebook feed in WordPress without having your website load more slowly.
The biggest social media network in the world is Facebook. You may already be interacting with your audience as a website owner via your Facebook page or by starting a Facebook group.
However, nobody who visits your website can see any of the Facebook postings you make. Visitors to your website may see what is occurring on your Facebook page or group by adding a custom Facebook feed.
This will increase the number of persons who can view your posts and increase the number of Facebook likes you receive. You may display your adverts to those users on Facebook as well if your website is employing the Facebook remarketing/retargeting pixel.
If you have a big social media following with a lot of interaction and multiple reviews, this can be a great converting tool for your business. This is because it adds credibility to your business by seeing all the reviews posted on your Facebook page. This will remove doubts in the minds of potential clients as to whether you’re fraudulent and reliable.
How to Install Facebook Feed using Simple Social Page Widget
- From the WordPress Dashboard select “Plugins > Add New”.
- Search for “Simple Social Page Widget & Shortcode” by Dylan Ryan and “Install Now”, then click “Activate Plugin”. This plugin will give us the Facebook widget we need; Facebook Feed.
- Select “Appearance” > “Customize”.
- From the customizer screen, select the option for “Widgets”.
- From the widgets menu, select the option for “Sidebar” (or an alternative area where you’d like to insert the widget).
- Click “Add a Widget” and then search for “Facebook”.
- Select “Simple Facebook Page Widget” and add it to the WordPress widget area
- You must enter your Facebook page’s URL under “Facebook Page URL” in order to configure our WordPress Facebook widget. You may eliminate the header, uncheck “Show Header,” modify the size by adjusting the width and height, and tweak the settings to your desire. Next, select “Save & Publish.”
There are more Facebook widgets you can add to your website, which we’ll discuss in subsequent articles. If you faced any challenges, let us know in the comments!
Check out more WordPress tips and tricks here
