For Social Login to work on your site, you need to set up a dedicated Application in each of the social networks you wish to use as a Social Login provider.
1) Create a Google+ App
Below you can find step-by-step instructions to set up and configure an Application for Google+.
Step 1: Create a new Google+ App
1. Login to your Google Account.
2. Go to the Google Developers console.
3. Click “Create a Project”.
4. Insert your App name in the New Project box.
5. The project ID will be automatically created for your App. You can click “Edit” and add a project name of your preference.
6. Click “Create”.
7. You will receive a notification stating your latest actions.
Step 2: Select the APIs that you will use
1. After you create the App you will be redirected to the APIs directory. You will choose Google+ API under the Social APIs.
2. On the following page click “Enable” to enable the Google+ API.
3. After clicking “Enable” a message will show up notifying you that in order to use this API, you need to create credentials. Click “Go to Credentials”.
Step 3: Create and get your Google credentials
- First, a general page information will open up, requesting information on the type of project that you will use. Select “Web server” in the drop down list of Where you will be calling the API from and then select “User Data” when questioned about the type of data that you will be accessing.
2. Then you will create your oAuth 2.0 Client ID.
In the authorized JavaScript origins add https://my.socital.com and your website’s URL in the format of https://yourwebsite.com.
In the authorized redirect URIs add https://plugin.socital.com/api/v1/auth/callback
Then Click on “Create Client ID”.
3. Set up your consent screen adding your email address and your product or service name in the applicable field. Then click on “More customization options”.
4. An extended list of fields will show up, where you should add your Homepage URL, your logo, Privacy Policy and Terms of Service.
Note: The consent screen will be shown to users whenever you request access to their private data using your client ID. Therefore, it is important to enter all the information requested in the OAuth Consent Screen tab including Homepage URL, your Logo, Privacy Policy and Terms of Service. This way you will create bigger trust to the end user to eventually login to your site using your Google+ App.
5. Click “Continue”.
6. The final step is to download your credentials in a JSON format. You can download them if you wish, or you can directly click “Done”.
7. You can click on “Web Client 1” in your redirect page and you will have your credentials ready!
2) Connect your Google+ App with your Socital account
To allow Socital to connect to Google+ on your behalf, to extract User Data, authenticate users and offer its other services to you, you need to connect to your Socital Account the Google+ App which you are using for Google+ Login.
Step 1: Get your Google+ App ID and App Secret
Note: if you already have a Google+ App and you just need to connect it to Socital, please follow the instructions as presented below. In case you just created your app using our documentation, skip Step 1 and go directly to Step 2: Add your Google+ App ID and App Secret to your Socital Account
1. Go to Google Developers Console.
2. Login to your Google Account.
3. Select the app that you created for Social Login.
4. Then go to “Credentials” from the left-side menu.
5. Click on “Web Client 1” and then you will be presented with your app’s credentials.
Step 2: Add your Google+ App ID and App Secret to your Socital Account
1. Login to your Socital Dashboard.
2. Open the drop-down menu in the top right corner and choose “Account Settings”.
3. From the left-hand menu open the “Connect Social Apps” tab.
4. Click on “Connect a Google Application”.
5. In the pop-up enter your Google+ App Name in the “Your Application Name” field, then your Client ID in the “Your Application Client ID” field and your Google+ Client Secret in the “Your Application Secret” field and click on “Connect”.
6. You should see a Success message in the popup.
7. You can now see the connected Google+ App in the list of your Connected Social Media Apps.
