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

## 목차 

* [페이스북 로그인 사용하기](#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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.sixshop.com/ect_01/facebooklogin.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.