Versions Compared

Key

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

...

(plus) In order to connect the social app to your Magento 2 store, you have to set up the app as follows

...

Apple ID

How (plus) How to set Apple Team ID, Client ID, Key Id and File Key of Apple

...

  • 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.


...

 

Facebook 


How (plus) How to set Client ID and Client Secret of Facebook

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.



 

In (plus) In Magento 2 backend, Facebook settings:

...

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





Twitter 

How (plus) 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 (plus) In Magento 2 backend, Twitter settings:

...

  • Client Secret: Twitter application secret 





Pinterest

How (plus) How to set Client ID and Client Secret of Pinterest

Go to https://developers.pinterest.com/ and login your Pinterest developer account.

Choose AppCreate app button to create a new application.



The new tab is open with App ID and App Secret, you must add the site URL and Redirect Uri (obtained from the Google+ settings in Magento backend) for the web in the Platforms section.

Use the app ID and app secret to configure the module in the Magento 2 backend. 


In (plus) In Magento 2 backend, 

  • 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


...

  • Click on each step to view the guidance.

Step 1: Create a New Security Profile

  • Name and Description Description for your security profile, Name Name is the name displayed on the consent screen when users agree to share information with your application.
  • The Privacy Notice URL is the location of your company or application's privacy policy
  • Add Consent Logo Image for your for your application, clickclick Upload Image. This logo is displayed on the sign-in and consent screen to represent your business or website.
  • Click Save


Step 2: Add your Website to your Security Profile

...

  • Copy Client ID and Client Secret, and pasteto your Magento 2 backend setting.


...

Reddit

(plus) How to set Client ID and Client Secret of Reddit

Go to https://www.reddit.com/prefs/apps and login with your Instagram developer account.

Choose "are you a developer create an application ..." 

  • Name and Description for your security profile
  • Choose
  • About URL: You site URL
  • Redirect path: Copy from your Magento 2 back-end setting 

Choose Create an application




Image Added


Image Added


Reload the page to take the Client ID and Client Secret 

Image Added


(plus) In Magento 2 backend, go to Reddit configuration.

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









Instagram

How to set Client ID and Client Secret of Instagram
Go to https://www.instagram.com/developer/ and login with 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 
  • RedirectURI: Use this on Instagram to create application.


...