# 메이크샵 연결

{% stepper %}
{% step %}

### 메이크샵 상점키 발급

1. "부가서비스 > 오픈 API" 메뉴에서, 업체명 "머큐리프로젝트"를 선택하고 추가를 클릭합니다.
2. 조회/처리 권한을 모두 선택해 주세요. ( 상점설정, 주문, 상품, 회원, 게시판/리뷰, 쿠폰, 적립금 )
3. 서비스 이용동의 및 제 3자 제공 동의를 동의한 후 신청 버튼 클릭합니다.

<figure><img src="https://165337222-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6Ar3hgzLqfwcJpIN2mA%2Fuploads%2FUqvTF9nRlm9ClOfX7DfH%2FBS_16.png?alt=media&#x26;token=60d36404-9c31-43a8-a62e-0be504bc9a4d" alt="" width="563"><figcaption></figcaption></figure>

4. 상점키 열에서 \[보기]를 클릭하면 키 값을 확인할 수 있습니다.\
   \[복사]를 클릭하면 상점키를 간편하게 복사할 수 있어요.

<figure><img src="https://165337222-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6Ar3hgzLqfwcJpIN2mA%2Fuploads%2F40cCqovSlXDSCFOMkDcJ%2FBS_17.png?alt=media&#x26;token=fd34ffc9-3ec1-40c0-a8f7-cfff3f2c6e26" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### 사이트 인증 정보 입력

사이트 이름, 대표 도메인, 복사해둔 상점키를 입력하고 "다음"버튼을 클릭합니다.

<figure><img src="https://165337222-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6Ar3hgzLqfwcJpIN2mA%2Fuploads%2FnVWWnHa52kEBCbKc7xZn%2FBS_7.png?alt=media&#x26;token=bf81d649-3cf3-4bf3-941d-ba4485c84a1e" alt="" width="426"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### 사이트 등록 정보 입력

도메인과 상점키 인증 후 사이트 등록 정보를 입력할 수 있는 창이 열립니다.\
\- 정확한 사이트 정보를 입력해 주세요.

<figure><img src="https://165337222-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6Ar3hgzLqfwcJpIN2mA%2Fuploads%2FiVZNxOicI9nmafEgk3gV%2FBS_18.png?alt=media&#x26;token=4c09742a-28d8-4227-abd7-d4d4ab3fc4e4" alt="" width="426"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### 사이트 등록 정보 확인

사이트 등록 정보가 정확한지 다시 한번 확인 후 확인 체크박스를 선택하고 "추가하기"버튼을 클릭하세요.

<figure><img src="https://165337222-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6Ar3hgzLqfwcJpIN2mA%2Fuploads%2FAiKtfAsncgvPYSvXzMQx%2FBS_20.png?alt=media&#x26;token=b95373b7-a7e1-43fc-81a2-3940ad0a5c86" alt="" width="420"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### 사이트 등록 완료

등록한 사이트 정보가 "브랜드 사이트"목록에 표시됩니다.

<figure><img src="https://165337222-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6Ar3hgzLqfwcJpIN2mA%2Fuploads%2F0s5ufQGkk2OFqKLAT4pR%2FBS_22.png?alt=media&#x26;token=673120e0-a5b8-443d-ac04-03c6624fcc6d" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### 스크립트 설치하기

1. \[스크립트 설치하기]의 스크립트를 복사합니다.

<figure><img src="https://165337222-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6Ar3hgzLqfwcJpIN2mA%2Fuploads%2FdQTvM1DFUau1ofSza8hC%2FBS_23.png?alt=media&#x26;token=39e000a8-8646-475b-927b-b8d7b055beba" alt="" width="548"><figcaption></figcaption></figure>

2. "디자인 > 디자인 스킨 관리"에서 디자인 편집 버튼을 클릭합니다.

<figure><img src="https://165337222-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6Ar3hgzLqfwcJpIN2mA%2Fuploads%2FnGiR3htIwIfIu1kYF8lD%2FBS_25.png?alt=media&#x26;token=ea193747-f21b-47cf-a9cd-dab451ef48b8" alt="" width="563"><figcaption></figcaption></figure>

3. \[디자인 환경 설정] > \[HEAD 입력]에 복사했던 스크립트를 붙여넣고, 저장을 클릭합니다.

<figure><img src="https://165337222-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6Ar3hgzLqfwcJpIN2mA%2Fuploads%2FHU3fdzX3I0QQ70KodTDQ%2FBS_26.png?alt=media&#x26;token=9753b223-f1f3-4ac5-bbb2-75c6ec2a8d89" alt="" width="563"><figcaption><p>PC</p></figcaption></figure>

4. 스크립트 설치를 모두 마쳤다면 브랜드스페이스 화면으로 돌아와 스크립트 소스 아래 "다음" 버튼을 클릭합니다.

{% hint style="warning" %}
반드시 PC와 모바일에 모두 설치해야 합니다.
{% endhint %}
{% endstep %}

{% step %}

### 고객 ID  연결하기

1. 스크립트 설치에 이어서 고객 ID 연결하기에서 메타태그를 복사합니다.

<figure><img src="https://165337222-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6Ar3hgzLqfwcJpIN2mA%2Fuploads%2FFIb11fG0zGUNEVowbi1l%2FBS_24.png?alt=media&#x26;token=db726941-ad03-4fdf-808d-420e1743d394" alt="" width="550"><figcaption></figcaption></figure>

2. \[상단 > 기본 상단] 페이지에 복사한 메타태그를 붙여넣기 후 저장해 주세요.\ <mark style="color:red;">- 메타태그는 모든 페이지에 적용되어야 하므로, 상단 레이아웃을 2개 이상 사용하는 경우 각각에 모두 적용해야 합니다.</mark>

<figure><img src="https://165337222-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6Ar3hgzLqfwcJpIN2mA%2Fuploads%2FsWGJ9P1APXj21voDQNgw%2FBS_27.png?alt=media&#x26;token=96e4422c-e0c9-4c61-9ad5-96fcebed94b7" alt="" width="563"><figcaption></figcaption></figure>

3. 브랜드스페이스로 돌아와서 "설치 완료하기"버튼을 클릭하면 스크립트 설치가 완료됩니다.

{% hint style="warning" %}
반드시 PC와 모바일에 모두 설치해야 합니다.
{% endhint %}
{% endstep %}

{% step %}

### 사이트 등록 완료

스크립트 설치 완료 후 등록한 사이트 정보가 "브랜드 사이트"목록에 표시됩니다.

<figure><img src="https://165337222-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE6Ar3hgzLqfwcJpIN2mA%2Fuploads%2FFZWmG3xsH8BXJ6rCYmRr%2FBS_14.png?alt=media&#x26;token=4790126e-8672-4d8d-a666-946dd92c9c29" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}