...
- Set up app for each social network including Twitter, Facebook, Google, Amazon, LinkedIn, Pinterest, Instagram, Reddit, LINE
- Add login popup with social login options
- Add social login options to sign in, sign up page
- Set social login suggestion for the customer at checkout page for customers who used to login with a social account on the store
- Add comment section using a Facebook account for customer on the product detail page
- Add social sharing buttons on product page
...
- Choose to log in with one of 10 social accounts: Twitter, Facebook, Google, Amazon, Linkedin, Pinterest, Instagram, Reddit, LINE, Apple ID
- Share products on their social networks
- Use Facebook account to comment on the Magento 2 store
- Be suggested with social login at the checkout page if they used to login with a social account on the store
...
- 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, Google+, LinkedIn, Pinterest, Reddit
...
- Please keep in mind that you can download the Key file ONLY ONCE. Make sure you saved the file in a secured place so that you can get back to it later if necessary.
- Lastly, check the key information to find your Key ID which you'll need to configure the extension in the Magento 2 backend.
- After a successful Key ID verification, the file will no longer be stored at your Magento server. This is to prevent creating excessive files on a server.
- Please take into consideration that all Apple Developer credentials that you have created will be valid for 6 months, as designed by Apple guidelines. Please timely update all necessary API credentials to guarantee proper add-on functioning.
Google+
How to set Client ID and Client Secret of Google+
Go to the Google Developers Console – https://console.developers.google.com/
Select an existing project, or create a new project by clicking Create Project:
In the Project name field, type in a name for your new project.
In the Project ID field, the console has created a project ID.
Click on the Create button and the project to be created within some seconds.
In the left sidebar, select APIs under the APIs & auth section.
Find the Google+ API service and set its status to Enable.
Click Create Credentials select OAuth Client ID.
...
Create Client ID dialog box would be appearing for choosing the application type.
...
- .
Choose Email address, enter the Product name, and save the form.
In the Authorized JavaScript origins field, enter your app origin. If you want to allow your app to run on different protocols, domains, or subdomains, then you can enter multiple origins.
In the Authorized redirect URI field, enter the redirect URL.
Click on Create.
Now you can see the Client ID for web application section. Select Client ID and Client Secret then fill in Configuration of Google in Backend of Magento 2 store.
- Enable: To enable Google login and sharing option
- Client ID: Google+ application ID
- Client Secret: Google+ application secret
- Redirect URI: You will use this URL in Google to connect the app
Go to the https://developers.facebook.com/apps/ and login at your Facebook developer account.
Click Add a New App button on the top right to create a new app ID. A popup will display as below
In the Facebook for developers Settings, choose Basic, click on the Add Platform button, then enter your site URL.
Click on the Save changes button. You will see that there are App ID and App secret, note that you will need these to configure the module in the backend of Magento 2.
Choose Facebook Login > Settings link from the left menu section at the apps page, fill in Valid OAuth Redirect URIs with the Redirect URI obtained from Magento 2 configuration.
Then you have to make your app public to everyone. On the top bar, click on Status, a pop up as below will be displayed. Confirm to make the app public.
...
Go to https://www.instagram.com/developer/ and login at your Instagram developer account.
Choose Manage Clients > Register new Client ID,
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 in on Instagram to create application.
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.
...
Customers can share the product link via their social network with the sharing options available for Twitter, Facebook, Google+, LinkedIn, Pinterest, and Reddit.
Comment on product using Facebook account
...