이 모듈 받기

PrestaShop 소셜 로그인 모듈

Facebook 설정 비디오 보기

PrestaShop에 Facebook 소셜 로그인을 구성하는 단계

1단계: PrestaShop에 로그인할 수 있도록 Facebook 앱 구성:

PrestaShop에서 Facebook 소셜 로그인을 구성하려면 아래 단계를 따르세요.

 Facebook 소셜 로그인 구성

• 클릭하여 Facebook 개발자 콘솔로 이동합니다. 여기에서 지금 확인해 보세요. Facebook 개발자 계정으로 가입/로그인하세요.

• Facebook 개발자 앱 페이지로 이동하여 버튼을 클릭하여 새로운 앱을 추가하세요.

• AppID를 생성하려면 필요에 따라 옵션을 선택하세요.

• 입력 앱 표시 이름 와 연락처 이메일 추가 Facebook 앱에 대해 각각 다음을 클릭하세요. 앱 생성 버튼을 눌러 설정을 저장하고 앱에 대한 앱 ID를 생성한 후 보안 검색.

• 선택 페이스 북 로그인 클릭하여 설정 버튼을 누릅니다.

• 선택 Web Facebook 로그인을 통합하는 옵션입니다.

• 다음으로 사이트 URL (소셜 로그인 앱에서) 클릭 저장합니다. 그런 다음 계속합니다.

• We Buy Orders 신청서를 클릭하세요. 설정 -> 기본 앱 ID와 앱 비밀을 확인하세요(아래 이미지 참조).
• 앱 도메인: 소셜 로그인 앱에 지정된 대로 도메인을 복사하여 여기에 붙여넣습니다.
• 개인정보 보호정책 URL: 여기에 개인정보 보호정책 URL을 입력하세요.
• 서비스 약관 : 여기에 서비스 약관 URL을 입력하세요.
• 사용자 데이터 삭제:드롭다운에서 데이터 삭제 지침 URL을 선택합니다(사용자가 계정을 삭제할 수 있는 방법에 대한 지침이 포함된 페이지의 URL을 입력하세요).
• 선택 범주 카테고리 필드의 드롭다운에서 앱 목적 앱이나 스토어를 가장 잘 설명하는 옵션을 선택한 다음 저장 (Save Changes) 구성을 저장합니다.

• 다음에서 앱 상태를 변경하세요. 개발에 에 라이브 (Live) 아래 이미지와 같이 OFF를 클릭하면 됩니다. 그런 다음을 클릭하십시오. 확인하다 상태 변경을 확인합니다.

• 콜백/리디렉션 URL(스토어의 miniOrange 앱을 통한 소셜 로그인에서)을 입력하세요. 유효한 OAuth 리디렉션 URI 들. 클릭 변경 사항을 저장 구성을 저장합니다.
  
  참고 : 가장 중요한 것은 당신의 콜백/리디렉션 URI 되어야 HTTPS 하지 HTTP. PrestaShop용 miniOrange 소셜 로그인 플러그인에서 Facebook 로그인을 구성하는 동안 필수입니다.

• 당신의 복사 앱 ID 귀하는 앱 비밀 PrestaShop의 소셜 로그인 앱에 저장하세요. (각각 클라이언트 ID 및 클라이언트 비밀 필드 아래)

2단계: PrestaShop 모듈에서 Facebook 로그인 설정:

• miniOrange의 소셜 로그인 모듈을 설치합니다. 그런 다음 모듈 관리자로 이동하십시오.
• 설치하신 후 다음을 클릭해주세요. 구성 소셜 로그인 애플리케이션 대시보드로 이동합니다.

• 그러면 소셜 로그인 대시보드로 이동됩니다. 여기를 클릭해주세요. 페이스북.

• 복사 고객 ID 와 고객 비밀 Facebook 개발자로부터 받은 내용을 소셜 로그인 앱의 Facebook 로그인 지침 화면에 있는 필드에 붙여넣습니다.

• 온 클릭 찜하기 버튼을 눌러 자격 증명을 저장합니다. 그런 다음 테스트 구성 버튼을 클릭합니다.

• 창이 나타나고 Facebook 계정에 로그인하라는 메시지가 표시됩니다. 이는 Facebook 구성을 테스트하기 위한 것입니다. 개발자용 Facebook에 계정을 등록할 때 사용한 계정으로 로그인하세요. 누르세요 버튼으로 계속 로그인 프로세스를 완료합니다.
• 테스트 구성이 성공했다는 알림이 앱에서 팝업으로 표시됩니다. 이는 맞춤형 앱이 올바르게 설정되었음을 의미합니다.

• 앱 대시보드로 이동하여 Facebook 아이콘의 토글 버튼을 클릭하여 사람들이 Connect with Facebook을 사용하여 스토어에 로그인할 수 있도록 Facebook 로그인 버튼을 활성화하세요.

• 이제 PrestaShop 스토어에 Facebook 소셜 로그인 버튼이 활성화된 것을 볼 수 있습니다. 이를 통해 사용자는 Facebook을 사용하여 매장에 연결할 수 있습니다.

3단계: 소셜 로그인 아이콘 표시 옵션:

• 로 이동 옵션을 표시 소셜 로그인 아이콘을 표시할 수 있는 사용 가능한 모든 표시 옵션을 찾을 수 있습니다.

• 소셜 로그인 아이콘을 표시하려는 옵션을 모두 선택하세요.

• 표시 옵션 섹션에서 활성화된 모든 섹션에는 소셜 로그인 아이콘이 표시됩니다.



• 결론 :
  miniorange 소셜 로그인 모듈을 사용하여 Prestashop 스토어에 대한 Facebook 소셜 로그인을 성공적으로 구성했습니다. 이 솔루션을 사용하면 기술적 지식 없이 몇 분 안에 miniorange 소셜 로그인 모듈을 사용하여 스토어 사이트에 쉽고 안전하게 액세스할 수 있습니다.

매력적인 소셜 로그인 아이콘

• 또한 최신 버전의 소셜 로그인 플러그인에서는 소셜 로그인 아이콘 원형, 둥근 아이콘, 정사각형 및 긴 버튼에 대한 4가지 유형의 모양을 갖춘 매력적인 소셜 로그인 아이콘을 제공합니다. 기본, 흰색 배경, 사용자 정의 배경, 호버, 사용자 정의 호버 및 스마트를 포함한 XNUMX가지 테마. 또한 모든 유형의 테마와 버튼에 대한 변환 효과를 제공합니다.

추가 자료

• PrestaShop용 miniOrange Social 로그인 모듈을 다운로드하세요.
• 프레스타샵 소개
• Prestashop 설치 방법에 대한 전체 가이드.
• Prestashop에 대한 Google 소셜 로그인
• Prestashop에 대한 Discord 소셜 로그인
• miniOrange의 소셜 로그인 모듈에 대한 추가 정보

찾을 수 없는 내용이 있으면 다음 주소로 이메일을 보내주세요. socialloginsupport@xecurify.com