Instructions on setting up Facebook Login on your website for convenient login for customers.
To get started, click this below:
Facebook updates their login app frequently. We apologize if this documentation is out of date and please contact email@example.com
This will take you to the Facebook for developers site. Follow the steps to connect your account then click Create App
Next, select Build Connected Experiences
Next, enter the fields;
- App Display Name - his is the app name associated with your app ID.
- App Contact Email - this email address is used to contact you about potential policy violations, app restrictions or steps to recover the app if it's been deleted or compromised.
- Select No Business Manager Account selected with the drop down menu
On the next screen select Set Up under the Facebook Login square.
Next, select Web
In Step 1 you will need to enter the site URL.
To get your website URL from the admin panel, navigate to Settings > General and copy and paste the Website URL into the Site URL field for the Facebook Login app.
Once you have entered the Site URL to the field, select Save and Continue
On Step 2, select Next
On Step 3 scroll down to select Next again.
On Step 4 select Next again.
From Step 5 at the top of the screen Click to Copy the App ID by scrolling over the App ID number
Now, go back to Commerce7 admin panel and select the Apps & Extensions tab. Scroll down to the Commerce7 Extensions section and select the Facebook Login app.
Next, paste the App ID from your Facebook for developers site in the App ID field and then use the drop down menu to switch the app to Active and then select Save.
Next, go back over to the Facebook for developers site and toggle the In Development option the right
Then, select from the pop up window select Basic Settings link.
Under the Category section use the drop down menu to select Business and Pages
Once you select Save Changes it will remain on this page and then toggle the In App Development to the right again
This time select Update on the pop up window
Lastly, go to Permissions and Features and set email and public_profile to Advanced Access.
Your Facebook Login is now setup!
Test it out by going to your URL Account Login page and select the Continue with Facebook tab to ensure it is functioning properly.