How to integrate Social networks with nopCommerce Store?
Facebook Authentication
To configure authentication with Facebook, Refer this link.
Google Authentication
To configure authentication with Google, please follow these steps:
- Go to the Google developer console.
- Navigate to the tab Credentials.
- Click Select a project > New Project and then click the button Create.
- Enter the Application name, Authorized domains and click button Save.
- Click the button Create Credentials and from the dropdown list, select OAuth client ID.
- From the Application type, select the Web application, enter valid Authorized redirect URLs (e.g. http://{app domain name}/signin-google) and click the button Create.
- Copy your Client ID and Client secret on the configuration page.
Microsoft Authentication
To configure authentication with Microsoft, please follow these steps:
- Go to App registration in the Azure portal. If needed, sign in with your microsoft account.
- Select New registration, then enter an application name.
- Under Supported account type, select Accounts in any organizational directory (Any Azure AD directory - Multitenant) and personal Microsoft accounts (e.g. Skype, Xbox)
- In redirect URLs, select Web, and then enter URL (e.g. https://{app domain name}/signin-microsoft). Replace <app-domain-name> with the domain name of your app. Be sure to use the HTTPs scheme in the URL.
- Select Register.
- Copy the Application (Client) ID.
- From the left pane, select Certificate & Secret > New client secret. Enter a description, select the validity duration, and select Add.
- Copy the Secret ID that appears on the Certificates & secrets page and paste it on the configuration page.
Twitter Authentication:
To configure authentication with Twitter, please follow these steps:
- Create a developer account on Twitter using this link. If needed, sign in with your twitter account.
- Navigate to developer portal - https://developer.twitter.com/en
- Provide basic information and click Next.
- Accept terms & conditions and click Submit. Provide app name & click Get keys.
- Click Test an endpoint.
- On the dashboard, Click Create Project. Provide required information - (Project name, app name) and Click Next.
- Click App settings.
- Go to Authentication settings, Click Edit.
- Enable 3-legged OAuth and Request email address from users.
- Provide Callback URL - e.g. https://{app domain name}/signin-twitter
- Provide Website URL - e.g. https://{app domain name}/
- Provide terms and services & Provide policy URL and click Save.
- Click the Key and Tokens tab. Click Regenerate to generate API key & secret.
- Copy API key & secret and paste on configuration page as shown in image below.
Linkedin Authentication:
To configure authentication with Linkedin, please follow these steps:
- Go to the Linkedin developers site. If needed, sign in with a Linkedin account.
- Click Create App.
- Provide App name and other required fields.
- Navigate to the tab “Auth”.
- Add Authorized redirected URL (e.g. https://{app domain name}/login-linkedin) and click Update.
- Copy your Client ID & Client secret on the configuration page as shown in below image.
Amazon Authentication:
To configure authentication with Amazon, please follow these steps:
- Create a developer account on Amazon using this link. If needed, sign in with your amazon account.
- Click Create a new security profile.
- Enter required information & click Save.
- It will create a security profile with oAuth2 credentials.
- Click on Settings > Web Settings of security profile.
- Click Edit and update Allowed Origin (e.g. https://www.yourwebsite.com), Allowed Return URLs (e.g. https://www.yourwebsite.com/login-amazon) and click Save.
- Click Show Client ID and Client Secret and copy it on the configuration page as shown in the below image.