{"id":29366,"date":"2010-03-22T10:45:42","date_gmt":"2010-03-22T14:45:42","guid":{"rendered":"http:\/\/wpmu.org\/?p=29366"},"modified":"2012-06-04T01:44:12","modified_gmt":"2012-06-04T05:44:12","slug":"log-into-wordpress-with-facebook","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/log-into-wordpress-with-facebook\/","title":{"rendered":"Log Into WordPress With Facebook"},"content":{"rendered":"<p>Big news for WordPress blogs and BuddyPress came last weekend with a new plugin that enables logging in with a Facebook account on any BuddyPress installation. You knew it was coming and there are many reasons to welcome it.<br \/>\n<a rel=\"lightbox[29366]\" class=\"blog-thumbnail\" href=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2010\/03\/loginfacebook.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-29370 aligncenter\" title=\"loginfacebook\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2010\/03\/loginfacebook.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"234\" height=\"349\" \/><\/a><\/p>\n<p>Creating new accounts for every site you visit can really be a pain sometimes, especially when there are activation emails involved. Nobody wants the trouble of selecting a new username and password just to use your website.<\/p>\n<p>Break down that barrier on your WordPress and BuddyPress sites with the new <a href=\"http:\/\/wordpress.org\/extend\/plugins\/wp-fb-autoconnect\/\" rel=\"noopener\" target=\"_blank\">WP Social AutoConnect<\/a> plugin.<\/p>\n<p>Visitors will be far more likely to become members and participate on your site if all they have to do is log in with their existing Facebook account.<\/p>\n<p>Adding this convenience to your blog is an almost guaranteed way to see a spike in your user numbers. This is a yummy new addition for all of you social networking junkies who love to have everything hooked up to your Facebook account. :)<\/p>\n<h2>WP Social AutoConnect Plugin Features<\/h2>\n<ul>\n<li>No user interaction is required &#8211; the login process is transparent to new and returning users alike.<\/li>\n<li>Existing WP users who connect with FB retain the same local user accounts as before.<\/li>\n<li>New visitors will be given new WP user accounts, which can be retained even if you remove the plugin.<\/li>\n<li>Custom logging options can notify you whenever someone connects with Facebook.<\/li>\n<li>Custom actions allow you to modify connecting users according to their Facebook accounts.<\/li>\n<li>No contact with Facebook servers after the login completes &#8211; so no slow pageloads.<\/li>\n<li>Simple, well-documented source makes it easy to extend and customize.<\/li>\n<li>Won&#8217;t bloat your database with duplicate user accounts, extra fields, or unnecessary complications.<\/li>\n<li>Built-in BuddyPress support.<\/li>\n<\/ul>\n<h2>How to Install WP-FB-AutoConnect on your WordPress \/ BuddyPress Site<\/h2>\n<p>It&#8217;s not difficult but it does require a few more steps than your ordinary plugin. I&#8217;m going to make it simple for you. There are two parts to getting it working:<\/p>\n<h4>1. Create a Facebook Application for your site<\/h4>\n<p>Go to: <a href=\"http:\/\/www.facebook.com\/developers\/createapp.php\" rel=\"noopener\" target=\"_blank\">http:\/\/www.facebook.com\/developers\/createapp.php<\/a>. Give your application a name. This is what Facebook will show on the login popup. Copy the API Key and Secret, because you&#8217;ll need them in a minute. Click the &#8220;Connect&#8221; tab and enter your site&#8217;s URL under &#8220;Connect URL.&#8221; Last step is to click the &#8220;Advanced&#8221; tab and enter your site&#8217;s domain under &#8220;Email Domain&#8221; (i.e. example.com). Save changes.<\/p>\n<h4>2. Install, Activate, Drag and Drop the Widget<\/h4>\n<p>Appearance -&gt; Widgets, and add the WP-FB AutoConnect widget to your sidebar, OR if you&#8217;re using BuddyPress, a Facebook button will be automatically added to its built-in login panel.<\/p>\n<p><a rel=\"lightbox[29366]\" class=\"blog-thumbnail\" href=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2010\/03\/fbpopup.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-29373 aligncenter\" title=\"fbpopup\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2010\/03\/fbpopup.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"300\" height=\"280\" \/><\/a><\/p>\n<h2>How is this different from other Facebook Connect options?<\/h2>\n<p>Most Facebook connect options do not offer auto user creation, which is what I believe makes this plugin far superior to all previous options. It also does not require users to manually &#8220;Connect&#8221; their WordPress account to their Facebook one before they can log in. Here&#8217;s what truly makes this plugin big news for the WordPress community:<\/p>\n<blockquote><p><strong>What other kinds of cool stuff can I do when a user connects?<\/strong><br \/>\nSee the Facebook API for ideas. By the time the &#8216;wpfb_login&#8217; hook gets called you&#8217;ve already got a valid session and matching local user, so the bulk of the work is done for you &#8211; all that&#8217;s left is to pull the information you want from Facebook and use it on your site however you wish.<\/p><\/blockquote>\n<p>Chew on that for a minute and hopefully, it will spark up some innovative ideas of your own!<\/p>\n<p>I&#8217;ve tested this plugin with WordPress 2.9.2 , WP 2.9.2 + BuddyPress 1.2.2.1, as well as WPMU 2.9.2 + BuddyPress 1.2.2.1 and it works flawlessly in all scenarios.<\/p>\n<p>The <a href=\"http:\/\/www.justin-klein.com\/projects\/wp-fb-autoconnect\" rel=\"noopener\" target=\"_blank\">homepage for the plugin<\/a> has even more detailed information about installing, customizing, and troubleshooting. This is a very well done plugin with lots of documentation for extending it. Many thanks to <a href=\"http:\/\/www.justin-klein.com\/\" rel=\"noopener\" target=\"_blank\">Justin Klein<\/a> for this exciting new plugin for the BuddyPress community. Somebody, please buy him a coffee. ;)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Big news for WordPress blogs and BuddyPress came last weekend with a new plugin that enables logging in with a Facebook account on any BuddyPress installation. You knew it was coming and there are many reasons to welcome it. Creating new accounts for every site you visit can really be a pain sometimes, especially when [&hellip;]<\/p>\n","protected":false},"author":4099,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[1,557,235,4],"tags":[795,982],"tutorials_categories":[],"class_list":["post-29366","post","type-post","status-publish","format-standard","hentry","category-news-community","category-development","category-misc","category-plugins","tag-facebook","tag-social-media"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/29366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/4099"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=29366"}],"version-history":[{"count":6,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/29366\/revisions"}],"predecessor-version":[{"id":181471,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/29366\/revisions\/181471"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=29366"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=29366"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=29366"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=29366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}