NHN 고도몰은 아키스케치 공식 빌더사로, 몇번의 클릭만으로 설치가 가능합니다.

아키스케치 설치/연동 방법

❗️

관리자 계정만 연동 진행이 가능합니다.

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

🚧

NHN 앱스토어에 미등록된 상태입니다.

아키스케치 어플리케이션 NHN 앱스토어(https://apps.nhn-commerce.com/apps) 에 아직 등록되지 못한 상황입니다. 곧 아키스케치 앱(App)이 오픈될 예정이니 조금만 기다려주시면 감사하겠습니다. 🙇‍♂️


설치 순서

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

--

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

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

3️⃣ 고도몰 스크립트 삽입.

--

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

  • 📋 우측 Table of Contents를 통해 손쉽게 특정 콘텐츠로 이동 할 수 있어요.


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

📘

이미 기업 계정을 가지고 있어요.

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


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

아키스케치 기업 관리자 계정(Admin)은 아키스케치 채널톡 또는 도입문의를 통해 요청하시면 생성 가능합니다.


아키스케치 연동은 카페24 관리자 계정과 아키스케치 관리자 계정간 1:1 연동으로 진행돼요.

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



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


Step_01.

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

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

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


Step_02.

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


Step_03.

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


Step_04.

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

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

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

👍

Script URL

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

설치가 정상적으로 완료되면, **설치 완료 페이지**가 등장해요.

스크립트 연동이 정상적으로 완료되면, 연동 완료 페이지가 등장해요.

스크립트 연동이 정상적으로 완료되면, **고도몰 카드**가 활성화되요.

스크립트 연동이 정상적으로 완료되면, 고도몰 카드가 활성화돼요.



3. 고도몰 스크립트 삽입


Step_01.

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

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

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


Step_02.

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

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

  • scriptUrl 값은 [대시보드 > 연동 페이지 > 고도몰 카드]에서 연동 후 획득 할 수 있습니다.
  • scriptUrl 값을 입력하실 때 👉 이모지는 같이 입력하지 않으셔도 됩니다.
<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 protected]"
  };

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

  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>
👆 이미지를 클릭하면, 크게 볼 수 있습니다.

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


Step_03.

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

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

--

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

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


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

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


고객 프로필 정보

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


아키스케치 설치 해제하기


Step_01.

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

관리하기 버튼으로 삭제하기

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


Step_02.

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

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

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