At Ucraft, you can integrate Google, Facebook and VK Social OAuth (Open Authorization) login systems to your website. Since users can simply log in using their existing social accounts, it's a good idea to set one up on your own website. 

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.

Have more questions? We recommend checking out these Articles for a bigger view of Ucraft.

And always remember, we're just a step away! Hit the Chat box in the lower right corner and our Support Team will be glad to assist you!

Did this answer your question?