{"id":84377,"date":"2018-03-20T11:45:35","date_gmt":"2018-03-20T15:45:35","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=84377"},"modified":"2018-03-20T11:47:38","modified_gmt":"2018-03-20T15:47:38","slug":"how-to-embed-a-facebook-video-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/how-to-embed-a-facebook-video-in-wordpress.html","title":{"rendered":"How to embed a Facebook video in WordPress"},"content":{"rendered":"<p>You may already know how to embed YouTube, Vimeo or simple video files to your WordPress website. We are going to show you how to embed FaceBook videos to WordPress website today.<\/p>\r\n<h3 class=\"custom\">How to get FaceBook videos embed code?<\/h3>\r\n<p>To get video embedded to the website we need to find out its embed code. To do that:<\/p>\r\n<ol>\r\n<li><p>Add video to your FaceBook page or find a video you would like to embed to your website.<\/p><\/li>\r\n<li>\r\n <p>Copy video URL. Right click on the date under the page or profile name to get it.<\/p>\r\n \r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_1.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_1.jpg\" alt=\"\" width=\"508\" height=\"440\" class=\"alignnone size-full wp-image-84378\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_1.jpg 508w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_1-150x130.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_1-300x260.jpg 300w\" sizes=\"auto, (max-width: 508px) 100vw, 508px\" \/><\/a> \r\n <\/li>\r\n<li>\r\n  <p>And now visit the <a href=\"https:\/\/developers.facebook.com\/docs\/plugins\/embedded-video-player\" target=\"_blank\" rel=\"nofollow\">FaceBook embedded video player<\/a> page. Scroll down to the <strong>Embedded Video Player Configurator<\/strong> section.<\/p><\/li>\r\n<li><p>Paste your FaceBook video link to the <strong>URL of video<\/strong> field and click <strong>Get Code<\/strong> button.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_2.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_2.jpg\" alt=\"\" width=\"819\" height=\"591\" class=\"alignnone size-full wp-image-84379\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_2.jpg 819w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_2-150x108.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_2-300x216.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_2-768x554.jpg 768w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/><\/a>\r\n<p>Also you can specify  the pixel width of the video and include the the text content of the video post here.<\/p><\/li>\r\n<li><p>After clicking the Get Code button you will get a pop-up with two code boxes. That is the code you will need to use for embedding FaceBook video into WordPress.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_3.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_3.jpg\" alt=\"\" width=\"731\" height=\"624\" class=\"alignnone size-full wp-image-84380\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_3.jpg 731w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_3-150x128.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_3-300x256.jpg 300w\" sizes=\"auto, (max-width: 731px) 100vw, 731px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<h3 class=\"custom\">Embedding FaceBook Videos in WordPress<\/h3>\r\n<p>You can proceed to the next step now. To make FaceBook video appear on your site you need to place code you generated earlier to your WordPress page. To do that you need to include JavaScript SDK code to your site header section.<\/p>\r\n<ol>\r\n<li>\r\n  <p>If you are an experienced user, you can edit the code. Open <strong>Appearance<\/strong> > <strong>Editor<\/strong> section in your back-end. Add the code from the first box to the <strong>header.php<\/strong> file, just after the <strong>&lt;body&gt;<\/strong> tag.<\/p>\r\n  \r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_4.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_4.jpg\" alt=\"\" width=\"1024\" height=\"683\" class=\"alignnone size-full wp-image-84381\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_4.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_4-150x100.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_4-300x200.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_4-768x512.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a>  \r\n  <\/li>\r\n<li>\r\n  <p>Or, in case you have less experience, you can use well known <a href=\"https:\/\/wordpress.org\/plugins\/insert-headers-and-footers\/\" target=\"_blank\" rel=\"nofollow\">Insert Headers and Footers<\/a> plugin.<\/p>\r\n  <ul>\r\n  <li><p>Install it to the <strong>Plugins<\/strong> > <strong>Add New<\/strong> section in your site admin panel.<\/p><\/li>\r\n  <li>\r\n    <p>Enter the <strong>Insert Headers and Footers<\/strong> to the search field on that page. Install and activate this plugin.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_5.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_5.jpg\" alt=\"\" width=\"1024\" height=\"462\" class=\"alignnone size-full wp-image-84382\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_5.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_5-150x68.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_5-300x135.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_5-768x347.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a>\t\r\n\t<\/li>\r\n  <li>\r\n    <p>Now you can open <strong>Settings<\/strong> > <strong>Insert Headers and Footers<\/strong> page. Enter your code to the header field.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_6.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_6.jpg\" alt=\"\" width=\"1024\" height=\"633\" class=\"alignnone size-full wp-image-84383\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_6.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_6-150x93.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_6-300x185.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_6-768x475.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a>\t\r\n\t<\/li>\r\n  <\/ul><\/li>\r\n<\/ol>\r\n<p>And now you can proceed to the last step. Open a page you wish your FaceBook video to be embedded into or add  widgets under the <strong>Appearance<\/strong> > <strong>Widgets<\/strong> page in your back-end. Add widget or add code from the second box.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_7.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_7.jpg\" alt=\"\" width=\"1024\" height=\"408\" class=\"alignnone size-full wp-image-84384\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_7.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_7-150x60.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_7-300x120.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_7-768x306.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a>\r\n<p>That is it! FaceBook video is embedded now. Check your page to see the result.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_8.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_8.jpg\" alt=\"\" width=\"1024\" height=\"662\" class=\"alignnone size-full wp-image-84385\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_8.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_8-150x97.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_8-300x194.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/03\/How_to_embed_a_Facebook_video_in_WordPress_8-768x497.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a>\r\n\r\n<p>We hope this step-by-step guidance was useful for you. Feel free to check our <a href=\"\/blog\/tag\/wordpress\/\" target=\"_blank\">blog<\/a> to learn more tweaks on how to manage your WordPress website as a guru of the web design!<\/p>\r\n<p>In case you&#8217;re searching for premium themes to build your website from scratch, look through our collection of beautiful <a href=\"https:\/\/www.templatemonster.com\/wordpress-themes.php\">WordPress themes<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>You may already know how to embed YouTube, Vimeo or simple video files to your WordPress website. We are going to show you how to embed FaceBook videos to WordPress website today.<\/p>\n","protected":false},"author":55,"featured_media":84388,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2017,728],"tags":[513,2631,527],"class_list":["post-84377","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-monstroid-tutorials","category-wordpress-tutorials","tag-embed","tag-facebook-video","tag-video"],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/84377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/55"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=84377"}],"version-history":[{"count":6,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/84377\/revisions"}],"predecessor-version":[{"id":84449,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/84377\/revisions\/84449"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/84388"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=84377"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=84377"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=84377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}