![\"\"](\"\/help\/wp-content\/uploads\/2018\/02\/How_to_display_Facebook_events_on_your_WordPress_site_1.jpg\")
<\/a>\r\nHere you can specify your Facebook page settings:<\/p>\r\n
- \r\n
- \r\n
Enter your page URL in the Facebook Page URL<\/strong> field.<\/p><\/li>\r\n
- \r\n
Width<\/strong> and Height<\/strong> fields allow you to change your Facebook events box size.<\/p><\/li>\r\n
- \r\n
Don’t forget to enter events<\/strong> in the Tabs<\/strong> field! That is a required setting.<\/p><\/li>\r\n
- \r\n
At the bottom of this section, you can see Facebook Events preview. That is the way box will look like on your site. You can change its appearance using additional settings: <\/p>\r\n
- \r\n
Check Use Small Header<\/strong> to be able to use a small version of the page header.<\/p><\/li>\r\n
Click Hide Cover Photo<\/strong> to hide the cover photo in the header.<\/p><\/li>\r\n
- \r\n
The plugin will try to fit inside the container if you enable Adapt to plugin container width<\/strong> option.<\/p><\/li>\r\n
- \r\n
To show profiles photos when friends like your post click on the Show Friend’s Faces<\/strong> option.<\/p><\/li>\r\n <\/ul><\/li>\r\n
Click on the Get Code<\/strong> button to see a pop-up with two boxes of the code.<\/p>\r\n\r\n
![\"\"](\"\/help\/wp-content\/uploads\/2018\/02\/How_to_display_Facebook_events_on_your_WordPress_site_2.jpg\")
<\/a>\r\n Leave that pop-up opened. You will need that code on the next step.<\/p><\/li>\r\n<\/ol>\r\n\r\n
Embedding Facebook Events on the site<\/h3>\r\n
You have the code and can proceed to the next step now. This stage includes two simple steps:<\/p>\r\n
- \r\n
JavaScript SDK code embedding<\/strong>.<\/p>\r\n
- \r\n
Login into your WordPress back-end and navigate to Appearance<\/strong> > Editor<\/strong> section.<\/p><\/li>\r\n
Select header.php<\/strong> file from the right-side files list.<\/p><\/li>\r\n
- \r\n
Search for the <body><\/strong> tag. Paste JavaScript SDK code (you can find it in the pop-up window on the previous step) after that tag:<\/p>\r\n\r\n
![\"\"](\"\/help\/wp-content\/uploads\/2018\/02\/How_to_display_Facebook_events_on_your_WordPress_site_3.jpg\")
<\/a>\r\n <\/li>\r\n Click on the Update file<\/strong> button and proceed to the next step.<\/p><\/li>\r\n<\/ul><\/li>\r\n
Managing plugin visibility. You can paste the 2nd part of the code to any page, post or widget. We will show you how to add it to the Text widgets with Facebook Events box:<\/p>\r\n
- \r\n
Open Appearance<\/strong> > Widgets<\/strong> page in your WordPress backend.<\/p><\/li>\r\n
Drop Text widget to the position you want Facebook Plugin to appear at.<\/p><\/li>\r\n
Enter the code to the widget content. Make sure you’re editing the widget in a Text<\/strong> mode.<\/p>\r\n\r\n
![\"\"](\"\/help\/wp-content\/uploads\/2018\/02\/How_to_display_Facebook_events_on_your_WordPress_site_4.jpg\")
<\/a>\t\r\n\t<\/li>\r\nThat is it! Save the change and visit your site to see Facebook Plugin.<\/p>\r\n\r\n
![\"\"](\"\/help\/wp-content\/uploads\/2018\/02\/How_to_display_Facebook_events_on_your_WordPress_site_5.jpg\")
<\/a>\t\r\n\t<\/li>\r\n<\/ul><\/li>\r\n<\/ol>\r\nThank you for reading this tutorial! More instructions are coming soon.<\/p>\r\n
- \r\n