Social Login/Register feature allows the user to login/register with their social media account like Facebook, Google, Twitter, LinkdIn, Instagram and Pinterest without using any separate username or password. There is also option to register with user email id and password. This script is very easy to install and can be used in any existing project. You can instantly add Facebook, Google, Twitter, LinkdIn, Instagram and Pinterest login/register feature to the website within minutes. Also, forgot password and reset password through email verification, functionality are integrated in this script.

1. LoginRegisterwithSocial AccountusingPHP V2
www.a2zwebhelp.com
1
Login Register with Social Account using PHP
Created: 01/01/2019
By: Subhashree Nanda
Email: contact@a2zwebhelp.com
Table of Contents
1. Introduction
2. FoldersandFilesStructure
3. Howto Install
4. Register with your email
5. Integrate Facebook
6. Integrate Twitter
7. Integrate LinkedIn
8. Integrate Google
9. Integrate Instagram
10. Integrate Pinterest
11. Upload and Test
Thank youfor purchasingmytheme.If youhave anyquestionsthatare beyondthe scope of
thishelpfile,please feelfree toemail viamyuserpage contact form here.Thanksso much!

2. LoginRegisterwithSocial AccountusingPHP V2
www.a2zwebhelp.com
2
1. Introduction
PHP Login/RegistrationSystemisacomplete loginandregistrationsystemdevelopedinPHPand
MySQL whichincludesregistrationwithEmail id,Facebook,Twitter, LinkedIn,Gmail,Instagram, and
Pinterest.The registrationandloginform isdesignedinHTML5 and Bootstrap4 with jQuery validation.It
isveryeasyto install andintegrate withyourexistingproject.
2. Folders andFiles Structure
Please download Login_Register_with_Social_Account.zip file andunzipinyoursystem. Youwill get
“Login_Register_with_Social_Account”folderwhichcontainsall filesandfolderrequiredtorunthis
program. You can see twofoldersinthe rootdirectory1. database and2. register. Database folder
containsthe SQL file tocreate the registertable. Andregisterfoldercontainstotal 7foldersand18 PHP
files.

3. LoginRegisterwithSocial AccountusingPHP V2
www.a2zwebhelp.com
3
assets: Thisfoldercontentsall designrelatedfileslikeCSS,JS fontsandimages.The formsare designed
inbootstrapso we will getall CSSfilesincssfolder.Youcan change color,layoutand formdesign
throughthe CSS files.
Facebook: Thisfoldercontainsall libraryfileandsettingfilesin PHP.Noneedtochange any PHP library
files,youneedtochange “settings.php”file whichwe will discusslater.
google:ThisfoldercontainsGoogle loginAPIfile andsettingfile.
instagram: This folderalso containsthe APIfilesandsettingfiles.
linkedin:Thisfoldercontainslibrary filesandconfigfile.
pinterest:Thisfoldercontainlibraryfileandsettingfile.
twitter: Thisfoldercontainlibraryfileandconfigfile.
You needtorun register.phpor login.php
3. How toInstall
Step-1: Create Database /Table
Before runningthe projectyouneedtocreate the registertable. If youhave anexistingdatabase then
imports“register.sql”to your database. If youdon’thave any database thencreates a database and
importsthe files.

4. LoginRegisterwithSocial AccountusingPHP V2
www.a2zwebhelp.com
4
Step-2: Change the connection file
Nowyouneedto change “connection.php”file withyourvalues. Youneedtochange $username,
$passwordand $dbname withyourdatabase name.
Step-3: Copy / Upload files to Server.
Nowuploadall file to yourserverthrough any FTP program youuse. Let’sassume yourfoldername is
register. To runthe programsenterhttps://www.yourdomain.com/register.php inyourbrowser.
The new usercan eitherregisterbyfillingupthe registrationformorbyclickingonany social media
icon. Andif the userregisterbefore thenhe/she can loginbyenteringusername andpasswordor
clickingonthe social mediaiconhe had registeredwith.

5. LoginRegisterwithSocial AccountusingPHP V2
www.a2zwebhelp.com
5
4. Register withyour email
Thisis the basicregistrationprocessof anyregistrationform, enterFastname,lastname,email address,
passwordandconfirm the password to create a new account. Once the userentersall informationthe
data will be storedinourdatabase and the userbecomesa registeredmember.The passwordwill be
encryptedandstore inthe database. “encryptIt”a user-definedfunctionusedtoencryptthe password.
Registeredusercan loginto the systemthrough login.php file.

6. LoginRegisterwithSocial AccountusingPHP V2
www.a2zwebhelp.com
6
If the userenterscorrectemail addressandpasswordthenthe systemwill take the usertomyaccount
page.
Forgot Password?
The systemalsoprovidesforgotpasswordfacility, the userneedstoenterthe correctemail address.If
the email addressmatch withour database thenthe systemwill sendresetpasswordlinkto the user's
email address.
resetpassword.php

7. LoginRegisterwithSocial AccountusingPHP V2
www.a2zwebhelp.com
7
5. Integrate Facebook
To integrate Facebook loginregistrationsystemyouneed Facebook AppClientId,ClientSecret, Client
Token and alsoyouneedto set RedirectURL whichwill returnbackto yoursystemaftergetting
authorization.Mostimportant yourservershouldbe SSLenabledandthe systemshouldrunonHTTPS.
How to generate RequiredKeys for Facebook:
Go to FacebookDeveloper(https://developers.facebook.com/apps) accountandloggedinwithyour
Facebookusername andpassword,thencreate New Appand fill upthe form andregisteryourwebsite
and clickon “Create AppID”.
Afteryouhave createdthe AppID and enteredyourwebsite’sURLitwill generate the AppID , App
Secretand ClientToken.

8. LoginRegisterwithSocial AccountusingPHP V2
www.a2zwebhelp.com
8
To get yourClientToken goto settings (LeftPanel)>Advanced,here youwillgetyourClientToken
Once thisis done nowsetyour redirectURL fromleftpanel goto FacebookLogin > Settings
Once every thingisset, save the changes.
Nowopenthe folderyouhave downloaded,goto the Facebook folderandopen “settings.php”file and
replace the keyvalues.

9. LoginRegisterwithSocial AccountusingPHP V2
www.a2zwebhelp.com
9
Save the file,Noneedtodoany otherchanges. Now the systemisreadyto Loginand Registerthrough
Facebook.
6. Integrate Twitter
Same as Facebookto integrate Twitteryouneed ConsumerKeyandConsumerSecret.
How to generate RequiredKeys for Twitter:
To generate the key you need to login to Twitter Developer (https://dev.twitter.com/) account
with your Twitter user name and password. Aftersuccessfullyloggedin toTwitterDeveloper
account clickon create newAppand fill upthe required information.
Afteryoufill upall informationitwillgenerate requiredkeys.

10. LoginRegisterwithSocial AccountusingPHP V2
www.a2zwebhelp.com
10
Nowopen config.phpfile intwitterfolderandchange the keysandsave the file. Now the systemis
readyto Loginand RegisterthroughTwitter.
7. Integrate LinkedIn
Same as FacebookandTwitterwe will generate ClientIdandClientSecretand use inour system.
How to generate RequiredKeys for LinkedIn:
To create your Applicationkeys,loginto LinkedIndeveloperaccount
(https://www.linkedin.com/developer/apps).Here youcancreate Applicationandfillupthe required
fields.Once youare done itwill generate the keys
Under application permission,youneedtocheck r_basicprofile andr_emailaddressess.Also,youneed
to setthe RedirectURL.

11. LoginRegisterwithSocial AccountusingPHP V2
www.a2zwebhelp.com
11
Once done open config.phpfile inlinkedinfolderandchange the values.
8. Integrate Google
Like othersocial media,we needwe needClientidandClientsecretfromGoogle.Itcanbe generated
throughyour Gmail account loginindetails.
How to generate RequiredKeys for Google:
To generate keysforGoogle,pleaselogintoGoogle developeraccountand create a new project. Enter
requiredinfotogenerate the keys. (https://console.developers.google.com/)
Also, don’tforgettoenteryourredirectURL.

12. LoginRegisterwithSocial AccountusingPHP V2
www.a2zwebhelp.com
12
Once you generate the keyspleaseopen settings.phpingoogle folderandchange the values.
9. Integrate Instagram
Now it’stime to generate the keyforInstagram, Itcan be done inInstagramdeveloperaccountwith
your Instagramlogininformation.
How to generate RequiredKeys for Instagram:
You needtologinto Instagramdeveloperaccounttogenerate the requiredkeys.
https://www.instagram.com/developer/ here youcanregisteryourappand generate the keys.
Go to Manage Clients(TopMenu) > RegisterNew Clients >Fill upthe requiredfields.

13. LoginRegisterwithSocial AccountusingPHP V2
www.a2zwebhelp.com
13
Once you registerthenyoucanset yourredirectURL under the security tab
Nowopen “instagram-api-settings.php” ininstagramfolderandchange the values.
10. Integrate Pinterest
Nowlet’sgenerate the keyfrom Pinterestandintegrate inoursystem.The processissame asthe other
social mediaaccounts.
How to Generate RequiredKeys for Pinterest:
Go to PinterestDevelopersection(https://developers.pinterest.com/),here youcancreate a new
projectand generate requiredkeys. Aftersuccessful logintoPinterestdeveloperaccount “Create new
App”.

14. LoginRegisterwithSocial AccountusingPHP V2
www.a2zwebhelp.com
14
Once you fill upthe detail yourkeywill be generated,
Also, don’tforgettoenteryourRedirect URL

15. LoginRegisterwithSocial AccountusingPHP V2
www.a2zwebhelp.com
15
Once everythingisset,pleaseopen“pinterest-api-settings.php”file in pinterestfolderandchange the
values.
11. Upload and Test
Once you create all the requiredkeysandupdate the relatedfile now it’stime touploadall fileto the
webserverandtestour program. Youcan use anyFTP program to uploadyourfilestothe server. Before
startingthe systemor run register.phpfilepleasedouble checkyoudidthe followingchangestothe
followingfiles.
1. connection.php(rootfolder):Changedthe values withyourdatabase userandpassword.
2. settings.php inFacebook folder.
3. config.php intwitterfolder.
4. settings.php ingoogle folder.
5. instagram-api-settings.php ininstagramfolder.
6. config.php inlinkedin folder
7. pinterest-api-settings.php inpinterestfolder.

16. LoginRegisterwithSocial AccountusingPHP V2
www.a2zwebhelp.com
16
Nowrun register.phpandtestthe Loginandregistrationsystem.
If you face any difficultyrunningthe file orneedmore helponanysectionthenplease fill free tocontact
us at contact@a2zwebhelp.com ora2zwebhelp@gmail.com.