• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 579
  • Last Modified:

How to create a Login with Facebook on a form?

Hi
I've looked at Facebook developer pages until I go blue in the face. I am looking for a simple way to add the "Login with Facebook" link to our forms so that people with Facebook accounts can quickly fill in forms to our site. I've seen this everywhere, but cannot find simple instructions or guidelines.

Hopefully not needed, but it looks like I must get a appid from Facebook. Any way to avoid? At present the relevant page in FB impressively comes up with a message mainly in HTML:-
"Your account must be verified before you can take this action. Please verify your account by adding your <a onclick="var newwindow = window.open(&quot;http:\/\/www.facebook.com\/confirmphone.php",'confirm_phone';, &#039;height=350, width=520, left=100, top=100, resizable=yes, scrollbars=no, toolbar=no, status=no&#039;);if (newwindow) &#123; newwindow.focus();&#125; else &#123; alert(&quot;A pop-up blocker may be disabling the the mobile verification window.&quot;);&#125;">Mobile phone</a> or <a href="https://secure.facebook.com/cards.php" target="_blank">Credit/debit card</a>."!
0
pld51
Asked:
pld51
3 Solutions
 
pld51Author Commented:
Sorry for the delay in answering. The tutorial looks good, but it looks like you have to create an application first. Is there no way to avoid this?
0
 
Mike DSolution ConsultantCommented:
No, there is no way to avoid this. The App and with it the app ID are how facebook maintain the connection between your website and their database.
What's your problem? Just verify your account (you do have a mobile phone I presume), set up your app and be done...

Greets
JD
0
Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
pld51Author Commented:
Thanks johndoeherty:
Yes, have mobile but in Costa Rica, so first attempt failed to get SMS. Not easy. And how/what to create as app also a mystery.
0
 
Mike DSolution ConsultantCommented:
Did it work now with the SMS? If Yes your ready to go!
Install the developer app, Set up an app (you don't really have to fill all the fields out since you only need the app id and secret) and use them as described above.

JD
0
 
pld51Author Commented:
Not tried again with SMS. I realize I am not still clear on process.

I have a personal facebook profile which is one of the administrators of a new company page just being created. The Facebook Connect we want to create is for the company, ie objective is for people to fill in forms on our company website using FB Connect.

So do I get my personal profile verified, and create an app for the personal account? Or should it be somehow linked to the FB page for the company?
0
 
MlandaTCommented:
http://msdn.microsoft.com/en-us/windows/ee702803

You will need to get you profile verified. This is done for security reasons.
0
 
Mike DSolution ConsultantCommented:
Yes, you get your personal profile verified and create the app. The app is your 'property'. It could be a stand-alone app (so called 'canvas' app) which lives by itself under a URL like http://apps.facebook.com/name_of_your_app or a 'profile' app which lives on your (or any other) business page and shows up in the left navigation (what used to be 'tabs').
In your case it would be neither, you just need the app id and secret as a type of identification so facebook knows who is accessing their API.

Don't confuse this with the 'like' (or 'share' etc) button or the like or feed box - these either post a link to your website on the persons profile or display what's going on on your company page.

JD
0
 
pld51Author Commented:
Thanks for all the help, and extreme apologies for my long delay at the end. Help appreciated!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Certified Penetration Testing

This CPTE Certified Penetration Testing Engineer course covers everything you need to know about becoming a Certified Penetration Testing Engineer. Career Path: Professional roles include Ethical Hackers, Security Consultants, System Administrators, and Chief Security Officers.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now