In this blog I am going to explain how you can do this.
First of you have to install following two plugins in Magento.
GoMage Social Connector
With the first login you will get social login options in admin where you can configure your social networks like Facebook and Google and add necessary information like App id and redirect URL etc.
Once it's configured in admin, you will get Social Connectors option in login page like this.
But we need this options in Ajax Login Popup.
So to do this we will copy code for GoMage Extension to this. To do this go to.
And open index.phtml file.
Add following code before buttons code.
<!-- Social Login -->
<a href="#" onclick="gomageSocialFBLogin();return false;" title="<?php echo $this->getText('facebook') ?>">
Login with Facebook
<a href="<?php echo $this->getUrl('gomage_social/google/login', array('_secure' => true, 'gs_url' => Mage::helper('core')->urlEncode(Mage::helper('core/url')->getCurrentUrl()))); ?>" title="<?php echo $this->getText('google') ?>">
Login with Google
That's it and now you will have social connector options in Ajax login.
I have just added basic designs, you can change it as per your requirements.