Setting-up Facebook Login

How To Create A Facebook App:

Here, we will guide you step-by-step how to create a Facebook App. If you already have a Facebook App, please feel free to skip this step and proceed to the next section.

Step 1: Go to https://developers.facebook.com/apps

Once inside the platform, click on Create APP

Step 2: Select "Business" and then "Next"

Step 3: Fill-up your App details then click "Create App"

Note: Business Account is optional - but if you have one, please select it.

Step 4: Go to Settings 👉 Basic 👉 Fill-up required fields 👉 Save Changes

The fields you must fill-up are the ff:

1. App Domains: Enter your Academy alias domain (ex: mmio.smaartr.io) or your custom domain (ex: colzzky.com)

2. Privacy Policy: Enter your privacy policy URL here.

3. Terms of Service URL: Enter your terms of service URL here.

Setting-up Facebook Login:

Step 1: Add Product 👉 Facebook Login 👉 Set-up

On your Facebook App dashboard, click the "Add Product" link on the left side-bar menu. Then find the "Facebook Login" app and click "Set Up"

Step 2: Select "Web"

Step 3: Add Site URL:

Enter your Academy Alias URL here (Ex: https://mmio.smaartr.io) or your custom domain (Ex: https://colzzky.com)

Then click "Save"

After saving, it's not necessary to click the continue button.

Skip all other steps and Just proceed to the step 4.

Step 4: Go to Facebook Login 👉 Settings

On your left side-bar, click Facebook Login and then Settings.

Step 5: Configure Facebook Login Settings

Configure the settings as instructed below:

• Login from Devices - Yes

• Login with the Javascript SDK - Yes

• Allowed Domains for the Javascript SDK - add your Academy's alias URL (ex: https://mmio.smaartr.io) or your custom domain (ex: https://colzzky.com)

Step 6: Finally, scroll down and click "Save Changes"

Step 7: Upgrade your public_profile permission to "Advanced Access"

• Go to App Review

• Click Permissions and Features

• Search "public profile"

• When you see the "public_profile" entry, click "Get advanced access" button

Check the agreement checkbox then click Confirm

After confirming, you should be able to verify that your App has now Advanced access to Public Profile permission like below:

Step 8: Upgrade your "email" permission to "Advanced Access"

• Go to App Review

• Click Permissions and Features

• Search "email"

• When you see the "email" entry, click "Get advanced access" button

Check the agreement checkbox then click Confirm

After confirming, you should be able to verify that your App has now Advanced access to Email permission like below:

Setting-up Smaartr IO Login Settings for Facebook:

Step 1: Add your FB App ID to Smaartr IO

After setting-up your Facebook login, copy your Facebook App's ID

Then add your FB App ID on your academy settings.

• Go to Academy Settings

• Go to Login Settings Tab

• Add the Facebook App ID

Step 2: Add your FB App Secret to Smaartr IO

• Go to Settings 👉 Basic

• Click "Show" button on the App secret field

Copy the App Secret

Then add your FB App Secret on your academy settings.

• Go to Academy Settings

• Go to Login Settings Tab

• Add the Facebook App Secret

And last but not the least, let's click "Save"!

That's it!

Once you have followed every step on this article, your Facebook Login should now work.

If you need further help, please create a support ticket.