{"id":300,"date":"2024-02-23T16:03:00","date_gmt":"2024-02-23T21:03:00","guid":{"rendered":"http:\/\/wiki2.plumserver.com\/knowledge-base\/magento-facebook-login-configuration"},"modified":"2024-02-29T12:03:39","modified_gmt":"2024-02-29T17:03:39","slug":"magento-facebook-login-configuration","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/integrations\/facebook","title":{"rendered":"How to Add Magento Facebook Login to Your Website"},"content":{"rendered":"\n

How to Set Up Facebook API for Magento<\/h2>\n\n\n\n

In this article, you will learn how to find your Facebook API and integrate Facebook Login into Magento Social Login Pro plugin<\/a> and Magento Facebook & Twitter Login extension<\/a>. Please follow the step-by-step instructions below.<\/p>\n\n\n\n

Step 1. Create Facebook App<\/h3>\n\n\n\n
\n

Step-by-step guide:<\/p>\n\n\n\n

  1. Create an account and log in to https:\/\/developers.facebook.com\/<\/a>. Then, click Get Started<\/strong>.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
    \"Facebook<\/figure>\n\n\n\n
    \n

    Step-by-step guide:<\/p>\n\n\n\n

    1. If you have created apps before, you will find My Apps<\/strong> in the navigation menu instead of Get Started.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
      \"Facebook<\/figure>\n\n\n\n
      \n

      Step-by-step guide:<\/p>\n\n\n\n

      1. Next, press the Create App<\/strong> button.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
        \"Facebook<\/figure>\n\n\n\n
        \n

        Step-by-step guide:<\/p>\n\n\n\n

        1. In the “Add use case” tab that opened, choose the “Authenticate and request data from users with Facebook Login<\/strong>” option.<\/li>
        2. Press the Next <\/strong>button.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
          \"Facebook<\/figure>\n\n\n\n
          \n

          Step-by-step guide:<\/p>\n\n\n\n

          1. You will be redirected to the “Login type” tab. Choose the “No, I’m not building a game<\/strong>” option.<\/li>
          2. Press the Next <\/strong>button.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
            \"Facebook<\/figure>\n\n\n\n
            \n

            Step-by-step guide:<\/p>\n\n\n\n

            1. On the “App details” tab, enter the name of your app<\/strong>.<\/li>
            2. Input your contact email address<\/strong>.<\/li>
            3. Choose your business account<\/strong> if you have one. Please note:<\/strong> this setting is optional. You can use your application even without the business account, but there will be some limitations. Please find detailed information about the business account and limitations below in this documentation.<\/li>
            4. Press the Create App<\/strong> button.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
              \"Facebook<\/figure>\n\n\n\n

              Step 2. Configure Facebook App<\/h3>\n\n\n\n

              After creating an app, you need to configure it.<\/strong><\/p>\n\n\n\n

              \n

              Step-by-step guide:<\/p>\n\n\n\n

              1. Press the “Customize adding a Facebook Login<\/strong>” button.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                \"Facebook<\/figure>\n\n\n\n

                Settings<\/h4>\n\n\n\n
                \n

                Step-by-step guide:<\/p>\n\n\n\n

                1. Press the Go to settings<\/strong> button.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                  \"Facebook<\/figure>\n\n\n\n
                  \n

                  Step-by-step guide:<\/p>\n\n\n\n

                  1. Indicate your Valid OAuth Redirect URIs<\/strong> for this application. This URL can be found in the OAuth Redirect URL field in your Admin Panel -> Plumrocket -> Social Login Pro (or Twitter&Facebook Login) -> Configurations -> Facebook<\/em>. Important: This URL must use the HTTPS protocol, as Facebook’s “Enforce HTTPS” setting is enabled by default.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                    \"Facebook<\/figure>\n\n\n\n
                    \n

                    Step-by-step guide:<\/p>\n\n\n\n

                    1. Indicate your Deauthorize callback URL <\/strong>for this application. This is a URL endpoint where Facebook sends notifications when a user revokes access or permissions granted to your store via their Facebook account, essentially removing the app’s ability to access their Facebook data. You can find the Deauthorize callback URL in the Magento Admin Panel -> Plumrocket -> Social Login Pro (or Twitter & Facebook Login) -> Configurations -> Facebook<\/em> – OAuth Redirect URL<\/em> field.<\/li>
                    2. Press the Save changes<\/strong> button.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                      \"Facebook<\/figure>\n\n\n\n

                      Quickstart<\/h4>\n\n\n\n
                      \n

                      Step-by-step guide:<\/p>\n\n\n\n

                      1. Press the Go to quickstart<\/strong> button.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                        \"Facebook<\/figure>\n\n\n\n
                        \n

                        Step-by-step guide:<\/p>\n\n\n\n

                        1. Choose the Web <\/strong>option.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                          \"Facebook<\/figure>\n\n\n\n
                          \n

                          Step-by-step guide:<\/p>\n\n\n\n

                          1. Enter your site URL<\/strong>.<\/li>
                          2. Press the Save <\/strong>button.<\/li>
                          3. Press the Go back<\/strong> button.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                            \"Facebook<\/figure>\n\n\n\n

                            Step 3. Configure Facebook App’s Permissions<\/h3>\n\n\n\n

                            In the Permissions section, you can choose what information to retrieve from the user’s Facebook profile that is saved to their Magento store profile during the user registration.<\/p>\n\n\n\n

                            \n

                            Important Information:<\/p>\n\n\n\n

                            The public_profile<\/code> permission is automatically added to the use case and requires no additional action. This permission allows you to retrieve the user id, profile picture, first name, <\/strong>and last name<\/strong> from the user’s Facebook account.<\/p>\n\n\n\n

                            .<\/span><\/p>\n\n\n\n

                            Additionally, you may collect a user’s email address<\/strong>. Follow the instructions below to add the email<\/code> permission.<\/p>\n<\/div><\/div>\n\n\n\n

                            \n

                            Step-by-step guide:<\/p>\n\n\n\n

                            1. To the right of the email<\/code> permission, click the Add<\/strong> button.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                              \"Facebook<\/figure>\n\n\n\n
                              \n

                              Important Information:<\/p>\n\n\n\n

                              The Social Login Pro extension also supports collecting additional user information, such as email<\/strong>, birthday<\/strong>, and gender<\/strong>. If the acquiring of this information aligns with your business objectives, please follow the steps below to add these permissions to your Facebook app.<\/p>\n<\/div><\/div>\n\n\n\n

                              \n

                              Step-by-step guide:<\/p>\n\n\n\n

                              1. Click the Go Back<\/strong> button in the upper right or Use Cases<\/strong> in the left side menu.<\/li>
                              2. Click the Add <\/strong>button beside the “Use additional Facebook user data for personalization<\/strong>” case.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                                \"Facebook<\/figure>\n\n\n\n
                                \n

                                Step-by-step guide:<\/p>\n\n\n\n

                                1. Click Add<\/strong> on the right to the user_birthday<\/code> and\/or user_gender<\/code> permission.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                                  \"Facebook<\/figure>\n\n\n\n

                                  Please note that users will see the list of personal information they share with your Magento store during the registration:<\/p>\n\n\n\n

                                  \"Facebook<\/figure>\n\n\n\n

                                  Step 4. Complete Business verification and Data handling questions<\/h3>\n\n\n\n
                                  \n

                                  Important Information:<\/p>\n\n\n\n

                                  As of February 1, 2023, all businesses should verify their businesses in order to get advanced access<\/a> for any permission, such as public_profile, email, birthday, etc. This means that if you want to implement Facebook login on your store, you need to complete the business verification process.<\/p>\n<\/div><\/div>\n\n\n\n

                                  \n

                                  Step-by-step guide:<\/p>\n\n\n\n

                                  1. Go to the Dashboard in the left menu and click Business Verification<\/strong>.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                                    \"Facebook<\/figure>\n\n\n\n
                                    \n

                                    Step-by-step guide:<\/p>\n\n\n\n

                                    1. Press the “Start Verification<\/strong>” button and fill in all the necessary information.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                                      \"Facebook<\/figure>\n\n\n\n

                                      After you complete the Business Verification and provide all required information and documents, the following email will be sent to your contact email address:<\/p>\n\n\n\n

                                      \"Facebook<\/figure>\n\n\n\n

                                      After completing the Business Verification, you need to pass the Data handling questions. To do this, please follow the steps below:<\/p>\n\n\n\n

                                      \n

                                      Step-by-step guide:<\/p>\n\n\n\n

                                      1. Go to Review<\/strong>.<\/li>
                                      2. Go to Data handling questions<\/strong>.<\/li>
                                      3. Press the “Answer questions about data handling<\/strong>“.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                                        \"Facebook<\/figure>\n\n\n\n
                                        \n

                                        Step-by-step guide:<\/p>\n\n\n\n

                                        1. Check the “I agree that any data I receive through email will be used in accordance with the allowed usage<\/strong>” checkbox.<\/li>
                                        2. Check the “I agree that any data I receive through public_profile will be used in accordance with the allowed usage<\/strong>” checkbox.<\/li>
                                        3. Press the Confirm <\/strong>button.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                                          \"Facebook<\/figure>\n\n\n\n
                                          \n

                                          Step-by-step guide:<\/p>\n\n\n\n

                                          1. Select the appropriate options.<\/li>
                                          2. Press the Submit <\/strong>button.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                                            \"Facebook<\/figure>\n\n\n\n

                                            After passing the Data handling questions, the appropriate tab will look like the following:<\/p>\n\n\n\n

                                            \"Facebook<\/figure>\n\n\n\n

                                            Step 5. Publish Your Facebook App<\/h3>\n\n\n\n
                                            \n

                                            Step-by-step guide:<\/p>\n\n\n\n

                                            1. Go to Publish<\/strong>.<\/li>
                                            2. Press the “Go to app settings<\/strong>” button.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                                              \"Facebook<\/figure>\n\n\n\n
                                              \n

                                              Step-by-step guide:<\/p>\n\n\n\n

                                              1. Enter your App domains<\/strong>.<\/li>
                                              2. Insert your Privacy Policy URL<\/strong>.<\/li>
                                              3. Insert your Terms of Service URL<\/strong>.<\/li>
                                              4. Insert your User data deletion instructions URL<\/strong>. This URL can be found in the Data Deletion Request URL field in your Admin Panel -> Plumrocket -> Social Login Pro (or Twitter&Facebook Login) -> Configurations -> Facebook<\/em>.<\/li>
                                              5. Copy the App ID<\/strong> to your clipboard.<\/li>
                                              6. Click Show<\/strong> to make the App Secret<\/strong> appear by indicating your Facebook password and copy it to your clipboard.<\/li>
                                              7. Press the “Save changes<\/strong>” button.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                                                \"Facebook<\/figure>\n\n\n\n
                                                \n

                                                Step-by-step guide:<\/p>\n\n\n\n

                                                1. Press the Publish <\/strong>button.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                                                  \"Facebook<\/figure>\n\n\n\n

                                                  Facebook Integration in Social Login Pro Extension for Magento 2<\/h2>\n\n\n\n

                                                  At this point, you need to enter your Facebook Login app data in Magento 2 Social Login Pro Extension<\/a> configuration. <\/p>\n\n\n\n

                                                  In your Magento 2 admin panel, go to Plumrocket<\/strong> -> Social Login Pro -> Configuration<\/strong> -> Facebook<\/strong> tab.<\/p>\n\n\n\n

                                                  \n

                                                  Step-by-step guide:<\/p>\n\n\n\n

                                                  1. Paste your App ID<\/strong>.<\/li>
                                                  2. Paste your App secret<\/strong>.<\/li>
                                                  3. Click Save Config<\/strong>.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                                                    \"Configuring<\/figure>\n\n\n\n

                                                    The configuration of the Facebook Magento Social Login and Magento 2 Social Login application is now completed.<\/p>\n\n\n\n

                                                    Next Step<\/strong> > Return to Social Login Pro API Reference<\/a><\/strong><\/p>\n\n\n\n

                                                    Facebook Integration in Social Login Pro Extension for Magento 1<\/h2>\n\n\n\n

                                                    At this point, you need to enter your Facebook Login app data in the Magento Social Login Pro Extension<\/a> configuration. <\/p>\n\n\n\n

                                                    In your Magento admin panel, go to System<\/strong> -> Configuration<\/strong> -> Plumrocket Inc<\/strong> -> Social Login Pro<\/strong> -> Facebook <\/strong>tab.<\/p>\n\n\n\n

                                                    \n

                                                    Step-by-step guide:<\/p>\n\n\n\n

                                                    1. Paste your App ID<\/strong>.<\/li>
                                                    2. Paste your App Secret<\/strong>.<\/li>
                                                    3. Click Save Config<\/strong>.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                                                      \"Configuring<\/figure>\n\n\n\n

                                                      <\/p>\n","protected":false},"excerpt":{"rendered":"

                                                      How to Set Up Facebook API for Magento In this article, you will learn how to find your Facebook API and integrate Facebook Login into Magento Social Login Pro plugin and Magento Facebook & Twitter Login extension. Please follow the step-by-step instructions below. Step 1. Create Facebook App Step 2. Configure Facebook App After creating … <\/p>\n

                                                      Continue reading “How to Add Magento Facebook Login to Your Website”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[323],"tags":[],"yoast_head":"\nHow to Add Magento Facebook Login to Your Website - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"How to Set Up Facebook API for Magento In this article, you will learn how to find your Facebook API and integrate Facebook Login into Magento Social\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/plumrocket.com\/magento-social-login-pro\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Magento Facebook Login to Your Website\" \/>\n<meta property=\"og:description\" content=\"How to Set Up Facebook API for Magento In this article, you will learn how to find your Facebook API and integrate Facebook Login into Magento Social\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/magento-social-login-pro\" \/>\n<meta property=\"og:site_name\" content=\"Plumrocket Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-23T21:03:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-29T17:03:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2024\/02\/magento-social-login-pro-extesnion-facebook-api-configuration-0.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Plumrocket\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Add Magento Facebook Login to Your Website - Plumrocket Documentation","description":"How to Set Up Facebook API for Magento In this article, you will learn how to find your Facebook API and integrate Facebook Login into Magento Social","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:\/\/plumrocket.com\/magento-social-login-pro","og_locale":"en_US","og_type":"article","og_title":"How to Add Magento Facebook Login to Your Website","og_description":"How to Set Up Facebook API for Magento In this article, you will learn how to find your Facebook API and integrate Facebook Login into Magento Social","og_url":"https:\/\/plumrocket.com\/magento-social-login-pro","og_site_name":"Plumrocket Documentation","article_published_time":"2024-02-23T21:03:00+00:00","article_modified_time":"2024-02-29T17:03:39+00:00","og_image":[{"url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2024\/02\/magento-social-login-pro-extesnion-facebook-api-configuration-0.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Plumrocket","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/plumrocket.com\/docs\/#website","url":"https:\/\/plumrocket.com\/docs\/","name":"Plumrocket Documentation","description":"Extensions docs, troubleshootings etc.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/plumrocket.com\/docs\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/magento-social-login-pro#primaryimage","inLanguage":"en-US","url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2024\/02\/magento-social-login-pro-extesnion-facebook-api-configuration-0.png","contentUrl":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2024\/02\/magento-social-login-pro-extesnion-facebook-api-configuration-0.png","width":1206,"height":700},{"@type":"WebPage","@id":"https:\/\/plumrocket.com\/magento-social-login-pro#webpage","url":"https:\/\/plumrocket.com\/magento-social-login-pro","name":"How to Add Magento Facebook Login to Your Website - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/plumrocket.com\/magento-social-login-pro#primaryimage"},"datePublished":"2024-02-23T21:03:00+00:00","dateModified":"2024-02-29T17:03:39+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20"},"description":"How to Set Up Facebook API for Magento In this article, you will learn how to find your Facebook API and integrate Facebook Login into Magento Social","breadcrumb":{"@id":"https:\/\/plumrocket.com\/magento-social-login-pro#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plumrocket.com\/magento-social-login-pro"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plumrocket.com\/magento-social-login-pro#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Magento 2 Extensions","item":"https:\/\/plumrocket.com\/magento-extensions"},{"@type":"ListItem","position":2,"name":"Magento 2 Social Login Pro","item":"https:\/\/plumrocket.com\/magento-social-login-pro"},{"@type":"ListItem","position":3,"name":"Documentation","item":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro"},{"@type":"ListItem","position":4,"name":"Integrations","item":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/integrations"},{"@type":"ListItem","position":5,"name":"Facebook Login Configuration"}]},{"@type":"Person","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20","name":"Plumrocket","image":{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/72392a92ae750c66560be284502b6676?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/72392a92ae750c66560be284502b6676?s=96&d=mm&r=g","caption":"Plumrocket"},"sameAs":["https:\/\/plumrocket.com\/docs"]}]}},"_links":{"self":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/300"}],"collection":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/comments?post=300"}],"version-history":[{"count":20,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/300\/revisions"}],"predecessor-version":[{"id":27388,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/300\/revisions\/27388"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=300"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=300"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}