Using Facebook Social Plugins

[BJ5]

Facebook has a number of handy plugins that you can use on your Weebly site, though it’s not immediately obvious where or what they are.  Check out this page for some of the embeddable plugins:

https://developers.facebook.com/products/social-plugins/embeds/

Using any of them on your site is pretty easy! For this post I’m going to show using the Facebook Page plugin.  This is a really convenient way to include Facebook Page timeline and events on a page of your Weebly site.

First, head over to this page in Facebook’s developer center.

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

You’ll see a simple form to fill out that will generate all the code you need. I used Weebly’s Facebook page for this example, entered a width and height, and checked/unchecked anything else that worked for what I wanted.  I’d recommend unchecking the “Adapt to plugin container width” option.  The way it functions is dependent on knowing the width of its container, and sometimes it can’t figure that out which means it doesn’t display.

Once you’ve got everything entered how you like, click the button to generate your code.  You’ll see two different blocks of code.

Copy the first chunk of code, then head to the editor and paste that into an Embed Code element on the very top of the page you want your feed on.

Now go back to Facebook and copy the bottom chunk of code.  Add a second Embed Code element on the same page you just added the first one, only make sure this one is below that one on the page.

That’s it! Publish your site, and take a look at the page you just embedded on your site!

[Bernadette3]

Hi there,

If @BJ is around he should be able to help you.

[#3]

Perfect, thanks so much

[Banderas]

Im trying to put a "Share" button on my page, It works perfectly but I want to change the title and description of the Share (meta tags) but I cant find how to do it ?

[Bernadette3]

Hi @Banderas What is your website name please?

[lisamvfox]

I cannot get this to work.  

https:\\www.luke15ministries.com

I just get the pager title as a link

[Bernadette3]

Looks like you were able to get this sorted @lisamvfox! Let us know if you have any other questions.

[lolagood]

I can't get them to show up. Here is my page.

It looks blank, but both plugins are there.

https://www.riversideexes.org/social-test.html

[Adam7]

It looks like the code is functioning fine on your site, but it isn't displaying anythin from Facebook within the embedded iframes. This might be a better question for Facebook since there doesn't seem to be anything on your site affecting it, @lolagood. Sorry about that!

[dancingbuddha]

Does not work.

It just generates a link to my facebook site.

[Adam7]

Which plugin are you using, @dancingbuddha?

[dancingbuddha]

Hi Adam!

i tried the page plug in

I followed the description on weebly community

I tried two different websites and also two different fb-pages

it just produced a link to the fb-pages but no embedding of posts (timeline)

any Ideas?

thank you

[Adam7]

Can you post a link to the page of your site where you added it? I'll see if I can figure out why it's doing that.

[zino_pt]

Many thanks for this - we are running a new year´s plunge in Madeira and this will hopefully help the Madeira Plunge grow and continue to raise funds for the charity

[mlvig]

Hi there - I'm having difficulty getting a FB feed on my site: https://www.parentingbyhart.com/media.html  It is just blank. I've followed instructions numerous times and tried on different pages.

[Adam7]

The embedded code seems to be added to the page and running, so I think the issue is on Facebook's end, @mlvig. I would contact them so they can take a look and provide some guidance. I see an error message about an invalid app ID, so you might need to make your own Facebook app and use the ID from that with your code.