{"id":1960993,"date":"2024-07-23T00:25:47","date_gmt":"2024-07-23T04:25:47","guid":{"rendered":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/?p=1960993"},"modified":"2024-08-20T11:13:12","modified_gmt":"2024-08-20T15:13:12","slug":"connecting-to-facebook-legacy","status":"publish","type":"post","link":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/connecting-to-facebook-legacy\/","title":{"rendered":"Connecting to Facebook"},"content":{"rendered":"\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/7vozxbR9XW8\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n\n<p>With our <a href=\"https:\/\/theeventscalendar.com\/products\/wordpress-virtual-events\/\" target=\"_blank\" rel=\"noreferrer noopener\">Virtual Events plugin<\/a>, you can connect your WordPress site to Facebook via your Facebook page and livestream directly from your event page on your website, or embed your pre-existing Facebook videos (video privacy must be set to Public in order to embed).<\/p>\n\n<p>Once you connect to the Facebook API, you&#8217;ll be able to embed Facebook Live right from your event page. In addition, you can then include your pre-existing Facebook Videos on your event page as well. There are a few steps to get there, but we&#8217;ll have you up and running in no time.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-create-a-facebook-app\">Create a Facebook App<\/h2>\n\n<p>Note: You will need a Facebook Developer account in order to create an app. Learn more about how to register for a Facebook Developer account <a href=\"https:\/\/developers.facebook.com\/docs\/development\/register\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n\n<p>Now if you haven&#8217;t already done so, the first thing you&#8217;ll want to do is create a Facebook App.<\/p>\n\n<p>To do this, head over to <a href=\"https:\/\/developers.facebook.com\/apps\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/developers.facebook.com\/apps\/<\/a> and click <strong>Create App<\/strong>.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/06\/Screen-Shot-2022-06-09-at-12.51.48-PM.png\" alt=\"Create a Facebook App\" class=\"wp-image-1953147\"\/><\/figure>\n\n<p>Under <strong>Select App Type<\/strong>, choose Business, and click Next at the bottom of the page.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2021\/09\/Screen-Shot-2021-09-29-at-11.13.11-AM.png\" alt=\"\" class=\"wp-image-1950982\"\/><\/figure>\n\n<p>Next, add the required basic information and click <strong>Create App<\/strong>.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/06\/Screen-Shot-2022-06-09-at-12.54.56-PM.png\" alt=\"Create Facebook App\" class=\"wp-image-1953148\"\/><\/figure>\n\n<h2 class=\"wp-block-heading\" id=\"h-configure-your-facebook-app\">Configure Your Facebook App<\/h2>\n\n<p>Next, you&#8217;ll want to configure the app to suit your needs. To do that, head over to <strong>Settings &gt; Basic<\/strong> in the left-hand sidebar. <\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2021\/09\/Screen-Shot-2021-09-29-at-11.37.28-AM.png\" alt=\"\" class=\"wp-image-1950984\"\/><\/figure>\n\n<p>In the&nbsp;<strong>App Domains<\/strong>&nbsp;field, enter the domain name of your website where you will be using the Virtual Events plugin.<\/p>\n\n<p>In the&nbsp;<strong>Privacy Policy URL<\/strong>&nbsp;field, enter the full URL of your website\u2019s privacy policy.<br>If your website doesn\u2019t have a privacy policy, use your homepage URL instead.<\/p>\n\n<p>Click the&nbsp;<strong>Save Changes<\/strong>&nbsp;button.<\/p>\n\n<p>Copy your App ID and App Secret, as you&#8217;ll need to enter these fields on your site.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2021\/09\/Screen-Shot-2021-09-29-at-11.44.37-AM.png\" alt=\"\" class=\"wp-image-1950985\"\/><\/figure>\n\n<p>Next, click <strong>Add Product<\/strong> in the left sidebar, choose Facebook Login, and click <strong>Set Up<\/strong>.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2021\/09\/Screen-Shot-2021-09-29-at-11.54.06-AM.png\" alt=\"\" class=\"wp-image-1950986\"\/><\/figure>\n\n<p>Under Settings, toggle <strong>Login with the JavaScript SDK<\/strong> to <strong>Yes<\/strong>, add your website domain, and click <strong>Save Changes<\/strong>. <\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2021\/09\/Screen-Shot-2021-09-29-at-11.57.42-AM.png\" alt=\"\" class=\"wp-image-1950988\"\/><\/figure>\n\n<h2 class=\"wp-block-heading\" id=\"h-add-facebook-credentials-to-wordpress\">Add Facebook Credentials to WordPress<\/h2>\n\n<p>Almost there! Now you&#8217;re ready to add your credentials to your WordPress site. Once you log in to your site, navigate to <strong>Events Settings &gt; Integrations<\/strong> and scroll down until you find the Facebook Live Video section.<\/p>\n\n<p>Enter your Facebook App ID and Facebook App Secret and click <strong>Save Facebook App<\/strong>.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2021\/09\/Screen-Shot-2021-09-29-at-1.24.16-PM.png\" alt=\"\" class=\"wp-image-1950992\"\/><\/figure>\n\n<p>If you forgot to record these fields in the previous step, no worries! You can <a href=\"https:\/\/developers.facebook.com\/apps\/\" target=\"_blank\" rel=\"noreferrer noopener\">navigate to your Facebook App<\/a> and go to Settings &gt; Basic to find them.<\/p>\n\n<p>If you&#8217;re just adding existing Facebook Videos, then you&#8217;re all set now! To stream Facebook Live videos right in your event, continue on to the next step.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-add-facebook-page-name-and-id\">Add Facebook Page Name and ID<\/h2>\n\n<p>If you&#8217;d like to add Facebook Live, you&#8217;ll need to add the Facebook page name and ID next. As of right now, our plugin is only compatible with Facebook pages (not groups), so if you haven&#8217;t already <a href=\"https:\/\/www.facebook.com\/business\/help\/473994396650734?id=939256796236247\" target=\"_blank\" rel=\"noreferrer noopener\">created a page<\/a>, you&#8217;ll want to go ahead and do that next. <\/p>\n\n<p>Your Page Name is simply the label for your Facebook Page.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2021\/09\/Screen-Shot-2021-09-29-at-1.43.22-PM-1024x601.png\" alt=\"\" class=\"wp-image-1950993\"\/><\/figure>\n\n<p>Your Page ID is the phrase or set of numbers located at the end of your Facebook page URL.<\/p>\n\n<p>For example: <\/p>\n\n<p>If you have a Facebook page with a URL like this:&nbsp;<code>https:\/\/www.facebook.com\/simplemusicfun<\/code>&nbsp;then the Page ID is just&nbsp;<em><strong>simplemusicfun<\/strong><\/em>.<\/p>\n\n<p>If your page URL is structured like this:&nbsp;<code>https:\/\/www.facebook.com\/simplemusicfun-1234567890<\/code>&nbsp;then the ID is&nbsp;<em><strong>1234567890<\/strong><\/em>.<\/p>\n\n<p>If your page URL is structured like this:&nbsp;<code>https:\/\/www.facebook.com\/pages\/simplemusicfun\/123654123654123&nbsp;<\/code>then the Page ID is actually the number at the end so in this case it is&nbsp;<em><strong>123654123654123<\/strong><\/em>.<\/p>\n\n<p>Once you have this information entered in the provided fields, click <strong>Add<\/strong>. Then click <strong>Continue with Facebook<\/strong> to complete the authorization.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2021\/09\/Screen-Shot-2021-09-29-at-1.49.10-PM.png\" alt=\"\" class=\"wp-image-1950997\"\/><\/figure>\n\n<p>Now you are all set up to automatically share your Facebook livestreams and Facebook Videos on your event pages. You can add as many Facebook pages as you&#8217;d like by clicking Add Facebook page and following the same process.<\/p>\n\n<p>You will now see a Facebook Live option when you configure your virtual events.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>With our Virtual Events plugin, you can connect your WordPress site to Facebook via your Facebook page and livestream directly from your event page on your website, or embed your pre-existing Facebook videos (video privacy must be set to Public in order to embed). Once you connect to the Facebook API, you&#8217;ll be able to&#8230;<\/p>\n","protected":false},"author":77,"featured_media":1955565,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_swpsp_post_exclude":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"ep_exclude_from_search":true,"footnotes":""},"categories":[46],"tags":[],"stellar-product-taxonomy":[162],"class_list":["post-1960993","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-integrations","stellar-product-taxonomy-virtual-events"],"acf":[],"taxonomy_info":{"category":[{"value":46,"label":"Integrations"}],"stellar-product-taxonomy":[{"value":162,"label":"Virtual Events"}]},"featured_image_src_large":["https:\/\/images.theeventscalendar.com\/kb\/uploads\/2023\/02\/social-share-1024x538.png",1024,538,true],"author_info":{"display_name":"TEC Staff","author_link":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/author\/tec_staff\/"},"comment_info":0,"category_info":[{"term_id":46,"name":"Integrations","slug":"integrations","term_group":0,"term_taxonomy_id":46,"taxonomy":"category","description":"","parent":0,"count":115,"filter":"raw","term_order":"0","cat_ID":46,"category_count":115,"category_description":"","cat_name":"Integrations","category_nicename":"integrations","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1960993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/users\/77"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/comments?post=1960993"}],"version-history":[{"count":5,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1960993\/revisions"}],"predecessor-version":[{"id":1962526,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1960993\/revisions\/1962526"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media\/1955565"}],"wp:attachment":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media?parent=1960993"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/categories?post=1960993"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/tags?post=1960993"},{"taxonomy":"stellar-product-taxonomy","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/stellar-product-taxonomy?post=1960993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}