Home / Integrations

How to Set Up Social Accounts

Customer Success Team

Last updated on Dec 08, 2023

At Ucraft, you can integrate Google, Facebook and VK Social OAuth (Open Authorization) login systems to your website.

Google OAuth

  1. Follow this link at Google:

  2. Select 'Create a project' and click on 'Continue'. If this is the first time you're creating a project, you will also be asked to accept the 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 set up an 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 the Authorized domains field. Click save afterwards.
7. You will then see a window. Click the 'Create credentials' button and choose OAuth client ID.

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

9. Now the tricky part. You need to add the redirection link to the 'Authorized Redirect URLs' field so that it has the form:
https://domain/socialAuth.php
where the 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 the 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 the 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 the 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 the User Accounts element.

By 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 Chatbox in the lower right corner and our Support Team will be glad to assist you!