"use strict";(self.webpackChunknewoaks_help=self.webpackChunknewoaks_help||[]).push([[1162],{1463:(e,o,n)=>{n(6540),n(4848)},2516:(e,o,n)=>{n.d(o,{A:()=>t});const t=n.p+"assets/images/googlesignin-c0b1406d7d1ea80cf880a90e55d59d1c.png"},3496:(e,o,n)=>{n.d(o,{A:()=>t});const t=n.p+"assets/images/googleaccount1-1a3904bce4d09b0489057ac0aa11cb7e.png"},5014:(e,o,n)=>{n.d(o,{A:()=>t});const t=n.p+"assets/images/googlenewwindow-632d448abfc831d03b6414b2cdbb9d98.png"},5908:(e,o,n)=>{n.d(o,{A:()=>t});const t=n.p+"assets/images/googleprompt-3cb3c9cfd0c40a8821ad3a6cd55f39ee.png"},5970:(e,o,n)=>{n.d(o,{A:()=>t});const t=n.p+"assets/images/googleauthentication-7375ccbb64cbaa31438f9e8ddbc5773a.png"},6348:(e,o,n)=>{n.r(o),n.d(o,{assets:()=>a,contentTitle:()=>c,default:()=>p,frontMatter:()=>g,metadata:()=>t,toc:()=>l});const t=JSON.parse('{"id":"crashCourse/google-login","title":"How to Create Google Login","description":"Google Login Setup","source":"@site/userGuide/crashCourse/google-login.md","sourceDirName":"crashCourse","slug":"/crashCourse/google-login","permalink":"/guides/user/crashCourse/google-login","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":25,"frontMatter":{"sidebar_position":25},"sidebar":"sidebar","previous":{"title":"Set Up Unique Key for Your Database Table","permalink":"/guides/user/crashCourse/unique-key"},"next":{"title":"Update Hero Section Background Image","permalink":"/guides/user/crashCourse/update-ground"}}');var i=n(4848),s=n(8453),r=(n(1463),n(8175));const g={sidebar_position:25},c="How to Create Google Login",a={},l=[{value:"Google Login Setup",id:"google-login-setup",level:2},{value:"Add Google Login Button in Your Project",id:"add-google-login-button-in-your-project",level:2}];function d(e){const o={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",img:"img",p:"p",pre:"pre",strong:"strong",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.header,{children:(0,i.jsx)(o.h1,{id:"how-to-create-google-login",children:"How to Create Google Login"})}),"\n",(0,i.jsx)(o.h2,{id:"google-login-setup",children:"Google Login Setup"}),"\n",(0,i.jsxs)(o.p,{children:["Please following the guide at ",(0,i.jsx)(o.strong,{children:(0,i.jsx)(o.a,{href:"/integration/integration-googlelogin",children:"Google Login Integration"})})," to\nsetup Google Login in your project"]}),"\n",(0,i.jsx)(o.h2,{id:"add-google-login-button-in-your-project",children:"Add Google Login Button in Your Project"}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.strong,{children:"Step 1:"})," Use the following prompt to add a Google Login in your existing project"]}),"\n",(0,i.jsx)(o.pre,{children:(0,i.jsx)(o.code,{children:"please create a google login\n"})}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:n(5908).A+"",width:"1588",height:"785"})}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.strong,{children:"Step 2:"})," To verify the Google login, click the New Window button or copy the preview URL and open it in a separate browser window."]}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:n(5014).A+"",width:"1552",height:"780"})}),"\n",(0,i.jsxs)(o.p,{children:["Click the Sign In button, then in the popup window that appears, select Sign In With Google.\n",(0,i.jsx)(o.img,{src:n(2516).A+"",width:"1503",height:"852"})]}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.strong,{children:"Step 3:"})," It will open the Google login page where you can select your Google account."]}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:n(3496).A+"",width:"1248",height:"637"})}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.strong,{children:"Step 4:"})," ",(0,i.jsx)(r.A,{})," will link your Google account as your login credential and then redirect you to your project page."]}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:n(5970).A+"",width:"1279",height:"787"})}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:n(8723).A+"",width:"1586",height:"740"})})]})}function p(e={}){const{wrapper:o}={...(0,s.R)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},8175:(e,o,n)=>{n.d(o,{A:()=>i});n(6540);var t=n(4848);function i(){return(0,t.jsx)("code",{children:"EZsite"})}},8453:(e,o,n)=>{n.d(o,{R:()=>r,x:()=>g});var t=n(6540);const i={},s=t.createContext(i);function r(e){const o=t.useContext(s);return t.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function g(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),t.createElement(s.Provider,{value:o},e.children)}},8723:(e,o,n)=>{n.d(o,{A:()=>t});const t=n.p+"assets/images/googleprofile-dbee0e9713f431ce97a6ae699e3b1af7.png"}}]);