> For the complete documentation index, see [llms.txt](https://docs.archisketch.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.archisketch.com/guide/dev-kr/builder/godomall/installation.md).

# 3.1. 고도몰: 앱(App) 설치 방법

### ✅ 미리 확인해주세요.

{% hint style="warning" %}
❗️ **관리자 계정**만 연동 진행이 가능합니다.

아키스케치와 연동을 진행하려면 **아키스케치 기업 관리자 계정** (Admin)이 필요합니다.\
관리자 계정이 없는 경우, **연동/설치 절차**를 진행 할 수 없습니다.
{% endhint %}

### 설치 순서

**아키스케치 ↔️ 고도몰 설치/연동 방법**은 크게 3단계로 진행됩니다.

* **1️⃣ 기업 관리자 계정 신청(생성)**
* **2️⃣ 아키스케치 커넥터 연동**
* **3️⃣ 고도몰 스크립트 삽입**

**1️⃣ 기업 관리자 계정 신청(생성)**부터 **3️⃣ 고도몰 스크립트 삽입**까지 차례대로 절차에 따라 맞춰 연동을 진행해주세요!

{% stepper %}
{% step %}

### 1. 기업 관리자 계정 신청(생성)

{% hint style="info" %}
이미 기업 계정을 가지고 있어요.

이미 **기업 관리자 계정**을 가지고 계신 분들은 **해당 스텝**을 넘겨주시면 감사하겠습니다. 🙇‍♂️
{% endhint %}

**아키스케치 기업 서비스 구매자**라면 누구나 **기업 관리자 계정**을 획득 할 수 있어요.

**아키스케치 기업 관리자 계정**(Admin)은 [**아키스케치 채널톡**](https://archisketch.channel.io/home) 또는 [**도입문의**](https://www.archisketch.com/kr/enterprisetrial)를 통해 요청하시면 생성 가능합니다.

![아키스케치 연동은 고도몰 관리자 계정과 아키스케치 관리자 계정 간 1:1 연동으로 진행돼요.](/files/SPtduXwV84P1UNtDJcjb)

아키스케치 연동은 고도몰 관리자 계정과 아키스케치 관리자 계정 간 1:1 연동으로 진행돼요.
{% endstep %}

{% step %}

### 2. 아키스케치 커넥터 연동

**Step\_01.**

**관리자 계정**으로 아키스케치 대시보드 로그인 후, **\[연동] > \[고도몰 카드] > \[연동 체크하기]** 버튼을 클릭하여 커넥터 페이지로 넘어가주세요.

![👆 이미지를 클릭하면, 크게 볼 수 있습니다.](/files/aNsa5RZpan3K9Xw09Qsd)

**Step\_02.**

커넥터 페이지의 **\[연동 시작하기]** 버튼을 누르고, **관리자 계정**을 입력하여 **계정 인증**을 진행해주세요.

![](/files/bo6CvEF8k0qkkBB2ph9a)

**Step\_03.**

관리자 계정 로그인 후, **스크립트 연동하기** 버튼을 클릭하여, 연동될 스크립트 코드를 활성화시켜주세요.

![](/files/b7vTVjaIMc5L0yAPfYvU)

**Step\_04.**

스크립트 연동이 정상적으로 완료되면,

1️⃣ 커넥터 페이지에서는 연동 완료 페이지가 등장합니다.

2️⃣ 대시보드에선 활성화된 고도몰 카드를 볼 수 있습니다.

> 👍 Script URL
>
> 활성화된 카드 속 **Script URL**은 추후, **고도몰 삽입 스크립트** 속에서 활용됩니다.

![스크립트 연동이 정상적으로 완료되면, 연동 완료 페이지가 등장해요.](/files/y5ht61kxNaXTZ3Hp1D0Q)

![스크립트 연동이 정상적으로 완료되면, 고도몰 카드가 활성화돼요.](/files/pTzQtAYCpiZBlZIGgzUl)
{% endstep %}

{% step %}

### 3. 고도몰 스크립트 삽입

**Step\_01.**

고도몰5 관리자 페이지 진입 후, **\[디자인]** > **\[전체 레이아웃]** > **\[상단 레이아웃]** 을 클릭해주세요.

![👆 이미지를 클릭하면, 크게 볼 수 있습니다.](/files/ecxJI74XMvfbqldJhnW4)

**Step\_02.**

**\[상단 레이아웃]** 코드 속 **\</head >** 태그를 찾아주세요.

**\</head >** 를 찾으셨다면, 해당 태그 위에 **아키스케치 설치 스크립트**를 복사해 추가해주세요.

* ✅ **scriptUrl** 값은 **\[대시보드 > 연동 페이지 > 고도몰 카드]**&#xC5D0;서 연동 후 획득 할 수 있습니다.
* ✅ **scriptUrl** 값을 입력하실 때 **👉 이모지**는 같이 입력하셔도 됩니다.

```html
<script>
  var gd_user = {};
  <!--{ ? gd_is_login() === true }-->

  window.gd_user = {
    memberId: "{=gSess.memId}",
    name: "{=gSess.memNm}" || "{=gSess.memId}-name",
    nickName: "{=gSess.nickNm}" || "{=gSess.memId}-nickName",
    email: "{=gSess.email}" || "{=gSess.memId}-email@godomall.com"
  };

  <!--{ : }-->
  <!--{ / }-->

  var scriptUrl = "👉 이곳에 스크립트 URL을 넣어주세요.";

  (function() {
    var script = document.createElement("script");
    script.src = scriptUrl;
    script.async = true;
    script.onerror = function() {
      console.error("Failed to load external script.");
    };
    document.head.appendChild(script);
  })();
</script>
```

![👆 이미지를 클릭하면, 크게 볼 수 있습니다.](/files/gaSHwKjTexCqRxv6u8El)

**Step\_03.**

**1️⃣ 대시보드 속에서 고도몰 연동하기.**

**2️⃣ 고도몰 관리자 속에 \<script> 코드 삽입하기.**

윗 **2가지 절차**가 모두 정상적으로 진행되었다면, 고도몰 웹사이트에 아래와 같이 아키스케치 진입 버튼이 등장하는걸 볼 수 있습니다.

✅ 설치 후, 인터넷 환경에 따라 버튼 등장시간이 1\~2초 걸릴 수 있습니다.

![](/files/XqQqoQrk6pl9wbCahWcO)
{% endstep %}
{% endstepper %}

## 고도몰에서 제공하는 고객 정보

고도몰 회원이 웹사이트에 방문하여 아키스케치에 로그인 하거나, 신규 회원이 회원가입할 때 아래의 고객 정보가 아키스케치로 자동 연동됩니다.

**고객 프로필 정보**

| 데이터            | 설명                         |
| -------------- | -------------------------- |
| **member\_id** | 각 회원을 구분하는 고유 값 (회원 아이디 등) |
| **name**       | 회원 이름                      |
| **nickname**   | 회원 별명                      |
| **email**      | 회원 이메일                     |

## 아키스케치 설치 해제하기

{% stepper %}
{% step %}

### Step\_01.

아키스케치 관리자 계정으로 아키스케치 대시보드 로그인 후, **\[연동] > \[고도몰 카드] > \[연동 체크하기]** 버튼을 클릭하여 커넥터로 넘어가주세요. 커넥트 진입 후, 다시 한번 관리자 계정 인증을 하고 **\[스크립트 연동 해제하기]** 버튼을 클릭해주세요.

![관리하기 버튼으로 삭제하기](/files/0xeQyGxE9wU5V7dpxn06)

👆 이미지를 클릭하면, 크게 볼 수 있습니다.
{% endstep %}

{% step %}

### Step\_02.

고도몰5 관리자 페이지 진입 후, **\[디자인]** > **\[전체 레이아웃]** > **\[상단 레이아웃]** 코드 속 **아키스케치 스크립트**를 제거 후 저장해주세요.

![👆 이미지를 클릭하면, 크게 볼 수 있습니다.](/files/C2idcOmTINmIjkIbBRQf)
{% endstep %}
{% endstepper %}