검색 결과 :

×

WordPress 웹사이트에 Facebook 로그인을 통합하는 방법 | 페이스북 계정 로그인

WordPress 웹사이트에 Facebook 로그인을 통합하는 방법 | 페이스북 계정 로그인


통합 페이스북 OAuth 2.0 프로토콜을 사용하는 WordPress의 경우 소셜 로그인(Facebook SSO)입니다.
miniOrange 소셜 로그인을 사용하면 사용자가 Facebook 계정을 사용하여 WordPress 웹사이트에 로그인/등록할 수 있습니다. 사용자에게 비밀번호를 기억하지 않고도 WordPress 웹사이트에 로그인/등록할 수 있는 최선의 선택권을 제공하세요. WordPress 설정 페이스북 몇 가지 간단한 단계를 거쳐 miniOrange 플러그인을 설치하고 Facebook을 설정하세요.

이 플러그인은 귀하의 웹사이트에 소셜 미디어에 가입하고 로그인하는 옵션을 추가하는 데 사용됩니다. Facebook뿐만 아니라 Google, Paypal, Pinterest, Disqus, Amazon, Twitter 및 기타 잘 알려진 네트워크도 귀하의 웹사이트에 통합될 수 있습니다. 이 플러그인은 정말 유용하고 강력하지 않나요? 설정하는 방법을 살펴보겠습니다.

내 웹사이트에 Facebook 소셜 로그인을 구현해야 하는 이유는 무엇인가요?

웹사이트에 Facebook 소셜 로그인을 통합하면 많은 이점이 있습니다. 사용자가 귀하의 웹사이트를 방문하면 몇 초 안에 사용을 시작할 수 있습니다. 그들은 어떤 양식도 작성하거나 다른 자격 증명 세트를 기억할 필요가 없습니다. Facebook 소셜 로그인을 사용하면 한 번의 클릭으로 로그인할 수 있습니다. 귀하의 웹사이트에 접속하는 모든 사용자와 해당 데이터는 이미 Facebook에서 검증되었습니다. 귀하는 귀하의 사용자 데이터가 진짜라는 것을 확신할 수 있습니다. 인증과 승인으로 구성된 로그인 프로세스는 Facebook 측에서 이루어집니다.
이렇게 하면 사용자 계정과 잊어버린 비밀번호를 관리할 필요가 없으므로 작업이 더 쉬워집니다.

OAuth 2.0이란 무엇입니까?

OAuth 2.0은 업계 표준 인증 프로토콜입니다. OAuth 2.0은 클라이언트 개발자의 사용 편의성을 우선시하는 동시에 웹 앱, 데스크톱 애플리케이션, 휴대폰 및 거실 장치에 대한 특정 인증 프로세스를 제공합니다.

WordPress 소셜 로그인 플러그인을 사용하면 Facebook을 OAuth 및 OpenID Connect 공급자로 활용하면서 WordPress에 안전하게 로그인할 수 있습니다. Google, Discord, Twitter, Twitch, Apple, Amazon, Stackoverflow, LinkedIn과 같은 여러 Oauth 공급자를 사용하도록 플러그인을 구성할 수도 있습니다. 사용자 정의 아이콘, 리디렉션 등과 같은 정교한 Single Sign-On 기능을 사용할 수 있습니다. 이 기사에서는 WordPress와 Twitch 간에 SSO를 설정하는 방법을 살펴보겠습니다.

WordPress 페이스북 싱글 사인온(SSO) WordPress의 경우 다음을 사용하여 달성할 수 있습니다. WordPress 소셜 로그인 플러그인. 이 가이드에서는 WordPress 웹사이트에 Facebook을 가장 쉬운 방법으로 구현하는 방법을 살펴보겠습니다. WordPress 소셜 로그인 플러그인에서 제공하는 Facebook 소셜 로그인과 함께 다른 기능에 대해 자세히 알아보려면 다음을 수행하세요. 여기를 클릭하세요.

소셜 로그인은 어떻게 작동하나요?
소셜 로그인 과정은 매우 간단합니다. 사용자는 귀하의 웹사이트를 방문하여 로그인하려는 소셜 로그인 공급자를 선택합니다. 소셜 네트워크 제공업체의 사이트에 세부 정보를 입력합니다. 소셜 공급자가 인증 프로세스를 완료하면 사용자는 WordPress 웹사이트를 사용할 수 있습니다. 신규 사용자라면 등록이 되고, 기존 사용자라면 로그인이 됩니다.

페이스북 세계에서 가장 많이 사용되는 소셜 네트워킹 플랫폼입니다. 2.7억 명이 넘는 사용자를 보유한 Facebook은 전 세계에서 가장 큰 소셜 네트워크입니다.

인터넷에 연결된 거의 모든 사람은 Facebook 계정을 가지고 있습니다.
사용자의 86%는 웹사이트에서 새 계정을 만들어야 하는 것이 귀찮다고 보고합니다. 모든 웹사이트에서 새 계정을 만들어야 하는 시나리오를 생각해 보세요. 짜증나는 소리지?
따라서 우리는 사용자가 Facebook을 사용하여 연결할 수 있도록 허용함으로써 귀하의 웹사이트에 훨씬 더 쉽게 액세스할 수 있도록 할 수 있습니다. Facebook을 통해 소셜 로그인 사용자는 다음을 수행할 수 있습니다.

WordPress 웹사이트에 Facebook 소셜 로그인을 추가하는 방법.
WordPress 웹사이트에서 Facebook 로그인을 허용하는 가장 쉬운 방법은 소셜 로그인 플러그인을 사용하는 것입니다. Facebook 소셜 로그인은 대부분의 웹사이트에서 사용되는 가장 일반적인 소셜 로그인입니다.miniOrange 소셜 로그인은 다양한 무료 기능을 갖춘 Facebook 소셜 로그인을 구현할 수 있는 가장 인기 있는 소셜 로그인 플러그인 중 하나입니다.
다음은 우리가 제공하는 Facebook 통합 목록입니다.
특징:
Facebook으로 무료 로그인
디스플레이 – 로그인, 등록, 댓글 양식의 기본 표시입니다.
짧은 코드 - 사이트 어느 곳에나 로그인 아이콘을 표시합니다.
맞춤화 – 완전히 사용자 정의 가능한 로그인 아이콘. 다양한 테마, 모양, 크기, 색상 중에서 선택하세요.
Facebook 공유
페이스북 댓글 달기
Facebook의 소셜 공유 수입니다.

지침 :
방문자에게 요청할 권한을 결정한 후에는 이를 처리할 수 있는 Facebook 애플리케이션을 구축해야 합니다. 다행히도 생각만큼 복잡하지는 않습니다.


WordPress(WP)에 Facebook 소셜 로그인을 구성하는 단계

1단계: WordPress에 Facebook 소셜 로그인 구성

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

미니오렌지 img Facebook 소셜 로그인 구성
  • 시작하려면 Facebook 개발자 콘솔로 이동하여 클릭하세요. 여기에서 지금 확인해 보세요. 페이스북 개발자 계정으로 가입/로그인하세요.
  • 페이스북 wp 개발자 로그인 앱
  • Facebook 개발자 앱 페이지로 이동하여 버튼을 클릭하여 새로운 앱을 추가하세요.
  • 페이스북 wp 소셜 로그인 페이스북 앱 만들기
  • 그런 다음 사람들이 자신의 Facebook 계정으로 로그인하도록 허용 사용 사례로 옵션을 선택하고 누릅니다. 다음 보기.
  • 소셜 로그인 facebook wp 소셜 로그인 앱 옵션
  • 입력 앱 이름 연락처 이메일 추가 Facebook 앱에 대해 각각 다음을 클릭하세요. 앱 생성 버튼을 눌러 설정을 저장하십시오.
  • 페이스북 소셜 로그인 앱 wp 세부정보
  • We Buy Orders 신청서를 클릭하세요. 앱 설정 -> 기본 앱 ID와 앱 비밀을 확인하세요. 그만큼 앱 ID 이 여러분의 고객 ID 그리고 앱 비밀 이 여러분의 고객 비밀, 나중에 miniOrange 소셜 로그인 플러그인을 구성하는 데 필요하므로 이 값을 편리하게 보관하십시오(아래 이미지 참조).
  • 앱 도메인: 거기에 웹사이트 도메인을 작성하세요.
  • 개인정보 보호정책 URL: 귀하의 웹사이트 개인정보 보호정책 페이지에 좋아요 표시한 URL을 이 상자에 입력하세요.
  • 서비스 약관 : 웹사이트의 서비스 약관 페이지에 링크된 URL을 이 상자에 입력하세요.
  • 사용자 데이터 삭제:드롭다운에서 데이터 삭제 지침 URL을 선택하세요(사용자가 사이트에서 자신의 계정을 삭제할 수 있는 방법에 대한 지침이 포함된 페이지의 URL을 입력하세요).
  • 선택 범주 카테고리 필드의 드롭다운에서 앱 목적 귀하의 앱을 가장 잘 설명하는 옵션을 선택한 다음 저장 (Save Changes) 구성을 저장합니다.
  • fb wp 소셜 로그인 페이스북 기본 정보 fb wp 소셜 로그인 페이스북 기본 정보
  • 이제 아래로 스크롤하여 클릭하십시오. 플랫폼 추가 단추. 선택 웹 사이트 Facebook 로그인을 웹사이트와 통합하려고 할 때 옵션을 선택하세요. 클릭 다음 보기.
  • 페이스북 소셜 로그인 앱 검토 탭 권한
  • 다음으로 사이트 URL (miniOrange 소셜 로그인 플러그인 WordPress에서) 클릭 찜하기. 그런 다음 계속.
  • 페이스북 소셜 로그인 앱 검토 탭 권한
  • 온 클릭 사용 사례 탭을 탭한 다음 맞춤형 옆에 나타나는 버튼 인증 및 계정 생성 목.
  • 소셜 로그인 페이스북 사전 접속 요청
  • 아래의 권한 섹션에서 이메일 권한을 부여하고 다음을 클릭하세요. 추가 버튼을 클릭합니다.
  • 기본적으로 귀하의 애플리케이션에는 "public_profile" 및 "email" 권한에 대한 일반 액세스만 있습니다. 즉, 귀하만 해당 애플리케이션으로 로그인할 수 있습니다. 고급 액세스를 얻으려면 비즈니스 인증을 거쳐야 합니다. 확인 왼쪽에 있는 탭.


    소셜 로그인 페이스북 개발자 상태
  • 아래의 페이스북 로그인 >> 설정 섹션을 클릭하십시오. 설정으로 바로 가기 버튼을 클릭하여 리디렉션/콜백 URL을 추가하세요.
  • 페이스북 소셜 로그인 데이터 점검 완료
  • 유효한 OAuth 리디렉션 URI 필드 추가 리디렉션/콜백 URL miniOrange 소셜 로그인 플러그인에서 얻을 수 있습니다. 클릭 변경 사항을 저장 버튼을 클릭합니다.
  • 페이스북 소셜 로그인 사전 권한 활성화
  • 현재 귀하의 앱은 개발 모드에 있으며 이는 회사 외부의 사람들이 앱을 사용할 수 없음을 의미합니다. 확인이 완료되면 다음을 클릭하세요. 생중계 탭을 클릭하고 앱을 게시하세요. 생중계 오른쪽 하단에 있는 버튼을 클릭하세요. 모든 것을 올바르게 구성했다면 누르기 전에 "라이브 시작" 페이지에 나열된 단계를 확인하는 것이 좋습니다.
  • 페이스북 소셜 로그인 사전 권한 활성화

2. miniOrange 소셜 로그인 플러그인에서 자격 증명 설정

  • We Buy Orders 신청서를 클릭하세요. miniOrange 소셜 로그인 플러그인 → 앱 구성 클릭 → Facebook 로그인 아이콘 클릭:
  • 페이스북 WordPress 소셜 로그인 miniOrange 소셜 플러그인
  • 복사 고객 ID고객 비밀 설정 위의 양식을 작성하여 Facebook 로그인 지침의 필드에 붙여넣습니다.
  • 페이스북 소셜 로그인 워드프레스 소셜 로그인 클라이언트 ID
  • 다음을 클릭하십시오. 구성 저장 및 테스트 버튼을 클릭합니다.
  • 새 창이 나타나고 Facebook 계정에 로그인하라는 메시지가 표시됩니다. 개발자용 Facebook에 계정을 등록할 때 사용한 계정으로 로그인하세요. 로그인 프로세스를 완료하려면 다음으로 계속을 누르세요.
  • 테스트가 성공했다는 플러그인의 알림이 표시됩니다. 이는 맞춤형 앱이 올바르게 설정된다는 의미입니다.
  • facebook WordPress 소셜 로그인 테스트 구성
  • 이제 WordPress 웹사이트에 페이스북 소셜 로그인 버튼이 활성화된 것을 볼 수 있습니다.
  • Facebook 로그인 버튼은 WordPress에서 다음 이미지와 같습니다.
  • WordPress 웹사이트의 Facebook 소셜 로그인 아이콘
  • 웹사이트의 사용자 정의 로그인/등록 페이지에 소셜 로그인 아이콘을 추가할 수 없는 경우 다음을 사용할 수 있습니다. 단축 코드 안내서.

WordPress 웹사이트에 대한 Facebook 소셜 로그인을 성공적으로 구성했습니다.


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

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

인기 있는 통합

WooCommerce 통합

WooCommerce 통합을 사용하면 WooCommerce 페이지에 소셜 로그인 버튼을 표시하고 청구서 및 청구서에서 사용자 세부 정보를 미리 채울 수 있습니다.
결제 필드

더 알아보기 →

디스코드 통합

Discord 통합 애드온을 사용하면 로그인/등록을 제한할 수 있습니다
사용자 기반
사용자가 있는지 여부
디스코드 서버에서

더 알아보기 →

HubSpot 통합

Hubspot 애드온은 Hubspot 통합을 제공합니다.
사용자 연락처가 Hubspot 연락처 목록에 자동으로 추가됩니다.
성공적으로 등록을 통해
소셜 로그인 애플리케이션

더 알아보기 →

맞춤 등록 양식

맞춤형 등록 양식 추가 기능을 사용하면 신규 사용자와 기존 사용자의 세부 정보를 통합할 수 있습니다. 등록 중 소셜 사이트에서 반환된 필드를 포함하여 여러 필드 추가

더 알아보기 →

BuddyPress 통합

Buddypress 통합 애드온은 buddypress 디스플레이 옵션과 두 가지 기능을 모두 제공합니다.
그리고 버디프레스
확장된 속성 매핑

더 알아보기 →

MailChimp 통합

Mailchimp 추가 기능은 다음을 도와줍니다.
신규 사용자와 기존 사용자의 세부 정보를 통합합니다. Mailchimp는 아름다운 브랜드 이메일로 청중의 참여를 유도하는 데 도움이 됩니다.

더 알아보기 →

추가 자료


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

안녕하세요!

도움이 필요하다? 우리는 바로 여기에 있습니다!

SUPPORT
miniOrange 지원팀에 문의하세요
성공

문의 해 주셔서 감사합니다.

24시간 이내에 연락을 받지 못한 경우 언제든지 다음 이메일로 후속 이메일을 보내주세요. info@xecurify.com