Facebook login app

Let your guests log in with Facebook

By integrating Facebook as an app into your dashboard, you will be able to enable Facebook login within your campaigns.

Required:

  • Active MyWiFi subscription
  • Active location set up in MyWiFi with an assigned campaign

Facebook app setup

You will first need to log in to your Facebook developer account and create a new Facebook app.

  1. Log in to your Facebook developer account at https://developers.facebook.com.
    mceclip0.png
  2. Click My Apps. If you have not yet created any apps, this will instead say Get Started.
    mceclip1.png
  3. You will then be taken to your App screen and will click Create App.
    mceclip2.png

  4. When prompted with the question How are you using your app?, select for Business click Savemceclip3.png
  5. Provide a Display Name for your app and verify the Contact Email, associate a business account if you are using your own business account, then click Create App ID.
    mceclip4.png
  6. Complete the security check by typing your Facebook password, based on the account you are using.

  7. You will then need to add a Product to your App. Navigate to Facebook Login and click Set Up.
    mceclip14.png
  8. Select Web as the platform for your app.
    mceclip15.png
  9. Provide your Custom Social Portal URL.
    Haven't set this up? Head to your branding section within MyWiFi and follow this guide before continuing!
    mceclip16.png
  10. Click Save.
    mceclip17.png
  11. Select Settings from the left menu.
    mceclip18.png
  12. Select Basic.
    mceclip19.png
  13. Fill in these fields:
    App Domains - Provide your full custom social portal URL, including https://
    Privacy Policy URL - Provide your full custom Control Panel URL, adding /page/privacy.
    Example: https://yourcustomcontrolpanel.com/page/privacy
    Category - Select a category from the dropdown menu; we recommend Business & Pages.
    mceclip10.png

  14. Facebook has recently added a Data Deletion Callback URL for GDPR compliance. This field is required. The URL that will be placed as the callback will be https://yoursocialportal.com/myprofile/index, as seen below.

    mceclip0.png
  15. Click Save Changes.
    mceclip21.png

Facebook login setup

Now that you have a Facebook app created, you can retrieve the App ID and App Secret, set your Facebook app live, and integrate your new app into your dashboard.

  1. Click Facebook Login in the main menu.
    mceclip22.png
  2. Click Settings.
    mceclip23.png
  3. Provide your custom social portal URL into the Valid OAuth Redirect URLs field.
    mceclip24.png
  4. Click Save Changes.
    mceclip25.png
  5. Select App Review -> Permissions and Features.
    mceclip7.png
  6. On this page, you will scroll to find 2 permissions Public_Profile and Email. They should be labeled as Auto Granted, You will then click Get Advanced Access for both.
    mceclip8.png

  7. You will then need to confirm advanced access for each by checking the box in the modal and clicking Confirm. You will then need to enter your Facebook password in the ensuing pop-up.
    mceclip9.png
  8. You will then return to Settings -> Basic in the left menu. Click Show in the App Secret field. (You will need to enter your Facebook password.)
    mceclip29.png
  9. Copy your App ID and App Secret.
    mceclip30.png

 

Facebook integration

Now that you have your Facebook API credentials, you can integrate Facebook as an app within MyWiFi.

Thumbnail

  1. Select Apps from the main menu.
    menu-Apps.JPG
  2. Click Add New App.
    mceclip0.png
  3. Select Social Apps.
    mceclip0.png
  4. Select Facebook.
    mceclip0.png
  5. Provide an App Name your App ID and App Secret.mceclip2.png
  6. Click Proceed.
    mceclip3.png

 

Enable Facebook social login

Now that Facebook has been added as an app, you can now add the Facebook social login option to your campaign.

Thumbnail

  1. Select Campaigns from the main menu.
    menu-campaigns.JPG
  2. Click Edit Campaign.
    mceclip0.png
  3. Select the Login tab.
    mceclip8.png
  4. Click Connect with Facebook.
    mceclip0.png
  5. Select your Facebook app -- If you do not have a Custom Social Portal only the default Facebook app will be available for use.
    mceclip6.png
  6. Click Save Campaign.
    mceclip1.png
  7. Your campaign is then updated and will begin displaying the new Facebook login option.
    mceclip0.png

Thumbnail

Need Help?

If you have any questions, please contact our support team by clicking the support icon located in the bottom right-hand corner of this page.

Was this article helpful?
0 out of 3 found this helpful

Comments

0 comments

Please sign in to leave a comment.