> For the complete documentation index, see [llms.txt](https://help.sixshop.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.sixshop.com/ect_01/facebooklogin.md).

# 페이스북 로그인 연동하기

## 목차 

* [페이스북 로그인 사용하기](#1.)
  * [페이스북 새 앱 ID 만들기](#1-1.-id)
  * [제품 설정하기](#1-2.)
  * [앱 설정하기](#1-3.)
  * [애드온 사용하기](#1-4.)

## 1. 페이스북 로그인 사용하기

{% hint style="info" %}
페이스북 로그인 기능을 사용하시려면 페이스북 계정이 있어야 합니다. [지금 가입하기](https://www.facebook.com/)
{% endhint %}

### 1-1. 페이스북 새 앱 ID 만들기

**Step 1.** [페이스북 디벨로퍼스 웹사이트](https://developers.facebook.com/)에 방문 후 화면 우측 상단 '내 앱' 메뉴를 누르세요. 

<figure><img src="/files/HPYD50I0LEY3CVw22D4V" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
오른쪽 상단에 '내 앱' 메뉴가 노출되지 않으면 '시작하기'를 클릭하여 Facebook 개발자 계정을 생성하고 다음 과정을 진행해 주세요.&#x20;
{% endhint %}

**Step 2.** 앱 페이지에서 \[앱 만들기]를 클릭해 주세요.

<figure><img src="/files/3KNSJB8zlm0bKiyifiwM" alt=""><figcaption></figcaption></figure>

**Step 3.** 앱에 필요한 기능  중 \[사람들이 Facebook 계정으로 로그인하도록 허용]을 선택해 주세요.

<figure><img src="/files/0Nn8rtTL0AiFx0EvLrYL" alt=""><figcaption></figcaption></figure>

**Step 4.** 상세 정보를 입력하고 \[앱 만들기]를 클릭해 주세요.

<figure><img src="/files/VocJS58tP0H2B2O3inh5" alt=""><figcaption></figcaption></figure>

| 설정 항목                                                                         |
| ----------------------------------------------------------------------------- |
| <p><strong>앱 이름 추가</strong><br>상점 이름을 입력해 주세요.</p>                            |
| <p><strong>앱 연락처 이메일</strong><br>페이스북 로그인 정책, 상태 정보를 받을 이메일 주소를 입력해 주세요. </p> |
| <p><strong>비즈니스 계정</strong><br>비즈니스 관리자 계정을 선택해 주세요.</p>                      |

### 1-2. 제품 설정하기

**Step 1 .** \[왼쪽 메뉴 > 제품]으로 이동하여 구성 버튼을 클릭하여 설정을 선택해 주세요.

<figure><img src="/files/vyA0r6XdgYGZCq9bSaGZ" alt=""><figcaption></figcaption></figure>

**Step 2 .** JavaScript SDK에 허용된 도메인 설정을 '예'로 선택하고 상점 도메인을 입력해 주세요.

<figure><img src="/files/h6fL7YDCyPwImJlz3VpS" alt=""><figcaption></figcaption></figure>

| 설정 항목                                                                    |
| ------------------------------------------------------------------------ |
| <p><strong>JavaScript SDK에 허용된 도메인</strong><br><https://www.상점도메인주소></p> |

### **1-3. 앱 설정하기**

**Step 1 .** \[왼쪽 메뉴 > 설정 > 기본 설정]에서 아래를 참고하여 정보를 입력해 주세요.

<figure><img src="/files/7pzQF78usJYoJjr4DcKf" alt=""><figcaption></figcaption></figure>

| 설정 항목                                                                             |
| --------------------------------------------------------------------------------- |
| <p><strong>앱 도메인</strong> <br>[www.상점도메인주소](http://www.상점도메인주소)</p><p>상점도메인주소</p> |
| <p><strong>개인정보처리방침 URL</strong><br><https://www.상점도메인주소/privacy></p>             |
| <p><strong>서비스 약관 URL</strong><br><https://www.상점도메인주소/policy></p>                |
| <p><strong>사용자 데이터 삭제</strong> </p><p><https://www.상점도메인주소>  </p>                 |
| <p><strong>카테고리</strong> </p><p>쇼핑</p>                                            |

**Step 2 .** 기본 설정 페이지 하단 \[+ 플랫폼 추가]를 클릭하고, Website에 체크하여 \[다음] 버튼을 클릭한 후 상점 도메인 주소를 입력해 주세요.

<figure><img src="/files/muegwwTRWJ0ppEEQKhch" alt=""><figcaption></figcaption></figure>

| 설정 항목                                                    |
| -------------------------------------------------------- |
| <p><strong>사이트 URL</strong><br><https://www.상점도메인주소></p> |

**Step 3.** \[왼쪽 메뉴 > 라이브하기]에서 '라이브하기'를 클릭해 라이브 모드로 변경해 주세요.

{% hint style="danger" %}
**2023년 2월 1일부터 페이스북 로그인은 인증된 비즈니스와 연결되어야 사용할 수 있습니다.**\
라이브하기에서 비즈니스 인증 오른쪽 \[인증 시작]을 눌러 비즈니스 인증을 완료해 주세요.\
비즈니스 인증은 서류 제출 후 약 2영업일 소요됩니다.
{% endhint %}

비즈니스 인증을 위해 상점 정보 확인에 필요한 문서가 필요합니다.

<details>

<summary>비즈니스 인증에 허용되는 문서</summary>

* 상장서/정관
* 비즈니스 등록 문서 또는 사업자 등록증&#x20;
* 정부 발급 비즈니스 납세 관련 문서
  * 납세 증명서도 해당됩니다. 직접 작성한 세무 문서는 허용되지 않습니다.
* 비즈니스 은행 명세서
* 공과금 청구서
  * 비즈니스 주소 및 전화번호를 확인하는 용도로만 허용됩니다. 공과금 청구서에 법적 비즈니스 이름이 명시되어 있어야 합니다. 공과금 청구서는 법적 비즈니스 이름을 확인하는 용도로는 허용되지 않습니다.

</details>

<figure><img src="/files/9RggkfczX0hazab7q87j" alt=""><figcaption></figcaption></figure>

**Step 4.** Step.3 이미지의 ③의 앱 ID 숫자를 클릭하여 복사해 주세요.

### 1-4. 애드온 사용하기

\[식스샵 > 애드온 > 소셜 로그인]의 '페이스북' 항목에 복사한 앱 ID를 붙여넣고 '변경사항 저장하기' 버튼을 누르세요.

<figure><img src="/files/RkWDdMxgjswjjFkJLbet" alt=""><figcaption></figcaption></figure>