General questions

This section contains frequently asked questions related to One Click Social Login. If you cannot find an answer to your question make sure to contact us.

How Social Login works if the social network API doesn't provide the customer email?

Due to security restrictions some of the social login networks doesn't provide the customer email when they login. Below is a list of social networks permissions:


  • Facebook: Depends on the security of the customer account (default allows to share email)
  • Google: Customer email is available
  • Twitter: Customer email is available
  • Linkedin: Customer email is available
  • Outlook: Customer email is available
  • Amazon: Customer email is available
  • Spotify: Customer email is available
  • Yahoo: Customer email is not available
  • Line: Customer email is not available

For the cases in which the customer email is not available, we let him enter it's email address in the login modal. This is needed just once. After that the customer won't need to enter the email again.

What happens if a customer was already registered on my store before I installed Social Login? Can he log in using Social Login?

Yes, but he should enter it's password (just once) in the login modal. The next times the customer logs in he won't need to enter the password again. The login modal prompted to the user will look like the below:

How can I get my own Api Keys for Facebook?

Important Notice
You have to use a personal and verified Facebook developer account in order to register an application. If you use any other type of account (i.e. a page or business account) or if your account has not been verified then Facebook will not let you create a new application. Click here for more information about the account verification.
2 Go to https://developers.facebook.com/apps and allow developer access to your account if prompted to do so.
3 Click on the + Add a New App button on top of the page.
4 Enter the app Display Name and Contact Email.
5 Click on the Facebook Login setup button.
6 Click on Web.
7 Since Quickstart is not needed you can skip that part. Click on settings on the side bar. Below Facebook Login.
8 In the Valid OAuth Redirect URIs enter:
https://oneclicksociallogin.devcloudsoftware.com/user/facebookloginnotifier/ 
and click on Save changes.
9 Now go back to the side bar and click on basic on the settings section below dashboard this time. (Note this is not the same Facebook login settings section you entered before)
10 In App Domains enter:

                                    In Privacy Policy URL you can enter your own policy or use ours:
                                    
https://oneclicksociallogin.devcloudsoftware.com/privacy/policy/
In User data deletion enter:
https://oneclicksociallogin.devcloudsoftware.com/datadeletion/
Choose your app Category, Business use and optionally add an App Icon.

At the bottom, in Website -> Site URL enter:
https:///account/login/
Then Click on Save changes
11 Finally on the top bar switch the app from In development to Live. Click Switch mode on the emerging popup if it appears.
12Go to One Click Social Login Dashboard | Social Networks Configuration, click on Edit Keys and Copy & paste your Facebook App Id and App Secret in fields below. (you can find those values in the facebook settings -> basic section below dashboard)

How can I get my own Api Keys for Twitter?

Twitter requires that you add your phone number to your Twitter account before creating an application. Please click here for more information.
1 Login with your existing Twitter account or create a new account if necessary.
2 Open your Twitter Apps and click on the Create New App button.
3 Complete the Application details form with the following values and then click on the Create your Twitter application button.
Name: YOUR STORE NAME
Description: DESCRIPTION
WebSite: YOUR SHOP URL
Callback URL: https://oneclicksociallogin.devcloudsoftware.com/
4 Open the Settings panel of your new app, make the following changes and then click on Update Settings.
Enable Callback Locking: Make sure this option is disabled (checkbox not ticked)
Allow this application to be used to Sign in with Twitter: Make sure this option is enabled (checkbox ticked)
5 Open the Permissions panel of your new app, make the following changes and then click on Update Settings.
Access
- Select Read and Write if you want to use our sharing API, otherwise select Read only
Additional Permissions
- Tick Request email addresses from users if you want to obtain the email addresses of users that login with Twitter
6Go to One Click Social Login Dashboard | Social Networks Configuration, click on Edit App Id and Copy&paste your client keys in fields below:

How can I get my own App Keys for Google?

1 Login with your existing Google account or create a new account if necessary.
2 Navigate to the Google Developers Console.
3 Click on the CREATE PROJECT link on top of the page, enter the following value and click on the Create button.
Project Name: YOUR SHOP NAME
4 Go to https://console.developers.google.com/apis/dashboard. Click on Enable APIs and services and enable the Gmail API and the Contacts API.
5 At https://console.developers.google.com/apis/dashboard click on the OAuth consent screen link in the left navigation bar.
6 Select User type: External and click Create.
7 Enter you Application name and logo and click on save at the bottom.
8 At https://console.developers.google.com/apis/dashboard Click on the Create credentials link in the left navigation bar and select OAuth client ID.
9 Fill out the form with the following values and then click on the Create button.
Application type: Web application
Name: YOUR SHOP NAME OR APP NAME
Authorized redirect URIs: https://{{YOUR_SHOP_DOMAIN}}/apps/oneclick/google/ AND https://{{YOUR_SHOP_MYSHOPIFY_DOMAIN}}/apps/oneclick/google/
Authorized JavaScript origins: https://{{YOUR_SHOP_DOMAIN}} AND https://{{YOUR_SHOP_MYSHOPIFY_DOMAIN}}
10You'll see an OAuth client created popup. Copy the Client Id and Client Secret for the next step.
11Go to One Click Social Login Dashboard | Social Networks Configuration, click on Edit App Keys on the google section and Copy & paste your client keys in the popup fields.

How can I get my own App Id for Linkedin?

1 Signin with your existing LinkedIn account or create a new account.
2 Navigate to your LinkedIn applications and click on the Create Application button.
3 Complete the form with the following values and then click on the Submit button:
Name: YOUR SHOP NAME
Description: Social Login and Sharing Services
Application Logo: YOUR SHOP LOGO
Application Use: Social Aggregation
Website URL: YOUR SHOP URL
Business Email: YOUR EMAIL
Business Phone: YOUR PHONE NUMBER
4 Enter the following value in the field Authorized Redirect URLs and then click on the Add button.
Authorized Redirect URLs: https://oneclicksociallogin.devcloudsoftware.com/user/linkedinloginsuccess/
5 Click on the Update button on the bottom of the page.
6Go to One Click Social Login Dashboard | Social Networks Configuration, click on Edit App Id and Copy&paste your client keys in fields below:

How can I get my own App Keys for Outlook?

1 Signin with your existing Windows Live account or create a new account.
2 Navigate to your Microsoft Applications, look for Live SDK applications and click on the Add an app button next to it.
3 Complete the form with the following value and then click on the Create application button.
Name: YOUR SHOP NAME
4 Set the following fields as indicated and then click on the Save button:
Allow Implicit Flow: Tick
Restrict token issuing to this app : Tick
Redirect URIs: https://oneclicksociallogin.devcloudsoftware.com/oauth/finalize/
4 Go to One Click Social Login Dashboard | Social Networks Configuration, click on Edit App Id and Copy&paste your client keys in fields below:

How can I get my own App Keys for Yahoo?

1 Login with your existing Yahoo account or create a new account if necessary.
2 Open the Yahoo Developer Apps and click on the Create an App button.
3 Enter/tick the following values and then click on the Create App button.
Application Name: YOUR SHOP NAME
Application Type: Web Application
Callback Domain: https://http://oneclicksociallogin.devcloudsoftware.com
API Permissions: Profiles (Social Directory) -> Read Public
4 Go to One Click Social Login Dashboard | Social Networks Configuration, click on Edit App Id and Copy&paste your client keys in fields below:

How can I get my own App Keys for Amazon?

1 Open the App Console and then either sign in or create a new account.
You might have to fill out your developer details when you login for the first time to the app console. You can fill them out at your convenience.
2 Open your applications and click on the Register new application button.
3 Fill out the form with the following values and then click on the Save button.
Name: YOUR SHOP NAME
Description: Social Login
4 Open the panel Web Settings, click on the Edit button, fill out the form with the following values and then click on the Save button.
Allowed Return URLs: https://oneclicksociallogin.devcloudsoftware.com/amazon/
Allowed JavaScript Origins: https://oneclicksociallogin.devcloudsoftware.com
5 Go to One Click Social Login Dashboard | Social Networks Configuration, click on Edit App Id and Copy&paste your client keys in fields below:

How can I get my own App Keys for Line?

1 Open the App Console and then either sign in or create a new account.
You might have to fill out your developer details when you login for the first time to the app console. You can fill them out at your convenience.
2 On the "Console home" -> "Providers" click on "Create" and set the name you'd like for your app.
3 On the next screen (channels) choose "Create a line login channel" and then fill the form as described below:
Channel type: LINE Login (selected as default)
Provider: [Your app name] If you entered it before leave it as default.
Channel icon: Upload your app logo
Channel name: [Your app name]
Channel description: [Any description you'll like to enter]
App types: Check "Web app"
Email address: [Your email address]
Privacy Policy URL: Enter our privacy policy url: https://oneclicksociallogin.devcloudsoftware.com/privacy/policy/, choose an alternative one or leave empty.
Terms of use URL: Enter your term or use URL or leave empty.

Finally check "I have read and agree to the LINE Developers Agreement" and click on "Create"
4 On the new panel that opens click on "Line Login" next to the "Basic settings" tab and then click on the "Edit" button in the "callback URL" input. Then enter:
https://oneclicksociallogin.devcloudsoftware.com/user/lineloginnotifier
Finally click on update.
5 Click on the "Basic Settings" tab and search the "Channel ID" and "Channel secret". Then go to One Click Social Login Dashboard | Social Networks Configuration, click on Edit App keys on the Line section and Copy&paste your client keys in fields.
6 If you want to get the users email address from Line (required to login without asking users for their email) you need to apply for that on the Line developer console:
Click on the "Basic Settings" tab and scroll down to find the "Email address permission" section. Click on "apply" and check compliance options.

You'll also need to provide an screenshot of the consent screen. For that you need to take an screenshot of the popup that appears after whe you click on the "Line login" button. You can look at an example at https://djd-shoes.myshopify.com/account/login. Click on the line login buttons, enter your credentials and then click login. Then you'll see the consent screen.

In the same screenshot you should include a note about how the app would use the email address. You can write: "Our app only uses the email address to login with Line on my Shopify online store. We don't share this information with anyone else other than the Shopify platform (www.shopify.com)."

Finally click on "apply" and wait for the Line verification team.

What is Google One Tap Login?

Google One Tap is a login method in which the users can use their browser google accounts in order to login to your store.
You can find an example of how the widget looks at our test store: djd-shoes.myshopify.com. See the widget at the top right of the page.
Google one tap works in multiple browsers including Google Chrome, Mozilla Firefox and Microsoft Edge. See it at https://developers.google.com/identity/one-tap/web/guides/supported-browsers
If you want to customize it with your own domain instead of showing "Sign in to One Click Social Login" you can create your own google app following the instructions in the section "How can I get my own App Keys for Google?"

I uninstalled the app but the social login buttons are still showing up. How do I remove them?

The server cache takes some time to update the account status to stop showing the social login buttons. Also the browser's cache might keep showing them. Please wait at least 60 seconds and try opening a new private/incognito tab to check the social login buttons are removed.
If the above don't work you can manually remove the social login snippet from your theme.liquid template.
1 Open your Shopify templates manager (usually at https://yourshop.myshopify.com/admin/themes/) and click on the Edit HTML/CSS button.
2 Search for the theme.liquid template and click on it. Once the file shows on the text editor scroll down to the bottom and find the {% include 'social-login' %} tag. Delete it and click the Save button.
3 Now the social login buttons are removed from your site. In case browser's cache still makes them show up, try opening the page in an incognito window or clear the browser's cache.