{"id":643,"date":"2020-06-18T21:14:04","date_gmt":"2020-06-18T21:14:04","guid":{"rendered":"http:\/\/directorist.com\/documentation\/?post_type=wpwax_extensions&#038;p=643"},"modified":"2020-06-18T21:16:34","modified_gmt":"2020-06-18T21:16:34","slug":"configure-google-client","status":"publish","type":"wpwax_extensions","link":"https:\/\/directorist.com\/documentation\/extensions\/social-login\/configure-google-client\/","title":{"rendered":"Configure Google Client"},"content":{"rendered":"<p><span data-contrast=\"auto\"><strong>Step 1:<\/strong> Log in to your Google Account and go to the following URL. <\/span><a href=\"https:\/\/developers.google.com\/identity\/sign-in\/web\/sign-in\" target=\"_blank\" rel=\"noopener\"><span data-contrast=\"none\">https:\/\/developers.google.com\/identity\/sign-in\/web\/sign-in<\/span><\/a><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\"><strong>Step 2:<\/strong> Click<\/span><span data-contrast=\"auto\">\u00a0on \u201cCredentials Page\u201d\u00a0<\/span><span data-contrast=\"auto\">\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i.imgur.com\/MiNfHRI.png\" width=\"630\" height=\"485\" \/><\/p>\n<p><span data-contrast=\"auto\"><strong>Step 3:<\/strong>\u00a0<\/span><span data-contrast=\"auto\">You will\u00a0<\/span><span data-contrast=\"auto\">be redirected<\/span><span data-contrast=\"auto\"> to the credentials page. Click Create Credentials\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i.imgur.com\/WJ11GEc.png\" width=\"790\" height=\"427\" \/><\/p>\n<p><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><span data-contrast=\"auto\"><strong>Step 4:<\/strong>\u00a0<\/span><span data-contrast=\"auto\">A dropdown will appear and make sure to select \u201c0Auth Client ID\u201d<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i.imgur.com\/xJXuD72.png\" width=\"728\" height=\"579\" \/><\/p>\n<p><span data-contrast=\"auto\"><strong>Step 5:<\/strong>\u00a0<\/span><span data-contrast=\"auto\">In the\u00a0<\/span><span data-contrast=\"auto\">next\u00a0<\/span><span data-contrast=\"auto\">step<\/span><span data-contrast=\"auto\">,<\/span><span data-contrast=\"auto\">\u00a0a form will come in view\u00a0<\/span><span data-contrast=\"auto\">and do the following<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<ol>\n<li data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Select \u201cWeb Application\u201d as Application Type<\/span><\/li>\n<li data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Type in the URI in \u201cAuthorized\u00a0<\/span><span data-contrast=\"auto\">JavaScript<\/span><span data-contrast=\"auto\">\u00a0Origins\u201d<\/span><\/li>\n<li data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Type in the URI again in \u201cAuthorized Redirect URIs\u201d<\/span><span data-ccp-props=\"{&quot;134233279&quot;:true,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i.imgur.com\/MZAptnR.png\" width=\"786\" height=\"566\" \/><\/p>\n<p><span data-contrast=\"auto\">And click \u201cCreate\u201d<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\"><strong>Step 6:<\/strong> OAuth client will be\u00a0<\/span><span data-contrast=\"auto\">created,<\/span><span data-contrast=\"auto\">\u00a0and\u00a0<\/span><span data-contrast=\"auto\">you will get your Client ID and the\u00a0<\/span><span data-contrast=\"auto\">Client<\/span><span data-contrast=\"auto\">\u00a0Secret<\/span><span data-contrast=\"auto\"> in a pop-up. Copy the Client ID and paste it in Directory Settings \u2192 <\/span><span data-contrast=\"auto\">Extensions Settings \u2192 Social Login \u2192 Googl<\/span><span data-contrast=\"auto\">e\u00a0<\/span><span data-contrast=\"auto\">Client ID<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i.imgur.com\/ixBvouC.png\" width=\"722\" height=\"417\" \/><\/p>\n<p><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n","protected":false},"author":2298,"parent":0,"menu_order":0,"template":"","class_list":["post-643","wpwax_extensions","type-wpwax_extensions","status-publish","hentry","wpwax_extensions_category-social-login"],"acf":[],"_links":{"self":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/wpwax_extensions\/643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/wpwax_extensions"}],"about":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/types\/wpwax_extensions"}],"author":[{"embeddable":true,"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/users\/2298"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/media?parent=643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}