도움말
로그인

고객 계정에 Facebook 연결

고객 계정에 Facebook을 연결하려면 다음 작업을 순서대로 완료해야 합니다. 설정하는 동안 Meta for Developers 대시보드와 Shopify 관리자 브라우저 탭 사이를 전환해야 합니다. 고객 계정에 Facebook을 연결하려면 Meta Developer 계정이 있어야 합니다. Meta Developer로 등록하는 방법을 알아보십시오.

이 페이지의 내용

1단계: Shopify 관리자에서 Sign in with Facebook 페이지 열기

  1. Shopify 관리자에서 설정 > 고객 계정으로 이동하십시오.

  2. Authentication 섹션에서 Manage를 클릭하십시오.

  3. Facebook 옆의 Connect를 클릭하여 Sign in with Facebook 페이지를 여십시오.

2단계: Meta for Developers 대시보드에서 앱 생성

  1. 별도의 브라우저 탭에서 Meta for Developers 대시보드로 이동한 다음 Login을 클릭하여 로그인하십시오. Meta Developer 계정을 설정하지 않은 경우 로그인 페이지에서 새 계정을 생성해야 다음 단계로 넘어갈 수 있습니다.
  2. Apps를 클릭하십시오.
  3. Create App를 클릭하십시오.
  4. App name 및 App contact email 필드를 작성한 다음 Next를 클릭하십시오.
  5. Add use cases 페이지에서 Authenticate and request data from users with Facebook Login을 선택한 다음 Next를 클릭하십시오.
  6. Which business portfolio do you want to connect to this app 페이지에서 비즈니스 포트폴리오를 선택하거나 I don't want to connect a business portfolio yet.을 선택한 다음 Next를 클릭하십시오.
  7. Publishing requirements 페이지를 검토한 다음 Next를 클릭하십시오.
  8. Overview 페이지를 검토한 다음 Go to dashboard를 클릭하십시오.

3단계: Meta 앱 설정 구성

  1. 앱을 생성한 후 Meta for Developers 대시보드에서 Use cases를 클릭하십시오.
  2. Authenticate and request data from users with Facebook Login 사용 사례에서 Customize를 클릭하십시오.
  3. 로그인 시 고객 정보가 캡처되도록 하려면 Permissions and features 섹션의 email 옆에 있는 Add를 클릭하십시오.
  4. Settings를 클릭한 다음 Client OAuth settings로 이동하십시오.
  5. Shopify 관리자의 Sign in with Facebook 페이지에서 Redirect URLs 섹션의 리디렉션 URL을 복사하십시오.
  6. Meta for Developers 대시보드의 Settings 페이지에서 리디렉션 URL을 Valid OAuth Redirect URIs 필드에 붙여넣으십시오.
  7. Shopify 관리자의 리디렉션 URL 섹션에 리디렉션 URL이 두 개 이상 있는 경우 추가 리디렉션 URL에 대해 이 단계를 반복하십시오.
  8. Shopify 관리자의 Facebook으로 로그인 페이지에 있는 권한 취소 URL 섹션에서 URL을 복사하십시오.
  9. Meta for Developers 대시보드의 설정 페이지에 있는 권한 취소 콜백 URL 필드에 URL을 붙여넣으십시오.
  10. Meta for Developers 대시보드의 설정 페이지에서 변경 사항 저장을 클릭하십시오.

4단계: Shopify 관리자에서 자격 증명 설정

  1. Meta for Developers 대시보드로 돌아가서 앱 설정 > 기본을 클릭하십시오.
  2. Meta for Developers 대시보드에서 앱 ID를 복사하십시오.
  3. Shopify 관리자의 Facebook으로 로그인 페이지에 있는 자격 증명 섹션의 앱 ID 필드에 앱 ID를 붙여넣으십시오.
  4. Meta for Developers 대시보드에서 앱 시크릿 옆에 있는 표시를 클릭한 다음 앱 시크릿을 복사하십시오.
  5. Shopify 관리자의 Facebook으로 로그인 페이지에 있는 앱 시크릿 필드에 앱 시크릿을 붙여넣은 다음 저장을 클릭하십시오.
  6. Shopify 관리자에서 변경 사항 저장을 클릭하십시오.

5단계: Facebook으로 로그인 테스트 및 활성화

  1. Shopify 관리자의 Facebook으로 로그인 페이지에서 추가 작업 > 미리 보기를 클릭한 다음, 스토어에 로그인하는 고객인 것처럼 Facebook 인증 흐름을 테스트하십시오.
  2. 켜기를 클릭하십시오.

Facebook으로 로그인을 켠 후 온라인 스토어로 이동하여 Facebook을 통해 고객 계정에 로그인하는 방식으로 고객 경험을 테스트할 수 있습니다.