{"id":1363,"date":"2020-04-02T11:42:39","date_gmt":"2020-04-02T11:42:39","guid":{"rendered":"https:\/\/blog.infotheme.net\/?p=1363"},"modified":"2020-04-02T11:42:40","modified_gmt":"2020-04-02T11:42:40","slug":"how-to-embed-facebook-video-on-wordpress-step-by-step-guide","status":"publish","type":"post","link":"https:\/\/infotheme.net\/blog\/how-to-embed-facebook-video-on-wordpress-step-by-step-guide\/","title":{"rendered":"How to Embed Facebook video on WordPress step by step guide"},"content":{"rendered":"\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Contents<\/p><ul class=\"toc_list\"><li><a href=\"#How_to_embed_Facebook_video_on_WordPress\"><span class=\"toc_number toc_depth_1\">1<\/span> How to embed\nFacebook video on WordPress?<\/a><\/li><li><a href=\"#Importance_for_Facebook_Videos\"><span class=\"toc_number toc_depth_1\">2<\/span> Importance for Facebook Videos<\/a><ul><li><a href=\"#Using_IFrame\"><span class=\"toc_number toc_depth_2\">2.1<\/span> Using IFrame:\u00a0 <\/a><\/li><li><a href=\"#USING_Javascript_SKD\"><span class=\"toc_number toc_depth_2\">2.2<\/span> USING Javascript SKD<\/a><\/li><\/ul><\/li><li><a href=\"#How_to_Embednbsp_Facebook_Live_Videos_on_WordPress\"><span class=\"toc_number toc_depth_1\">3<\/span> How to Embed&nbsp; Facebook Live Videos on WordPress <\/a><\/li><li><a href=\"#Final_Thoughts\"><span class=\"toc_number toc_depth_1\">4<\/span> Final\nThoughts<\/a><\/li><\/ul><\/div>\n<h2><span id=\"How_to_embed_Facebook_video_on_WordPress\">How to embed\nFacebook video on WordPress?<\/span><\/h2>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><strong><em>Do you have a WordPress website and you want to embed Facebook videos on your website?<\/em><\/strong><\/p><\/blockquote>\n\n\n\n<p>This article\nwill guide you step by step process to post a Facebook video on your WordPress\nwebsite page or post or even you can use it on any widget section as well. <br>\nBefore we start let me share the important for Facebook videos:<\/p>\n\n\n\n<h2><span id=\"Importance_for_Facebook_Videos\">Importance for Facebook Videos<\/span><\/h2>\n\n\n\n<p>Video\ncontent on internet is increasing day by day and if we look for users interest\nfrom last year years you will find that most of the users prefer to watch\nvideos apart from reading the long articles and YouTube is a most famous video\ncontent provider is a live example for this.<\/p>\n\n\n\n<p>The number\nof YouTube users is too big and they are increasing day by day as well and in\nthe similar way social media platform Facebook also have its own identification\nwhich I don\u2019t need to explain.&nbsp; Facebook\ngot very popularity with its recent features Facebook Live and Facebook Video\nplatform. It is very easy to embed a YouTube video on any website because YouTube\ngives a direct video sharing or Embed Video feature on this video settings but\nembedding a Facebook video is not like that simple.<\/p>\n\n\n\n<p>That is why\nwe see lots of request from users asking about <strong>\u201cHow to embed a Facebook video on our website?\u201d&nbsp; <\/strong><\/p>\n\n\n\n<p>You can\nembed Facebook videos or Facebook Live streaming video on your website and\nengage a more number of users on your website. It will help you to increase the\nnumber of visitors on your website.<\/p>\n\n\n\n<p>In this\narticle we will share a step by step guide to Embed Facebook video on your WordPress\nwebsite. <\/p>\n\n\n\n<p>Step by step\nguide to embed Facebook Video on WordPress<\/p>\n\n\n\n<p><strong>STEP1: <\/strong><\/p>\n\n\n\n<p>First you\nwill need to find or locate a Facebook video which you want to embed on your\nWordPress website.<\/p>\n\n\n\n<p><strong>STEP2: <\/strong><\/p>\n\n\n\n<p>Now, we need\nthe video URL. There are two ways to get&nbsp;\nit.<\/p>\n\n\n\n<ol><li>Right click on video and click on \u201cShow\nvideo URL\u201d. It will open a small pop-up window on the video and you will be\nable to see the video link. Just click on the video link area and copy this\nlink. OR,<\/li><li>Right click on \u201cVideo name or date\u201d\nand select copy link address.<\/li><\/ol>\n\n\n\n<p><strong>STEP3:<\/strong><\/p>\n\n\n\n<p>Now, we need\nto visit <a href=\"https:\/\/developers.facebook.com\/docs\/plugins\/embedded-video-player\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Facebook embedded\nvideo player<\/a>&nbsp;website and you will be able to see \u201cEmbedded\nVideo Player Configurator\u201d area. Now you can see it\u2019s a 3 step process:<\/p>\n\n\n\n<ol><li><strong>Choose URL or page:<\/strong> Put your Facebook video link on \u201cURL of video\u201d section<\/li><li><strong>Code Generator:<\/strong>\u00a0 You will see a \u201cGet Code\u201d button. Click on this button to see the embed code. <\/li><li><strong>Copy and paste HTML Snippet:<\/strong> Now we have to copy and paste this \u201cembed code\u201d on our website and it will be all done.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"775\" height=\"569\" src=\"https:\/\/blog.infotheme.net\/wp-content\/uploads\/2020\/04\/FB-video-on-WP-instructions1.png\" alt=\"Facebook video embed code\" class=\"wp-image-1365\" srcset=\"https:\/\/infotheme.net\/blog\/wp-content\/uploads\/2020\/04\/FB-video-on-WP-instructions1.png 775w, https:\/\/infotheme.net\/blog\/wp-content\/uploads\/2020\/04\/FB-video-on-WP-instructions1-300x220.png 300w, https:\/\/infotheme.net\/blog\/wp-content\/uploads\/2020\/04\/FB-video-on-WP-instructions1-768x564.png 768w\" sizes=\"(max-width: 775px) 100vw, 775px\" \/><\/figure>\n\n\n\n<p>We will explain the above process in details below:<\/p>\n\n\n\n<p>As you can see from the above screenshots that first of all\nwe have to use \u201cURL of video\u201d section to use our FB video link and then we have\nto click on \u201cGet Code\u201d button.<\/p>\n\n\n\n<p>Once you click on this button a Pop-up window will open and\nnow you will have to options to embed this FB video on your WordPress website.<\/p>\n\n\n\n<h3><span id=\"Using_IFrame\">Using IFrame:\u00a0 <\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"668\" height=\"367\" src=\"https:\/\/blog.infotheme.net\/wp-content\/uploads\/2020\/04\/Embed-video-using-IFrame.png\" alt=\"Facebook embed code using IFrame\" class=\"wp-image-1366\" srcset=\"https:\/\/infotheme.net\/blog\/wp-content\/uploads\/2020\/04\/Embed-video-using-IFrame.png 668w, https:\/\/infotheme.net\/blog\/wp-content\/uploads\/2020\/04\/Embed-video-using-IFrame-300x165.png 300w\" sizes=\"(max-width: 668px) 100vw, 668px\" \/><figcaption>Facebook Embed Code using IFrame<\/figcaption><\/figure>\n\n\n\n<p>This is very simple option to simply copy the code and paste\nin on your website and page or post as an html code. It will have two options\non it.<\/p>\n\n\n\n<p><strong>Step1: Choose your App\nID \u2013 <\/strong>This section\nwill show you a dropdown to select your facebook app ID. If you don\u2019t have any\napp id then you will see a link \u201cApp Dashboard\u201d, you can use this link to\ncreate a simple app on facebook developer account. <\/p>\n\n\n\n<p><strong>Step2: P<\/strong><strong>lace\nthis code wherever you want the plugin to appear on your page &#8211; &nbsp;<\/strong>Copy the code from this area and paste in your website page, post or widget\nsection as an HTML code. Facebook video will be embed on your website.<strong><\/strong><\/p>\n\n\n\n<h3><span id=\"USING_Javascript_SKD\"><strong>USING Javascript SKD<\/strong><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"652\" height=\"553\" src=\"https:\/\/blog.infotheme.net\/wp-content\/uploads\/2020\/04\/Embed-video-using-Javasript-SDK.png\" alt=\"Facebook Embed code using Javascript SDK\" class=\"wp-image-1367\" srcset=\"https:\/\/infotheme.net\/blog\/wp-content\/uploads\/2020\/04\/Embed-video-using-Javasript-SDK.png 652w, https:\/\/infotheme.net\/blog\/wp-content\/uploads\/2020\/04\/Embed-video-using-Javasript-SDK-300x254.png 300w\" sizes=\"(max-width: 652px) 100vw, 652px\" \/><figcaption>Facebook Embed code using Javascript SDK<\/figcaption><\/figure>\n\n\n\n<p>You can also\nuse this option to embed your Facebook video on your WordPress website.<\/p>\n\n\n\n<p>This option\nwill give you 2 types of code which you need to use on your WordPress website. You\ncan see it will show you 3 steps:<\/p>\n\n\n\n<ol><li><strong>Choose your\u00a0App ID\u00a0and\u00a0Language: <\/strong>This is same as the above. Select any your any Facebook app ID or make a new app and select a language.<\/li><li><strong>Include the\u00a0<a href=\"https:\/\/developers.facebook.com\/docs\/reference\/javascript\/\" rel=\"nofollow noopener\" target=\"_blank\">JavaScript SDK<\/a>\u00a0on your page once, ideally right after the opening\u00a0<\/strong><code><strong>body<\/strong><\/code><strong>\u00a0tag: <\/strong>This section will give you a code which you need to add on your website header section. Or you can say header.php file. <ol><li>If you have a programmer then edit your header.php file and add this code just after the &lt;body> tag.<\/li><\/ol><ol><li>If you are normal user install <a rel=\"noreferrer noopener nofollow\" href=\"https:\/\/wordpress.org\/plugins\/insert-headers-and-footers\/\" target=\"_blank\">Insert Headers and Footers<\/a> WP plugin. After installing this plugin you will see <strong>\u201cSettings > Insert Headers and Footers\u201d. <\/strong>Once you click on this, paste the code on the \u201cfooter\u201d section.<\/li><\/ol><\/li><li><strong>Place this code wherever you want the plugin to appear on your page: <\/strong>Now, you can see the anther code section. Copy this code and paste it on your website page\/post or widget section as HTML code.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"550\" height=\"248\" src=\"https:\/\/blog.infotheme.net\/wp-content\/uploads\/2020\/04\/WP-text-editor.png\" alt=\"\" class=\"wp-image-1368\" srcset=\"https:\/\/infotheme.net\/blog\/wp-content\/uploads\/2020\/04\/WP-text-editor.png 550w, https:\/\/infotheme.net\/blog\/wp-content\/uploads\/2020\/04\/WP-text-editor-300x135.png 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><figcaption>WordPress Text Editor<\/figcaption><\/figure>\n\n\n\n<p><strong>NOTE:&nbsp;\n<\/strong>Use \u201cText\u201d\neditor option on your WordPress pages or post to use the embed codes. In this\nway, they will be used as HTML code.<\/p>\n\n\n\n<h2><span id=\"How_to_Embednbsp_Facebook_Live_Videos_on_WordPress\"><strong>How to Embed&nbsp; Facebook Live Videos on WordPress <\/strong><\/span><\/h2>\n\n\n\n<p>Using Facebook\nlive videos on WordPress website also works like embedding the Facebook normal\nvideos but you can\u2019t find the live video URL as the way you get for Normal\nFacebook Video.<\/p>\n\n\n\n<p>Facebook don\u2019t\nallow you to get the video link for a Live video before making it live. It\nmeans you will have to make the Video Live first and after that you can get the\nvideo link.<\/p>\n\n\n\n<p>Once you\nmake your Facebook Video Live, simply click on Video title or date and right click\non it and click on \u201cCopy Link Address\u201d to get the Live Facebook Video Link.<\/p>\n\n\n\n<p>Now you can\nuse the <a href=\"https:\/\/developers.facebook.com\/docs\/plugins\/embedded-video-player\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Facebook embedded\nvideo player<\/a> to get the embed code and paste that code on your WP\nwebsite.<\/p>\n\n\n\n<h2><span id=\"Final_Thoughts\">Final\nThoughts<\/span><\/h2>\n\n\n\n<p>Normally\nYouTube video and Facebook Video embed process is quite similar the actual\ndifference is YouTube provide everything on one single place and on Facebook we\nhave to use their developer tool to create an Embed code. <\/p>\n\n\n\n<p>Once we get\nthe FB video embed code, we can use the code on our WP website pages\/post or we\ncan use this code on our any type of website as an HTML code snippet.<\/p>\n\n\n\n<p>I hope this\narticle will help you to learn, how you can add FB videos on your website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contents1 How to embed Facebook video on WordPress?2 Importance for Facebook Videos2.1 Using IFrame:\u00a0 2.2 USING Javascript SKD3 How to Embed&nbsp; Facebook Live Videos on [&hellip;] <span class=\"read-more-link\"><a class=\"read-more\" href=\"https:\/\/infotheme.net\/blog\/how-to-embed-facebook-video-on-wordpress-step-by-step-guide\/\">Read More<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":1364,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[9,219,132,7],"tags":[310,309,308],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/infotheme.net\/blog\/wp-json\/wp\/v2\/posts\/1363"}],"collection":[{"href":"https:\/\/infotheme.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/infotheme.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/infotheme.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/infotheme.net\/blog\/wp-json\/wp\/v2\/comments?post=1363"}],"version-history":[{"count":1,"href":"https:\/\/infotheme.net\/blog\/wp-json\/wp\/v2\/posts\/1363\/revisions"}],"predecessor-version":[{"id":1369,"href":"https:\/\/infotheme.net\/blog\/wp-json\/wp\/v2\/posts\/1363\/revisions\/1369"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/infotheme.net\/blog\/wp-json\/wp\/v2\/media\/1364"}],"wp:attachment":[{"href":"https:\/\/infotheme.net\/blog\/wp-json\/wp\/v2\/media?parent=1363"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/infotheme.net\/blog\/wp-json\/wp\/v2\/categories?post=1363"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/infotheme.net\/blog\/wp-json\/wp\/v2\/tags?post=1363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}