Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • The login popup when the customer clicks on the Sign In button on the top menu bar
  • The social login options in Sign Up/Create an account page
  • The social login on the checkout page, including the Sign In button on the top of the page, and the social login suggestion for customers who used to login with social accounts on the store
  • The ability to comment on the product page using Facebook account
  • The ability to share the product link via social networks that are chosen in the social sharing options: Twitter, Facebook, LinkedIn, Pinterest, Reddit

 



Credentials Settings

(plus) On the same page, scroll down to see the Credentials setting section.

...

  • Client Secret: Fill in the Facebook app secret from above





Twitter 

How to set Client ID and Client Secret of Twitter

Go to the Application Management page and login with your Twitter developer account. 

Follow this tutorial article to create a Twitter app http://docs.inboundnow.com/guide/create-twitter-application/ 

 


 

twitter-app-creation-tutorial-by-codexworld-screencapture-2

 
In Magento 2 backend, Twitter settings:

...

  • Enable: To enable the Pinterest login and share 
  • Client ID: Fill in the Pinterest app ID from above
  • Client Secret: Fill in the Pinterest app secret from above
  • Redirect URI: Use this in Pinterest to create an application




Line

How to set Client ID and Client Secret of Line

Go to https://developers.line.biz/en/ and log in to your Line developer account.

Image Added

Choose Create to create a new provider

Image Added


Image Added

Choose Create Line Login channel

Image Added


Image Added



Image Added

Image Added

Choose Basic setting
You will see that there are Channel ID and Channel secret, note that you will need these to configure the module in the backend of Magento 2

Image Added

Image AddedChoose LINE Login 

Enable Web app, then copy your Redirect Uri from the backend of Magento 2, paste to Callback URL

Image Added



In Magento 2 backend, go to Line configuration.

  • Enable: To enable the Line login and share 
  • Client ID: Line Chanel ID 
  • Client Secret: Instagram Channel Secret
  • RedirectURI: Use this on Line to create application.

Image Added








InstagramInstagram 

How to set Client ID and Client Secret of Instagram
Go to https://www.instagram.com/developer/ and login at your Instagram developer account.
Choose Manage Clients > Register new Client ID,
In this registration form, fill in the Redirect Uri (you can get this in Magento 2 configuration) in Valid redirect URIs, and remember to unselect the Disable implicit OAuth in Security tab.

 


After clicking on Register button, Manage Clients tab is open, you will use the Client ID and Client Secret (in Manage) to configure the module in Magento backend.

In Magento 2 backend, go to Instagram configuration.

  • Enable: To enable the Instagram login and share 
  • Client ID: Instagram application ID 
  • Client Secret: Instagram application secret 
  • Redirect URI: Use this on Instagram to create application.






LinkedIn
 

How to set Client ID and Client Secret of LinkedIn   

Go to https://developer.linkedin.com/ and login with your LinkedIn developer account.

Choose My Apps > Create Application


 


 

After filling in the necessary information and submit the form, an Authentication tab will be displayed. In the Default Application Permissions, add the Redirect URI obtained from Magento 2 configuration. Then click on Update.

 


 

In Magento 2 backend, go to LinkedIn configuration

...

Under the product descriptions, customers can leave a comment using their Facebook account.

 

Social login suggestion on the checkout page

If customers used to login with social accounts on the store, on the checkout page, when they fill in the email address (which is corresponding with their social account email), the suggestion to login with that social account will be displayed.

...

  • When a new update is available, we will provide you with a new package containing our updated extension.
  • You will have to delete the module directory and repeat the installing installation steps above.
  • Flush the config cache. Your store and newly installed module should be working as expected.

...

  • We will reply to support requests within 2 business days.
  • We will offer offer a lifetime free update and 6 months of free support for all of our paid products. Support includes answering questions related to our products, bug/error fixing to make sure our products fit well in your site exactly like our demo.
  • Support DOES NOT include other services such as customizing our products, installation, and uninstallation service.

...