How to add and customize Like Box?

On the Facebook Like Box Navigation Panel, click on Like Box – Add Like Box.

Once you click on “Add Like Box”, you will be redirected to the following page as mentioned below.

Facebook Like Box - Add Like Box Screen

Here is the description of each control on the page.

Facebook Source : In this field, you would need to choose “Facebook Source” from the dropdown.

Page URL : In this field, you would need to provide “Page URL” of the particular Facebook page.

Page ID : In this field, you would need to provide your Facebook Page ID. For Example:- if your Facebook URL is https://www.facebook.com/techbanker then type here just techbanker.

Title : In this field, you would need to provide “Title” for Like Box.

Language : In this field, you would need to choose the particular “Language” from the dropdown in which you would like to display Like Box.

Width : In this field, you would need to provide “Width” for Like Box.

Height : In this field, you would need to provide “Height” for Like Box.

Header : In this field, you would need to choose header size from dropdown. It could be large or small.

Post Stream : If you would like to display latest post then you would need to choose Enable from dropdown or vice-versa.

Events : If you would like to display current events then you would need to choose Enable from dropdown or vice-versa.

Messages : If you would like to display messages then you would need to choose Enable from dropdown or vice-versa.

Cover Photo : If you would like to display “Cover Photo” then you would need to choose Show from dropdown or vice-versa.

Animation Effects : In this field, you would need to choose “Animation Effects” for Like Box from dropdown.

Border Style : In this field, you would need to provide border width, thickness and color of the Like Box.

Border Radius : In this field, you would need to provide “Border Radius” for Like Box.

Show User Faces : If you would like to display the user faces then you would need to choose Show from dropdown or vice-versa.

If you would like to preview the saved settings then you need to click on “Preview” button located at the bottom.

Once everything is being setup, you would need to click on “Save Changes” button located at bottom of the page to save the changes.