Facebook App Login/Api

We are trying to add the Facebook login feature to our site: https://developers.facebook.com/docs/facebook-login/

Initially, we tried just writing the code, but ultimately ended up trying to use embedded html. Something with Wix is preventing access and we receive the following error message however, I have double and triple checked the links in Facebook and they are correctly listed.

Error Message:

Warning
URL Blocked: This redirect failed because the redirect URI is not whitelisted in the app’s Client OAuth Settings. Make sure Client and Web OAuth Login are on and add all your app domains as Valid OAuth Redirect URIs.

Here is a link to the page. Click on the blue button that says “use facebook email” just beneath the input field. https://www.distinctvalues.com/fb

Hi,
You can add a member login button and enable the Facebook toggle to allow visitors to login with a Facebook account. Click here to learn more about Setting Up Your Member Login Button. Click here to learn more about Adding a Member Login Button.

For more questions regarding this feature, please contact Wix Support team .

Have a good day,
Tal.

Was this ever resolved without using Member Login? I’ve had numerous issues using the Wix member pages and would prefer to use Linkedin and Facebook Rest API instead. Has anyone successfully incorporated this into their site without using the Member area made without wix code?

Well, kind of. We used the embedded site function and did it that way. It works for what we need, which is collecting user data

HI Jaime, can we see the code you used? i’m having the hardest time integrating my fb app, backend and page code

Same here I have no idea on how to solve it, been going through the internet for days trying things out with embedded html with no luck… would be nice if wix support team could just give a basic example… or just somebody puts in an example

Still anyone with this problem? I had a similar problem and tried to add code in page via the iframe component. For me it was solved very simply:

  • by cut the code on the Iframe
  • going to the track and analyze section (in advanced settings).
  • There I added (at the right top of the screen) a new tool and chose adapted/custom.
  • Next, I selected the page where I needed the facebook connection and added it to the beginning of the body
  • I ran the basic facebook code example with my own app Id and it worked - no more URL Blocked message
    Hopes this helps!

Hi Jurgen, can you DM me the website and facebook app you built. i would like to check it out and learn from it.