At Ucraft you can integrate Google, Facebook and VK Social OAuth (Open Authorization) login system to your website. Since users can simply log in using their existing social accounts it will be a good idea to setup one on your own website. We promise, if you follow our instructions step by step it will take you no more than 15 minutes to setup each of the social logins.

Google OAuth 

1. Follow this link at Google: https://console.developers.google.com/flows/enableapi?apiid=fitness

2. Select 'Create a project' and click on 'Continue'. If you have never previously created a project you will be asked to accept Terms and Conditions.

3. Click on 'Go to credentials'.

4. Select 'Fitness API' in the first dropdown, 'Web browser (Javascript)' in second one and then select 'User Data'.

5. You will then see a popup saying that you need to setup OAuth consent screen. Choose 'Set up consent screen'.

6. You will now be redirected to a new page. Leave everything by default and add your Application name as well as add your domain name to Authorized domains field. Click save afterwards.
7. You will then see a window. Click 'Create credentials' button and choose OAuth client ID.

8. Choose 'Web Application' from 'Application type'. Add the domain of your website to Authorized Javascript origins field.

9. Now the tricky part. You need to add the redirection link to 'Authorized Redirect URLs' field so that it has the form:
https://domain/socialAuth.php
where domain is the domain name of your website

10. Click 'Create'.
11. Now you will see a window with your client ID and client secret. Copy them.

12. Go to Dashboard > Integrations App > Social Icons > Google and paste these 2 credentials in their respective fields. 

13. Click 'Connect'.

That's it :) If you have done everything correctly and followed every step your users will now be able to log in to your website using their Google account through the User Account element.

 Facebook OAuth

1. Go to https://developers.facebook.com/docs/apps and log in using your Facebook account.

2. After that please navigate to 'My Apps' and choose 'Create App.'

3. Enter the app's Display Name and click on 'Create App ID'.

4. From the products list choose Facebook Login and click on 'Set Up'.

5. On the left panel find and click on Settings > Basic.

6. In App domains add your website's domain > Save changes.
7. On the left panel find and click on Facebook Login > Settings.

8. In Valid OAuth Redirect URLs add the url of this form:
https://domain/socialAuth.php
where domain is the domain name of your website

9. Click 'Save Changes'.
10. Go back to Settings > Basic and copy App ID and App Secret.

11. Go to Dashboard > Integrations App > Social Icons > Facebook and paste these 2 credentials in their respective fields.

12. Click 'Connect'.

Congratulations, you now have Facebook login functionality on your website :) Check it with User Accounts element.

 VK OAuth 

1. Log in to your VK account.

2. Follow this link: https://vk.com/apps?act=manage

3. Click on 'Create App'.

4. Write the title, choose 'Website' and the domain of your website to Website address and Base domain fields.

5. Go to Settings. In Authorized redirect URL add the url of this form:
https://domain/socialAuth.php
where domain is the domain name of your website

6. Click 'Save Changes'.

7. Go back to Settings > Basic and copy App ID and App Secret.

8. Go to Dashboard > Integrations App > Social Icons > Vkontakte and paste these 2 credentials in their respective fields.

9. Click 'Connect'.

Now you have VK Login functionality on your website. You can check it with User Accounts element :)

With adding the Social Accounts system you can greatly save your customers' time as well as increase the number of registered users on your website.

You can also check some other helpful articles in our Help Section that will let you know about additional options to improve your website's ease of use.

In case you need further assistance just hit the Chat Box in the lower right corner and contact our Support Team. We will make sure to answer your questions swiftly and on point!

Did this answer your question?