How to add Facebook Feeds with Elfsight
Embed a Facebook Feed widget powered by Elfsight on your uSkinned Site Builder website using one of the many embed HTML options provided.
Facebook does not provide its own embed widget for Page Feeds, only individual posts. However, it has been made possible thanks to Elfsight — an awesome service that provides both free and premium embeddable widgets for 1000s of third-party products.
Get the Facebook Feed embed code
Step 1
Go to Elfsight and create an account.
Step 2
Once you've created your account, log in and go to 'My Apps'.
Step 3
From the options available, navigate to the Facebook Feed and click 'Create widget'.
Step 4
Follow the steps to create your widget.
Once you're happy, click to copy the Embed code provided by Elfsight.
Step 5
Log in to the uSkinned Site Builder CMS.
Step 6
Create a new one or go to any page or blog post.
Step 7
Go to the label, 'Main Content' and click 'Add content'.
We'll now show you how to display Facebook Feeds with uSkinned for Umbraco.
Display Facebook Feeds with Embed Code component
Step 1
In the slide-out panel, select 'Embed Code'.
Step 2
At the label, 'Code', paste the Facebook Feed embed code into the field provided.
Step 3
Hit 'Submit' in the bottom right and then 'Save and publish' the page to show the Facebook Feed on your website.
Facebook Feed example
More ways to display Facebook Feeds
There are a variety of places you can embed Elfsight powered Facebook Feeds on your uSkinned Site Builder website.
You can try this out using the same steps for:
— Pods component > Embed Code
— Split component > Embed Code block
— Global components > Embed Code
— Global pods > Embed Code
— Extra Content pods > Embed Code
— Footer pods > Embed Code
#h5yr
