{"id":8501,"date":"2018-08-04T15:33:26","date_gmt":"2018-08-04T10:03:26","guid":{"rendered":"https:\/\/weblizar.com\/blog\/?p=8501"},"modified":"2025-08-11T16:46:27","modified_gmt":"2025-08-11T11:16:27","slug":"facebook-app-id-and-app-secret-id","status":"publish","type":"post","link":"https:\/\/weblizar.com\/blog\/facebook-app-id-and-app-secret-id\/","title":{"rendered":"Facebook App Id and App Secret Id"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p>If you are using Admin Custom Login Pro plugin or any other plugin which has Social\u00a0Login feature, <strong>Login with Facebook<\/strong> you need App Id and App Secret Id, to use in order to use the feature. We will cover step by step process in this post, How to generate Facebook App ID and Secret ID.<\/p>\n<p>Follow these steps to create App Id and App Secret Id.<\/p>\n<p>Step-1: First of all visit facebook developer Apps. Here click on Add a new app.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8508 size-large\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-1-1024x517.png\" alt=\"\" width=\"1024\" height=\"517\" srcset=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-1-1024x517.png 1024w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-1-300x151.png 300w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-1-768x387.png 768w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-1.png 1576w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>A popup window will be open, enter the App Name, email id and then click on <strong>create app\u00a0id button<\/strong>. The app is created and will redirect to another page which will be the next level of creating\u00a0app id and secret id.<\/p>\n<p>Step-2: In this step, we will see a page labeled\u00a0<strong>Add a product<\/strong>.\u00a0 We will click on <strong>set up<\/strong> button of <strong>Facebook Login<\/strong>,\u00a0product.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8509 size-large\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-2-1024x540.png\" alt=\"\" width=\"1024\" height=\"540\" srcset=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-2-1024x540.png 1024w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-2-300x158.png 300w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-2-768x405.png 768w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-2.png 1580w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>We will be redirected to\u00a0<strong>quickstart<\/strong> page.<\/p>\n<p>Step-3: On\u00a0<strong>quickstart <\/strong>page, select platform <strong>web<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8502 size-large\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-3old-1024x417.png\" alt=\"\" width=\"1024\" height=\"417\" srcset=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-3old-1024x417.png 1024w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-3old-300x122.png 300w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-3old-768x313.png 768w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-3old.png 1575w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>On selecting <strong>web<\/strong>, more fields will open. Enter the Website URL here and save it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8503 size-large\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-4-1024x536.png\" alt=\"\" width=\"1024\" height=\"536\" srcset=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-4-1024x536.png 1024w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-4-300x157.png 300w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-4-768x402.png 768w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-4.png 1580w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Step-4: After it click on the <strong>Settings<\/strong> tab. Then more options will be open. Click on <strong>Basic\u00a0<\/strong>option.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8510 size-large\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-3-1024x507.png\" alt=\"\" width=\"1024\" height=\"507\" srcset=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-3-1024x507.png 1024w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-3-300x148.png 300w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-3-768x380.png 768w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-3.png 1576w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Step-5: Enter\u00a0the website URL in\u00a0<strong>App Domains<\/strong>,\u00a0<strong>Privacy Policy URL<\/strong>, <strong>Terms of Service URL\u00a0<\/strong>and save it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8504 size-large\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-5-886x1024.png\" alt=\"\" width=\"886\" height=\"1024\" srcset=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-5-886x1024.png 886w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-5-260x300.png 260w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-5-768x888.png 768w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-5.png 1580w\" sizes=\"auto, (max-width: 886px) 100vw, 886px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Step-6: Now click on <strong>Facebook Login\u00a0<\/strong> under the <strong>Product<\/strong> label. Then click on <strong>Settings<\/strong> ( Products &gt; Facebook Login &gt; Settings ).<\/p>\n<p>Here, in the\u00a0<strong>Valid OAuth Redirect URIs<\/strong>, enter a vaild\u00a0callback URL ( you will get this URL in the Admin Custom Login\u00a0Pro&#8217;s\u00a0Social Login Settings\u00a0 ). And save it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8505 size-large\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-6-1024x538.png\" alt=\"\" width=\"1024\" height=\"538\" srcset=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-6-1024x538.png 1024w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-6-300x158.png 300w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-6-768x403.png 768w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-6.png 1578w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>When we save the settings.<\/p>\n<p>By default the app <strong>status<\/strong> is in <strong>Development mode<\/strong>. To make the app <strong>Live<\/strong> or <strong>Public<\/strong>, we need to change the <strong>status<\/strong> of app.<\/p>\n<p>Step-7: When we change the status a popup will open. In the popup, it will ask to select a category from the list. Select the category and click on the<strong> confirm\u00a0<\/strong>button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8506 size-large\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-7-1024x541.png\" alt=\"\" width=\"1024\" height=\"541\" srcset=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-7-1024x541.png 1024w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-7-300x159.png 300w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-7-768x406.png 768w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-7.png 1578w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Step-8: The <strong>app id<\/strong> and <strong>app secret id<\/strong> is ready to use. Go to the <strong>Settings &gt; Basic<\/strong> to get the <strong>App id<\/strong> and <strong>App Secret Id<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8513 size-large\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-8-1-1024x284.png\" alt=\"\" width=\"1024\" height=\"284\" srcset=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-8-1-1024x284.png 1024w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-8-1-300x83.png 300w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-8-1-768x213.png 768w, https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/step-8-1.png 1585w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Use this App Id and App Secret Id to allow <strong>Login with Facebook<\/strong>, in your site.<\/p>\n<p>Thank you for reading.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; If you are using Admin Custom Login Pro plugin or any other plugin which has Social\u00a0Login feature, Login with Facebook you need App Id and App Secret Id, to use in order to use the feature. We will cover step by step process in this post, How to generate Facebook App ID and Secret<\/p>\n","protected":false},"author":6,"featured_media":8530,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[165,61,339],"tags":[],"class_list":["post-8501","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-api","category-docs","category-social-media-updates"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Facebook App Id and App Secret Id - Weblizar Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/weblizar.com\/blog\/facebook-app-id-and-app-secret-id\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Facebook App Id and App Secret Id - Weblizar Blog\" \/>\n<meta property=\"og:description\" content=\"&nbsp; If you are using Admin Custom Login Pro plugin or any other plugin which has Social\u00a0Login feature, Login with Facebook you need App Id and App Secret Id, to use in order to use the feature. We will cover step by step process in this post, How to generate Facebook App ID and Secret\" \/>\n<meta property=\"og:url\" content=\"https:\/\/weblizar.com\/blog\/facebook-app-id-and-app-secret-id\/\" \/>\n<meta property=\"og:site_name\" content=\"Weblizar Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/weblizarwp\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-04T10:03:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-11T11:16:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/facebook-app.jpg?fit=900%2C563&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"563\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"weblizar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@weblizar\" \/>\n<meta name=\"twitter:site\" content=\"@weblizar\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"weblizar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Facebook App Id and App Secret Id - Weblizar Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/weblizar.com\/blog\/facebook-app-id-and-app-secret-id\/","og_locale":"en_US","og_type":"article","og_title":"Facebook App Id and App Secret Id - Weblizar Blog","og_description":"&nbsp; If you are using Admin Custom Login Pro plugin or any other plugin which has Social\u00a0Login feature, Login with Facebook you need App Id and App Secret Id, to use in order to use the feature. We will cover step by step process in this post, How to generate Facebook App ID and Secret","og_url":"https:\/\/weblizar.com\/blog\/facebook-app-id-and-app-secret-id\/","og_site_name":"Weblizar Blog","article_publisher":"http:\/\/www.facebook.com\/weblizarwp","article_published_time":"2018-08-04T10:03:26+00:00","article_modified_time":"2025-08-11T11:16:27+00:00","og_image":[{"width":900,"height":563,"url":"https:\/\/i0.wp.com\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/facebook-app.jpg?fit=900%2C563&ssl=1","type":"image\/jpeg"}],"author":"weblizar","twitter_card":"summary_large_image","twitter_creator":"@weblizar","twitter_site":"@weblizar","twitter_misc":{"Written by":"weblizar","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/weblizar.com\/blog\/facebook-app-id-and-app-secret-id\/#article","isPartOf":{"@id":"https:\/\/weblizar.com\/blog\/facebook-app-id-and-app-secret-id\/"},"author":{"name":"weblizar","@id":"https:\/\/weblizar.com\/blog\/#\/schema\/person\/9bf5f8659333cb8cb24b2a4f6799bb6a"},"headline":"Facebook App Id and App Secret Id","datePublished":"2018-08-04T10:03:26+00:00","dateModified":"2025-08-11T11:16:27+00:00","mainEntityOfPage":{"@id":"https:\/\/weblizar.com\/blog\/facebook-app-id-and-app-secret-id\/"},"wordCount":392,"commentCount":0,"image":{"@id":"https:\/\/weblizar.com\/blog\/facebook-app-id-and-app-secret-id\/#primaryimage"},"thumbnailUrl":"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/facebook-app.jpg","articleSection":["API","Docs","Social Media Updates"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/weblizar.com\/blog\/facebook-app-id-and-app-secret-id\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/weblizar.com\/blog\/facebook-app-id-and-app-secret-id\/","url":"https:\/\/weblizar.com\/blog\/facebook-app-id-and-app-secret-id\/","name":"Facebook App Id and App Secret Id - Weblizar Blog","isPartOf":{"@id":"https:\/\/weblizar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/weblizar.com\/blog\/facebook-app-id-and-app-secret-id\/#primaryimage"},"image":{"@id":"https:\/\/weblizar.com\/blog\/facebook-app-id-and-app-secret-id\/#primaryimage"},"thumbnailUrl":"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/facebook-app.jpg","datePublished":"2018-08-04T10:03:26+00:00","dateModified":"2025-08-11T11:16:27+00:00","author":{"@id":"https:\/\/weblizar.com\/blog\/#\/schema\/person\/9bf5f8659333cb8cb24b2a4f6799bb6a"},"breadcrumb":{"@id":"https:\/\/weblizar.com\/blog\/facebook-app-id-and-app-secret-id\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/weblizar.com\/blog\/facebook-app-id-and-app-secret-id\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/weblizar.com\/blog\/facebook-app-id-and-app-secret-id\/#primaryimage","url":"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/facebook-app.jpg","contentUrl":"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2018\/08\/facebook-app.jpg","width":900,"height":563},{"@type":"BreadcrumbList","@id":"https:\/\/weblizar.com\/blog\/facebook-app-id-and-app-secret-id\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/weblizar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Facebook App Id and App Secret Id"}]},{"@type":"WebSite","@id":"https:\/\/weblizar.com\/blog\/#website","url":"https:\/\/weblizar.com\/blog\/","name":"Weblizar Blog","description":"Update yourself with all the latest tech news revolving around wordpress all at one place","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/weblizar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/weblizar.com\/blog\/#\/schema\/person\/9bf5f8659333cb8cb24b2a4f6799bb6a","name":"weblizar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/928b1041d6ec32e582ed281b0bd3d658fab1399de7a4b9b7de1d9fa9cf0da608?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/928b1041d6ec32e582ed281b0bd3d658fab1399de7a4b9b7de1d9fa9cf0da608?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/928b1041d6ec32e582ed281b0bd3d658fab1399de7a4b9b7de1d9fa9cf0da608?s=96&d=mm&r=g","caption":"weblizar"}}]}},"_links":{"self":[{"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/posts\/8501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/comments?post=8501"}],"version-history":[{"count":0,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/posts\/8501\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/media\/8530"}],"wp:attachment":[{"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/media?parent=8501"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/categories?post=8501"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/tags?post=8501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}