Social Media

From Znode Knowledge Base
Jump to: navigation, search

Enable Social Media Login for Store

To enable Social Media Login you have to:

  1. Insert entries in Table called "ZnodePortalLoginProvider"
  2. Insert the domain to configure, portal ID, secret key, and key provided with login provider ID.
  3. "ZnodeLoginProvider" table will contain the entries of login provider like Facebook and Google.


How to Create a Facebook Developer Account

To create a Facebook Developer Account:

  1. Create the Facebook developer account using URL - https://developers.facebook.com.
  2. Create new website app by using the "Add New App" menu inside "My Apps" menu.
  3. Create the new Facebook APP ID, by choosing the "Apps for Pages" Category.
  4. In Facebook New App Dashboard view, take the "App Id" & "App Secret" values and insert them into "ZnodePortalLoginProvider" along with domain ID, portal ID, and Facebooks' LoginProviderId
  5. Facebook new App Dashboard > Settings > Basic Menu
    
  6. Next, add Platform using website, and put your respective MVC Demo site hosted URL in SiteUrl textbox and save the changes made.
  7. Facebook New App Dashboard > Settings > Advanced Menu
    
  8. Add the respective MVC Demo site hosted URL in Valid OAuth redirect URIs and save the changes.


How to Create a Google Developer Account

To create a Google Developer Account:

  1. Create the Google Developer account using URL - https://console.developers.google.com
  2. Create a New Project.
  3. Inside APIs & Auth menu, click on Credentials menu. Select OAuth Consent Screen.
  4. Give the Product Name and save the changes.
  5. Select Credentials and add Credentials by using OAuth 2 Client Id.
  6. Select the Application Type as "Web application" and click on Create. This will create the Client Id and Client Secret.
  7. Insert the ClientId, Client secret in ZnodePortalLoginProvider along with domain id, portal id and LoginProviderId of Google.
  8. Now, put your respective MVC Demo site hosted URL in Authorized redirect URL’s text box & save the changes.

Social Media Widget

Related Links