XF 2.0 Tutorial - Add Facebook Page widget in side bar

Dnyan Deshmukh

Well-known member
Hello All,

Today i am sharing how to add Facebook page widget on forum at predefined positions.

Go to below link

if you are login in you fb account then you can see the page already listed and default content set as timeline.

You can change the page url which you want to show and tabs whatever you wanted as allowed by fb
fbpage formfill.png
Select appropriate options by ticking.

Then click on the Get Code.
click on get code.png

After that code pop up will come and it will show 2 parts of it.

code popup.png
Copy both the codes.

Now login to your admin control panel
go to appearance > Widget and then click on add widget
then select HTML

In Widget Key area - write the good description which you can remember, it will be name of widget (Widget_facebook_page_plugin).

Tittle - write here what you want to see at top of fb page widget (Do Like Us on Facebook!)

Select the display position where you want to display this widget.
i used Forumlist: Sidebar, because i wanted to show it their.

Then last at below area in template paste that 2 copied code one below other and save it.
Desktop preview.png
Above is pic of desktop view, widget look most beautiful in mobile view than desktop view.
Congrats your Facebook page widget is ready and being displayed on your forum.

You can use this method to create other widget, you can also use iframe tags too to display widget.

Hope this Tutorial will help member here to make this widget.

Now Enjoy!
make your FB, Twitter and other like this widgets on your own.


Formerly Zuse
Thank you so much for this tutorial. Someone else is charging for this when its Free lol. How desperate!


Active member
Thanks for sharing this, it has been very helpful. I´ve ran into a problem, the facebook thing does not always remain inside the container. This seems to happen randomly. Any suggestions as to what I´m doing wrong?container.png