Adding Facebook Page Post plugin to Header and Body of a new Nicepage HTML page?

ColinK
27 Posts
ColinK posted this 4 weeks ago
Ask a Question

Please advise how I can implement the following instructions to embed latest Facebook page posts into a blank Nicepage HTML page.
Step 1: Add the Facebook SDK to your HTML Header
<!DOCTYPE html>
Facebook Page Plugin

I assume I add the bold text in Site Settings / HTML / Additional Head HTML
Do I leave Meta Titles blank?
Step 2: Add the Facebook Page Plugin in the Body
I am not sure how or where to add a div

Facebook Page Name

Note
I am aware I can add a single post by simply adding the code below inside an HTML element IFrame, but I understand the code above will display the Facebook feed with the latest post at the top.

src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fnicepageapp%2Fposts%2Fpfbid02gm4gsYN4jNsqwZfafwFipeBGNU6CucPADFjtey8N2iMKkCCkKWEgqEP1JiZTjcXpl&show_text=true&width=500" width="500" height="504" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share">

Please advise how I can implement the following instructions to embed latest Facebook page posts into a blank Nicepage HTML page. Step 1: Add the Facebook SDK to your HTML Header &lt;!DOCTYPE html&gt; Facebook Page Plugin I assume I add the bold text in Site Settings / HTML / Additional Head HTML Do I leave Meta Titles blank? Step 2: Add the Facebook Page Plugin in the Body I am not sure how or where to add a div Facebook Page Name ====== Note I am aware I can add a single post by simply adding the code below inside an HTML element IFrame, but I understand the code above will display the Facebook feed with the latest post at the top. src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fnicepageapp%2Fposts%2Fpfbid02gm4gsYN4jNsqwZfafwFipeBGNU6CucPADFjtey8N2iMKkCCkKWEgqEP1JiZTjcXpl&show_text=true&width=500" width="500" height="504" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share">

Last edited 4 weeks ago by ColinK

plugin facebook
Vote to pay developers attention to this features or issue.
1 Reply
Order By: Standard | Newest
Support Team
Support Team posted this 4 weeks ago

Hi Colin,

The code is not showing in the post, please add it with the code formatting (highlight the code and press CTRL+K) or attach the instruction in the text document.
But I assume that the first part with the script should be added into the Site Settings >> HTML >> Additional Head HTML. I'm not sure what metatags you were talking about, but probably leave them blank if there are no tags in the Facebook instructions.
The second part should be added into the page directly where you want the posts to appear. For that add a HTML element and insert the code into it.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Colin, The code is not showing in the post, please add it with the code formatting (highlight the code and press CTRL+K) or attach the instruction in the text document. But I assume that the first part with the script should be added into the Site Settings >> HTML >> Additional Head HTML. I'm not sure what metatags you were talking about, but probably leave them blank if there are no tags in the Facebook instructions. The second part should be added into the page directly where you want the posts to appear. For that add a HTML element and insert the code into it. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments

Company
Product
Themes & Templates
Nicepage
Web Design