> For the complete documentation index, see [llms.txt](https://help.makeshop.co.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.makeshop.co.kr/faq/mobile/undefined/javascript-key.md).

# 모바일샵 카카오톡 JavaScript Key 발급 방법

<mark style="color:blue;">해당 Key는 SNS 설정, 카카오톡 사용 시 필요한 정보에요.</mark>

***

## 관리자 메뉴 위치

`디자인` > `디자인 관련 기초 설정` > `모바일샵 설정` > `상품 상세 페이지` > `SNS 공유설정`

{% stepper %}
{% step %}
카카오 디벨로퍼스에 접속해주세요. [https://developers.kakao.com \[클릭!\]](https://developers.kakao.com/)\
접속 후, 우측 상단 로그인을 클릭하여 로그인 해주세요.

<figure><img src="/files/n3HwwcYk3Ak9IwhbnIkl" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
카카오 계정을 입력해 주세요.

<figure><img src="/files/ArArINBRIowXL1tc5lKW" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
로그인 후, 상단에 \[①내 애플리케이션] 버을 눌러주세요.

<figure><img src="/files/o5WOVVt3kHsCTHAxiZTe" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
내 애플리케이션에서 새로운 애플리케이션을 생성할 수 있어요.\ <mark style="color:blue;">사용 중인 앱이 있다면 사용 중인 앱을 이용해주세요.</mark>

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

애플리케이션 추가하기를 클릭하면 아래5번 창이 노출돼요.
{% endstep %}

{% step %}
앱 아이콘, 앱 이름, 사업자명을 입력하고 저장을 눌러 앱을 생성해 주세요.

<figure><img src="/files/UVnmPmSfLQD7xMF2s6gE" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
좌측 메뉴, 요약 정보에서 앱 키의 javascript 키를 복사해 주세요.

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

`디자인` > `디자인 관련 기초 설정` > `모바일샵 설정` > `상품 상세 페이지` > `SNS 공유설정` 메뉴에서 카카오톡 항목에 입력해 주세요.

<figure><img src="/files/xZpefVg89wjDm9V23B82" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
좌측 메뉴, 플랫폼에서 Web 플랫폼을 등록을 클릭하여 상점의 도메인을 등록해 주세요.

<figure><img src="/files/weMjKbhfYn6dmIIUacH0" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
등록된 도메인을 확인해 주시면 기본적인 설정이 완료돼요.

<figure><img src="/files/BwN632TDT84IfQcdF6dZ" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}