Embedding a Facebook page in an HTML widget

social

(Marco Orlandini) #1

Maybe it’s a stupid question, but i’m trying to embed a specific page of Facebook (an address like this https://www.facebook.com/UGO-965574417001778/) but it seems not working.
No trouble with any other address.
What’s the matter?
Thx

Marco


#2

You cannot embed a whole Facebook page in a HTML widget. You must use the embed code from Facebook to place a small widget with the information of the page. Plus your link is not a valid page URL

Here is a link to the Page Plugin from Facebook.

https://developers.facebook.com/docs/plugins/page-plugin


(Marco Orlandini) #3

Thanks so much, grazie mille!


(Marco Orlandini) #4

Ok but it means that it’s impossible to embed a facebook page directly in a Hype document?


#5

An entire page as you would see it in Facebook. Yes. That’s impossible as you could potentially fake a site to collect people’s details. This is why you have to use the plugins that those sites supply.


(Marco Orlandini) #6

thanks. Finally i’ve found the way to solve my problem, the plugin works


#7

For those of you that would like to know exactly how to do it (at least one way) then here it is:

<div class="fb-page" data-href="YOUR FACEBOOK URL HERE" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">

<div class="fb-xfbml-parse-ignore"><blockquote cite="YOUR FACEBOOK URL HERE">
<a href="YOUR FACEBOOK URL HERE">YOUR TEXT HERE</a></blockquote></div></div>

`

`

Adding all of this code to the innerHTML of a HTML widget in Hype will create a Page Plugin with your chosen page Note: you must substitute the words in capital with your own URL’s and APP ID