Skip to content
  • Home
  • Our apps
    • Mega Menu Pro app
    • Social Login Pro app
    • VA: Instagram Slider & Feed
    • Contact Form Ultimate
    • Size Chart
    • SEO Audit
    • Search and Filter
    • Abandoned Cart Recovery Pro
    • Loyalty, Referrals & Rewards
  • Privacy Policy
  • Contact us
Purchase our apps

Social Login Pro app

The documentation for Social Login Pro app

Welcome to Social Login Pro app

Social Login Pro is an all-in-one social login application for Shopify online store that is simple to use, highly stable & up-to-date with API changes.

Social Login Pro allows website visitors to log in or register a new account by using 30+ payment gateways and social networks such as Amazon, PayPal, Facebook, Google, Twitter, etc. Website visitors won’t need to fill in login/registration fields manually – meaning it’ll be more convenient and time-saving for them.

Within this document, we will describe the installation, creation, and setting up of the Social Login Pro app process.

We did our greatest to create this manual info to be presented in a very straightforward, simple manner. But if you have any questions that are beyond the scope of this documentation, please feel free to contact us via our email address: contact@etssoft.net

Install Social Login Pro app

In this section, you will find a step-by-step tutorial to install Social Login Pro into your Shopify online store.

Step 1: Navigate to Social Login Pro app in the Shopify App Store by clicking on this link: https://apps.shopify.com/social-login-pro

Step 2: Click on “Add app” button >> Log in to your Shopify store and authorize the app in your Shopify admin.

And you’re ready! Your newly installed app will appear in the Apps section of your Shopify Admin.

The first thing you need to do in order to display social login buttons is entering social network API info. Detailed instruction on how to get API info for each social network is available in the next sections.

Get Facebook API key pair

Step 1: Open Facebook for Developers page https://developers.facebook.com/ then click “Get Started”.

We’ll start registering a Facebook developer account. Just click on “Continue” button to move into the next step.

Confirm your email address. Click on “Confirm email” button to continue.

Select the role you like. Click “Complete registration” button to complete.

Step 2:  

(1) Click on “Create App” button to create a new Facebook app.

(2) On the “Select an app type” popup, select “None” option then click on “Continue” button.

(3) Enter the app name, app contact email then click “Create App” button.

Complete the security check then click “Submit”.

(4) Now we will be navigated to “Add a product” page. Find “Facebook Login” then click on “Set up” button.

Step 3: 

(1) From the Quickstart screen, choose “Web” platform for your app.

(2) Enter your site URL > Click “Save” > Click “Continue”.

Click “Next” to get through the next steps.

Step 4: 

(1) Navigate to “Settings > Basic” page.

  • Enter the namespace for your app. It should be less than 32 characters, should not contain space between words.
  • App domains: enter your website URL here
  • Privacy policy URL: enter the URL to your website’s privacy policy.
  • Terms of Service URL: enter the URL to your website’s terms of service.
  • App icon: you should upload an icon (should be your website logo) to gain trust of social login users.
  • Category: select a category for your app.
  • App purpose: select “Yourself or your own business” option.

Finally, click on “Save changes” button.

(2) Navigate to “Facebook Login > Settings” page.

At “Valid OAuth Redirect URIs” field,  enter the “Redirect URI” you get from Social Login Pro app configuration page then click “Save changes”.

(3) Click on “In development” switch to make your Facebook app go live.

Step 5: Navigate to “Settings > Basic” page. Copy your “App ID“, then click on “Show” button on “App Secret” field.

Complete the security check to display your “App Secret“.

 

Get Google API key pair

Step 1: Open Google page and log in with your Google account. Then navigate to Google console page: https://console.developers.google.com 

By default, there is a pre-made project named “My project“. We will create a new one.

Step 2:

(1) Click on “My Project” link on the header to open “Select a project” popup. Click on “New project” link.

(2) Enter your project name > select parent organization or folder (optional). Click on “Create” button.

(3) A notification will appear. Click on “Select project” to open your newly created project.

Step 3:

(1) Open the menu of project page. Select “APIs & Services” > “Credentials“.

(2) Click on “Configure consent screen” button.

(3) Select “External” option then click “Create”.

(3) Enter the required information on “OAuth consent screen” page:

  • App name: enter your app name
  • App logo: upload an image to set it as the app logo.
  • App domain: enter your website URL into “Application home page” field.

  • Privacy policy and Terms of service link: enter your website’s privacy policy and terms of service link into respective fields.

After you enter the links, Google console will auto-detect your domain(s) as a missing domain. Click on “Add domain” button.

Type your domain then click on “Save and continue” button to complete. You can add multiple domains for an app.

NOTE: please add “social-login.pro” domain into your Google app. This domain is required so that the Redirect URIs can work later.

 

Step 4:

(1) Click on “Add or remove scopes” button.

(2) Select the following scopes:

  • …/auth/userinfo.email
  • …/auth/userinfo.profile
  • openid

Then scroll down and click on “Update” button.

(3) Click on “Save and continue” button.

(4) Click on “Save and continue” button again.

(5) Review all the information. If you want to change any info, click on “Edit” link.

Step 5:

(1) Navigate to “Credentials” page. Click on “Create credentials” button.

(2) Select “OAuth client ID” option.

(3) Select “Web application” for “Application type” field.

(4) We will need to enter “Authorized JavaScript origins” and “Authorized redirect URIs“. Click on “Add URI” button and:

  • Enter your website URL for “Authorized JavaScript origins“
  • Enter the redirect URI provided by Social Login Pro app for “Authorized redirect URIs“

Finally, click on “Create” button to finish.

(5) Copy the client ID and client Secret then paste them in Social Login Pro app setting.

Step 6: Finish Step 5, your app is only available for test users. To publish your app to all users, you will need to verify your domain.

(1) Navigate to “Domain verification” page > Click on “Add domain” button.

(2) Enter your domain then click on “Add domain” button.

(3) Click on “Take me there” button.

(4) You will be navigated to “Webmaster Central” page. Click on “Add a property” button then enter your domain > Click on “Continue” button.

(5) Follow the instruction of “Recommended method” or “Alternate methods” to verify your domain.

Get Twitter app key pair

Step 1: Click on this page https://developer.twitter.com/en/apps/ then login with your Twitter account.

Step 2:

(1) Click on “Create An App” button.

(2) To get started with Twitter APIs, you’ll need to create a developer account. Click on “Apply” button.

(3) Select an option that most suitable for you. In this instruction, we selected “Building consumer products” option. Click on “Get started” button to continue.

(4) Fill in the required information. You should apply for an “Individual developer account“. Click “Next” button to continue.

(5) Continue to fill in the required information. Click “Next” to continue.

(6) Review your information. Click “Next” to continue.

(7) Check on the box and click on “Submit application” button.

(8) A notification will appear. Open your mail inbox and find Twitter verification email.

Click on “Confirm your email” button.

(9) Log in with your Twitter account again. Please wait until your application is approved. There will be another notification email sent to you when the review process completed.

Step 3: When your developer application is accepted, open this link to start creating your Twitter app: https://developer.twitter.com/en/portal/projects-and-apps

(1) Click on “Create App” button.

(2) Enter your app name then click “Next“.

(3) Copy API key and API secret key, then paste them into Social Login Pro app setting page.

Click on “App settings” button.

Step 4:

(1) You can edit the app details by clicking on “Edit” button. Upload an icon, edit the app description, etc. as you want.

(2) Scroll down and find “Authentication settings” section. Click on “Edit” button.

(3) Enable the 3-legged OAuth feature. Then enter Callback URLs provided by Social Login Pro app. Enter your website URL.

(4) You can enter information for the optional fields, then click “Save” to finish.

Get Amazon API key pair

Step 1: Open this page https://developer.amazon.com/ then log in with your Amazon account.

Step 2: Navigate to your developer account dashboard: https://developer.amazon.com/dashboard

Select “Log in with Amazon” service.

Step 3:

(1) Click on “Create a new Security Profile” button.

(2) Enter the required information. Click “Save” to continue.

(3) Find the security profile that you just created. Hover mouse pointer over the cogwheel icon then select “Web settings” option.

(4) Click on “Edit” button.

(5) Enter your site URL into “Allowed Origins” field. Copy the Return URL from Social Login Pro app backend and paste it into “Allowed Return URLs” field then click “Save”.

Step 4: Copy your app’s Client ID. Then click on”Show Secret” button to view and copy your Client Secret.

Get Dropbox API key pair

Step 1: Open Dropbox site and log in with your Dropbox account. Then navigate to Dropbox developer page: https://www.dropbox.com/developers/apps

Click on “Create app” button.

Step 2:

  • Select “Scope access” API then select “App folder” access type.
  • Enter the name of your app.
  • Click on “Create app” button.

Step 3:

(1)

  • Copy the App key. Click on “Show” link to view and copy your App secret
  • Enter the redirect URI provided by Social Login App then click “Add” button to save

(2) Click on “Enable additional users” button to display the popup. Click “Okay”

If you want to link with more than 500 users, click on “Apply for production” button and follow their instructions to submit your request.

Get Dribbble API key pair

Step 1: Navigate to https://dribbble.com/ and log in with your Dribbble account

Step 2: Open this page https://developer.dribbble.com/ then click “Register your application” button.

Step 3: Complete the fields on the Register Application screen. Enter the “Callback URL” provided by Social Login Pro app. > Click on “Register application” button

Now you are done, just copy the client ID and client secret and paste in Social Login Pro app setting.

Get Foursquare API key pair

Step 1:

  • Open this page https://foursquare.com/ and log in with your Foursquare account.
  • Then navigate to Foursquare developer page https://foursquare.com/developers/apps
  • Click on “Create new app” button.

Step 2: Enter the app name and app URL. Check on the reCAPTCHA box. Click “Next” button to continue.

Step 3:

  • Copy the Client Id and Client Secret and paste them into Social Login Pro app.
  • Add tagline and description for your app.
  • Enter Redirected URL provided by Social Login Pro app. Click on “Save” button to finish.

Get Odnoklassniki API key pair

Step 1:

  • Open this page https://ok.ru/ and log in with your Odnoklassniki account.
  • Then navigate to https://ok.ru/devaccess.
  • Accept “The Terms and Conditions” and click “Receive the developer rights” button.

Step 2:

(1) Click “Follow the link”

(2) Click on “Add app” tab

Step 3: Select Enable OAuth

(1) Enter the required information. View the screenshot below for more details. Then click on “Add platform” button.

(2) Select “OAuth” option.

(3) Upload your app logo, enter the required information as the screenshot explained. Click “Save” button to finish.

The Redirect URI provided by Social Login Pro app:

Step 4: When your app successfully created, you will receive Application ID, Application Public Key and Application Secret Key via your registered email.

Copy Application ID, Application public key and Secret Key and paste them respectively on Social Login Pro app backend.

Get Vimeo API key pair

Step 1: Open this page https://vimeo.com/ and log in with your Vimeo account.

Then navigate to Vimeo Developer page https://developer.vimeo.com/ and click on “New app” button.

Step 2:

  • Enter app name and app description
  • Select “Yes. Other Vimeo accounts besides my own will be able to access the app” option
  • Agree with API License Agreement and Terms of Service
  • Click on “Create app” button

Step 3: Copy “Client identifier” and “Client secret” then paste them into Social Login Pro app.

Step 4: Click on “Edit settings” button.

Fill in the required information then click on “Update” button.

Step 5: Scroll down and find “Your callback URLs” section. Click on “Add URL +” button

Enter the Callback URL provided by Social Login Pro app > Click on “Add” button

Get GitLab API key pair

Step 1: Open GitLab page and log in with your GitLab account.

Click on your avatar to display the drop-down menu. Select “Edit profile” option.

Step 2: Select “Application” tab from the left sidebar.

Step 3: Enter the app name, redirect URI (provided by Social Login Pro app) and select the scopes (read_user, openid, profile, email). Click on “Save application” button to finish.

Step 4: Copy the Application ID and Secret to Social Login Pro app configuration page.

Get GitHub API key pair

Step 1: Open this page https://github.com/ and log in with your GitHub account.

Click on your avatar to show the dropdown menu. Select “Settings” menu.

Step 2: Select “Developer settings” tab from the sidebar

Step 3: Select “OAuth Apps” tab > Click on “Register a new application” button (if you haven’t created an app before) or “New OAuth App” button.

Step 4: Fill in the required information. Enter the callback URL provided by Social Login Pro app. Click on “Register application” button to complete.

Step 5: Copy Client ID and paste into Social Login Pro app configuration page. Click on “Generate a new client secret” button.

Copy the Client secret and paste it into Social Login Pro app configuration page.

Get Line API key pair

Step 1: Open this page https://developers.line.biz/en/ and log in with your Line account.

Step 2:

(1) On the “Provider” page, click on “Create” button.

(2) Enter provider name and click on “Create” button

(3) When you successfully created a provider, select “Create a LINE Login channel”

Step 3: Enter channel information then click on “Create” button.

Step 4:

(1) Copy the channel ID and paste it into Social Login Pro app.

(2) Navigate to “LINE Login” tab. Click “Edit” button to add the Callback URL.

(3) Enter the callback URL provided by Social Login Pro app then click “Update”

Step 5:

(1) Head back to “Basic settings” tab > Click on “Developing” button.

(2) Click on “Publish” button to activate your app.

Step 6: Scroll down to copy Channel secret and paste it into Social Login Pro app configuration page.

Get Discord API key pair

Step 1: Open https://discord.com/ and log in with your Discord account.

Step 2:

(1) Navigate to this page Discord Developer Portal

(2) Click on “New application” button.

(3) Enter the app name then click “Create”

Step 3:

(1) On “General Information” page, upload your app icon and enter the information fields. Click on “Save changes” button to finish.

(2) Copy the App ID and paste it into Social Login Pro app.

Step 4:

(1) Navigate to “OAuth2” page > Click on “Add redirect” button.

(2) Enter the redirect URL provided by Social Login Pro app > Click “Save changes”

Step 5: Scroll down to “OAuth2 URL Generator” section > Select redirect URL > Select scopes for your app > Click “Save changes”

Step 6: Scroll up to “Client information” section > Click on “Click to reveal” link then copy the Client Secret and paste it into Social Login Pro app configuration page.

Get Disqus API key pair

Step 1: Open this page https://disqus.com/profile/login/?next=/api/applications/ and log in with your Disqus account.

Step 2: Click on “Registering new application” button.

Step 3: Fill in the required information fields > Click on “Register my application” button.

Step 4: On the next screen, enter the domain and Callback URL as instructed in the screenshot below > Click “Save changes”

Note: you need to enter login-app.ets-demos.com domain in order to allow Social Login Pro app to work later.

 

Step 5: Navigate to “Details” tab > Copy the API Key and API Secret to Social Login Pro app configuration page.

Get Meetup API key pair

Step 1: Open meetup.com page and log in with your Meetup account.

Note: Your Meetup account need to be a business account to create new API.

Then open the Meetup API page. Click “Create new consumer” button.

Step 2: Enter the required information fields as instructed in the below screenshot. The redirect URL provided by Social Login Pro app. Click “Register Consumer” button to finish.

Step 3: Copy the Key and Secret to Social Login Pro app configuration page.

Get Blizzard API key pair

Step 1:

(1) Open this page https://develop.battle.net/ and click on “API Access” menu.

(2) Log in with your Blizzard account.

Step 2: Click on “Create Client” button.

Step 3: Fill in the required fields. The Redirect URL is provided by Social Login Pro app. Click on “Save” button to finish.

Step 4: Copy the Client ID and Client secret and paste them to Social Login Pro app configuration page

Get Yahoo API key pair

Step 1: Open this page https://developer.yahoo.com/apps/ then login with your Yahoo account

Step 2: Click on “Create an app” button.

Step 3: Set up your app info > Enter the redirect URI provided by Social Login Pro app > Select API permission > Click on “Create App” button.

Step 4: It’s done, copy your Client ID and Client Secret then paste it into your Social Login Pro app configuration.

Get WordPress API key pair

Step 1: Open this page https://developer.wordpress.com/apps/new/ then login with your WordPress account.

Step 2: Enter the required information fields > Enter the redirect URL provided by Social Login Pro app > Select “Web” type > Click on “Create” button.

Step 3: Upload your app icon > Enter “Organization name” and “Organization website” > Click on “Update” button.

Step 4: Now you are done. Copy the Client ID and Client Secret then paste them into Social Login Pro app setting.

Get Reddit API key pair

Step 1: Open https://www.reddit.com/ and log in with your Reddit account. Then navigate to this page https://www.reddit.com/prefs/apps

Step 2: Click on “Create an app/Create another app” button.

Step 3: Enter app name, description. “About URL” should be your website URL. Enter the redirect URI provided by Social Login Pro app.

Step 4: Navigate to “apps” tab > Click “edit” to get more detailed info on your newly created app.

Step 5: Copy web app (App ID) and secret (App secret) to Social Login Pro app configuration page.

Get Tumblr API key pair

Step 1: Open this page https://www.tumblr.com/oauth/apps and log in with your Tumblr account.

Step 2: Click on “Register application” button.

Step 3: Enter the required information fields.

  • At “Default Callback URL”, you need to enter the callback URL provided by Social Login Pro app.
  • Click “I’m not a robot” then click on “Register” button.

Step 4: Now you are done, copy OAuth Consumer key and Secret key then put them on your Social Login Pro app configuration.

Get Yandex API key pair

Step 1: Open this page https://oauth.yandex.ru/client/new and log in with your Yandex account.

Step 2: You should use the translate feature of your web browser to translate this page to English. After translating, please follow the instructions on the screenshot below:

The Callback URI is provided by Social Login Pro app:

Finally, click on “Create application” button:

Step 3: Copy the ID and Secret and paste them into Social Login Pro app configuration page.

Get Vkontakte API key pair

Step 1: Open https://vk.com and log in with your VKontakte account. Then navigate to this page https://vk.com/dev and click on “My Apps” menu.

Step 2: Click on “Create” button.

Step 3:

  • Enter app title
  • Select “Website” platform
  • Enter your website address
  • The base domain should be “login-app.ets-demos.com” for all apps.
  • Click on “Connect website” button.

Step 4: Navigate to “Settings” tab and add the “Authorized redirect URI” provided by Social Login Pro app > Click on “Save” button.

Step 5: Copy Application ID and Security Key, then paste them into Social Login Pro app configuration page.

Get StackExchange API key pair

Step 1: Click on this page https://api.stackexchange.com/ and select “Register for an app key“.

Step 2: Log in with your Stack Apps account > Fill in the fields on “Register Your Application” screen,

  • Enter OAuth Domain provided by Social Login Pro app.
  • Check the “Enable client side OAuth flow” option
  • Click on “Register your application” button

Step 3: And now we’re done! Copy the Client ID, Client secret and Key then paste them into Social Login Pro app configuration page.

Get PayPal API key pair

Step 1: Open this page https://developer.paypal.com/developer/applications and log in with your PayPal Business account. Please ensure your PayPal Business account is verified before you go live.

Head to “My Apps & Credentials” page and click on “Create App” button.

Step 2: Enter app name > Click on “Create App” button.

Step 3:

(1) Scroll down to “Live app settings” section > Click “Show” Return URL > Add Return URL provided by Social Login Pro app.

(2) On “App feature options” section, select “Log in with PayPal” option. Click on “Advanced options” link.


(3) Select the scope attributes > enter the privacy policy URL and user agreement URL

(4) Click on “Save” button to finish.

Step 4: Once the application is created, you will get the Client ID and Secret. Paste them into Social Login Pro app configuration page:

Get LinkedIn API key pair

Step 1: Open this page https://www.linkedin.com/developer/apps then login with your account.

Step 2: Click on “Create App” button.

Step 3: Enter app name > Select a LinkedIn page to associate with your app > Enter privacy policy URL > Upload app logo > Click on “Create app” button.

Step 4: Scroll down to “Additional settings” section, click on the pen icon and add your domain > Click on “Update” button.

Step 5:

(1) Navigate to “Products” tab > find “Sign In with LinkedIn” > click on “Select” button.

(2) Click on “Add product” button

(3) Navigate to “Auth” tab > find “Authorized redirect URLs for your app” > click on the pen icon to edit.

(4) Enter the redirect URL provided by Social Login Pro app > Click on “Update” icon.

Step 6: Now you are done, just copy the “Client ID” and “Client secret” then paste them into Social Login Pro app setting.

Your app needs to be verified by an administrator of the Company page that you entered on Step 3. To verify your app, navigate to “Settings” tab > click on “Verify” button.

Click on “Generate URL” button to get a verification URL.

Copy the verification URL and send it to the administrator of the Company page that you entered.

Waiting for the administrator to verify your app.

Get BitBucket API key pair

Step 1: Open this page https://developer.atlassian.com/apps/create and log in with your Atlassian account.

Step 2:

(1) Click on “Create” button > select “OAuth 2.0 integration” option.

(2) Enter the app name then click on “Create” button.

Step 3: Navigate to “Distribution” page > enter the required information fields > click on “Save” button.

Step 4: Navigate to “Permissions” page > Click on “Add” button to add API scopes to your app. Add the highlighted scopes in the screenshot below.

Step 5:

(1) Navigate to “Authorization” page > Click on “Configure” button to navigate to OAuth 2.0 configuration page.

(2) Enter the Callback URL provided by Social Login Pro app > Click on “Save changes” button.

Step 6:

(1) Navigate to “Settings” tab > upload your app avatar and enter app description > Click on “Save changes” button.

(2) Click on “Copy” button to copy Client ID and Secret, then paste them into Social Login Pro app configuration page.

Display social login buttons

Social Login Pro is a simple but comprehensive solution to let your customers log in or register a new account on your Shopify website with their social network account such as Facebook, Google, Twitter, Amazon, etc. This app gives your storefront a convenient social login section on “Login form”, “Create new account form” or anywhere you want using embedded code.

By default, this app will create social login buttons on your online store “Login form” and “Create new account form”:

But if you want to display the social login buttons to another position on your online store, “Embedded code” is useful for you.

In this section, we will guide you on how to customize social login buttons and how to use embedded code to display social login buttons on your Shopify online store.

A. Position setting

From Social Login Pro configuration page, navigate to “Positions” tab. You can select where to display social login buttons by turn on the respective position.

  • Login popup: You can allow customers to log in through a login popup and saving their time. Customers won’t have to navigate to the Login page to enter their account info.

You may select how the login popup appears: when customers hover the mouse pointer over “Account” button or when customers click on “Account” button.

Login popup appears when customers hover the mouse pointer over “Account” button:

Login popup appears when customers click on “Account” button:

B. Customize social login buttons

On the middle column of “Positions” page, you can customize how social login buttons will be displayed on the storefront.

On the right column is “Preview social login buttons” area, you can see every change applied without opening your storefront. You can drag and drop the social icons to change their display order.

C. Display social login buttons anywhere you want with embedded code

In order to display social login buttons on your online store, normally you should select “Login form” and “Create account form“. In case you want to display social login buttons to another position on your online store, “Embedded code” is useful for you.

How to get embedded code

  • On “Positions” page, enable “Display social login buttons anywhere using embedded code” option then customize how social login buttons will appear.
  • Click on “Generate code” button to get embedded code.
  • Copy and paste the embedded code to the blog page, product description, template .liquid files, etc. where you want to display social login buttons.

How to use your embedded code

After getting the embedded code for social login buttons as instructed above, you can paste it into any template .liquid file you want to display social login buttons. Here are some examples of using embedded code on the product description area and on a .liquid file:

Embed code on the product description area

STEP 1: On your Shopify admin, navigate to “Products” page. Click on a product you want to display social login buttons in the product description area.

STEP 2: On “Description” field, click on “Show HTML” button. Paste the embed code on “Description” field. Click on “Save” button.

STEP 3: And we’re done! Open your product detail page and see the change!

To remove social login buttons out of the product description area, just delete the embedded code on “Description” field.

Embed code on a .liquid file

STEP 1: Navigate to “Online store” > “Themes” page. Click on “Actions” dropdown menu. Select “Edit code“.

STEP 2: Scroll down and select any .liquid file you want. For example, we’re selecting “cart.liquid” file. Paste the embedded code. Click on “Save” button.

STEP 3: Open the cart page and see the change.

If you want to remove social login buttons from your web page, just delete the embed code on .liquid file.

Give customers discount code

You can encourage your customers to connect their social network account with your website by offering a discount code when they do that. This feature is smoothly supported by Social Login Pro. A discount code with a predefined discount amount (can be set at the app configuration page) will be presented to the customer via a popup when they successfully register a new account with Facebook, Google, Twitter, Amazon, etc.

To configure how discount code will be generated, please open Social Login Pro app configuration page > Navigate to “Discount” tab.

Click on “Enable discount” option. You may select the available discount code of your online store or generate a new discount code.

If you select “Generate code” option, you can continue to set up the following options:

  • The prefix of discount code
  • Discount type: percentage, fixed amount, free shipping
  • Minimum requirement: the minimum total cart value of a customer to be able to apply voucher code
  • Availability time of discount code

If you select “Use available code” option, you will need to enter the discount code and save your settings.

Discount popup settings

You can edit the title and content of the discount popup in this section. Using available tags to display your discount code in more detail.

Finally, click “Save” to apply your configuration.

Keep track of your social users

Social Login Pro helps you follow the customers who registered and logged in to your website with their social network accounts.

On the “Social users” tab, you can see a list of users connected using social network accounts, their social network profile URLs, user profile avatar, their registered date, last login time, etc.

General settings

On “Settings” tab, you can customize or translate the texts that appear to your customers on the storefront and set up the Multipass login feature.

A. Text and translation

Customize or translate the texts that appear to customers/visitors on your storefront here.

B. Multipass login

Social Login Pro is compatible with Multipass login feature of Shopify. To enable the Multipass login feature, please navigate to “Settings > Checkout” page.

Click “Enable multipass” > Copy the secret key.

Back to Social Login Pro configuration page > Enable “Using multipass” option > Paste the secret key > Click on “Save” button.

C. GDPR text

The GDPR text will appear below the social login buttons on the storefront. You can edit the content of the GDPR text as you want.

View statistics information on Dashboard

Social Login Pro allows you to see detailed statistics about the actions of your customers on your website using their social networks such as how many customers have logged into your website using a social network account per month, the number of connections, and registration of each social network, etc.

On the top section are the overview panels and the social connections chart. You will see the total number of social connections, social registrations, and the number of voucher codes generated by Social Login Pro app.

The next section provides detailed data about the number of connections and registration of each social network. And the last section displays the latest customers who log in with their social account.

Document for our apps

  • Social Login Pro app
    • Welcome to Social Login Pro app
    • Install Social Login Pro app
    • Social networks
      • Get Facebook API key pair
      • Get Google API key pair
      • Get Twitter app key pair
      • Get Amazon API key pair
      • Get Dropbox API key pair
      • Get Dribbble API key pair
      • Get Foursquare API key pair
      • Get Odnoklassniki API key pair
      • Get Vimeo API key pair
      • Get GitLab API key pair
      • Get GitHub API key pair
      • Get Line API key pair
      • Get Discord API key pair
      • Get Disqus API key pair
      • Get Meetup API key pair
      • Get Blizzard API key pair
      • Get Yahoo API key pair
      • Get WordPress API key pair
      • Get Reddit API key pair
      • Get Tumblr API key pair
      • Get Yandex API key pair
      • Get Vkontakte API key pair
      • Get StackExchange API key pair
      • Get PayPal API key pair
      • Get LinkedIn API key pair
      • Get BitBucket API key pair
    • Display social login buttons
    • Give customers discount code
    • Keep track of your social users
    • General settings
    • View statistics information on Dashboard

© 2021 ETS-SOFT – All right Reserved.