Page History

...

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

Google+

Enable: To enable Google login and sharing option

Client ID: Google+ application ID

Client Secret: Google+ application secret
Redirect URI: Copy this part and fill in

Image Removed

Google+

How to set Client ID and Client Secret of Google+

Go

Go to the Google Developers Console

–

– https://console.developers.google.com/

Select an existing project, or create a new project by clicking clicking Create Project:

In

the

the Project name

field

field, type in a name for your new project.
In

the

the Project ID

field

field, the console has created project ID.

Click on

the

the Create

button

button and the project to be

created within some

created within some seconds.

In the left sidebar, select select APIs under the under the APIs & auth section section.

Find

the

the Google+ API

service

service and set its status

to

to Enable.

In the sidebar, select Credentials under the APIs & auth section.
In the OAuth section of the page, select Create New

Click Create Credentials select OAuth Client ID.

Create Client ID

dialog

dialog box would be appearing for choosing application type.
In

the

the Application type

section

section of the dialog,

select

select Web application

and

and click on

the

the Configure consent

screen

screen button.

Choose

Choose Email address,

enter

enter Product name

and

and save the form.
In

the

the Authorized JavaScript origins

field

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

the Authorized redirect URI

field

field, enter the redirect URL.
Click

on

on Create

Client ID

.

Image Added

Now you can see the Client ID for web application section. Select Select Client ID and Client Secret then fill in Configuration of Google in Backend of Magento 2 storesstore.

Image Removed

Facebook

Image Added

In the backend of Magento 2, in the Google+ setting

Enable:

allow showing or hiding Facebook login button

To enable Google login and sharing option

Client ID:

Facebook

Google+ application ID

Client Secret:

Facebook

Google+ application secret

Redirect URI: You will use this URL in Google to connect the app

Image Added

Facebook

Image Removed

How to set Client ID and Client Secret of Facebook

Go to the https://developers.facebook.com/apps/

and login at

and login at your Facebook developer account.

Click My app button

Click Add a New App button on the top

right > Website > Skip and Create App ID then fill information in the below screenshot.

Image Removed

right to create a new app ID. A popup will display as below

Image Added

In the Facebook for developers Settings, choose Basic, click on the Add Platform button

Choose Settings link from the left menu section at the apps page, click on the Add Platform button under app ID and app secret

, then enter your site URL.

Image Added

Click on Save changes button.

Select

You will see that there are App ID and App

Secret and enter Configuration of Facebook.

Image Removed

Click on App Review link from left side navigation menu panel. Make your app live and available it for public.

facebook-app-creation-tutorial-review-live-public-by-codexworld

Image Removed

secret, note that you will need these to configure the module in the backend of Magento 2.

Image Added

Then you have to make your app public to every one. On the top bar, click on Status, a pop up as below will be displayed. Confirm to make the app public.

Image Added

Enable: allow showing or hiding Facebook login button

Client ID: Facebook application ID

Client Secret: Facebook application secret

Image Added

Twitter

Enable: allow showing or hiding Twitter login button

...

Page tree

Versions Compared

Old Version 5

New Version 6

Key