> 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/contents/model-viewer/share-embed.md).

# 4.3. 모델 뷰어: 공유/임베드

{% hint style="warning" %}
❗️ 해당 기능은 모델링 업로드가 완료된 후에 사용 가능합니다.

공유 및 임베드 기능은 모델링이 완료된 상태에서 사용할 수 있습니다.
{% endhint %}

***

## 공용: 공유/임베드 버튼 위치

{% stepper %}
{% step %}

### 아키스케치 대시보드의 \[기업 라이브러리 > 가구] 페이지로 이동

아키스케치 대시보드의 **\[기업 라이브러리 > 가구]** 페이지로 이동해주세요. 그리고 가구 라이브러리 속 모델링이 포함된 **가구 카드** 를 클릭해주세요. 가구 카드 속 **모델링**이 포함 **유/무**는 아래 이미지와 같이 판단 할 수 있습니다.

![대시보드 > 기업 라이브러리 > 가구](/files/JEnvBdQGzVkUCl9VfIL5)

![아이템 카드 모델링 유/무 기준](/files/BKQddqsYcWjWuGcHlGkh)
{% endstep %}

{% step %}

### 3D 모델링이 들어있는 가구 카드 클릭

**3D 모델링이 들어있는 가구 카드** 를 클릭하여, 아이템 상세 페이지로 진입해주세요.

그 후, 아이템 상세 페이지 > 제품 정보 속에 있는 **\[공유/임베드]** 버튼을 클릭해주세요.

![공유/임베드 버튼](/files/ggj8jyikXc9wUzKRECzW)
{% endstep %}
{% endstepper %}

***

## 모델 뷰어: 공유

모델 뷰어 공유 기능은 크게 **"QR 다운로드"** 및 **"링크 복사"** 이렇게 **2가지 기능**을 제공하고 있습니다.

![모델 뷰어 공유 기능](/files/AfVAc8oqtjqJLgSDypPf)

### 📌 모델 뷰어: 공유 기능 설명

| **기능**      | **설명**                                      |
| ----------- | ------------------------------------------- |
| **QR 다운로드** | 사이즈를 조절하여, 모델 뷰어의 QR 코드를 다운로드하여 공유할 수 있습니다. |
| **링크 복사**   | 모델 뷰어의 URL을 복사하여 쉽게 공유할 수 있습니다.             |

***

## 모델 뷰어: 임베드(Embed)

**임베드**(embed)는 다른 웹사이트나 애플리케이션에서 특정 콘텐츠를 가져와서 자신의 웹페이지에 삽입하는 방법을 말합니다. 아키스케치는 **모델 뷰어**를 **임베드(Embed)**하여 외부 블로그 및 웹사이트에 삽입할 수 있게 제공하고 있습니다. 아래의 단계를 따라 손쉽게 **모델 뷰어**를 활용해 보세요.

{% stepper %}
{% step %}

### \[공유/임베드] 버튼을 클릭한 후, 임베드(Embed) 모드로 설정

**\[공유/임베드]** 버튼을 클릭한 후, 임베드(Embed) 모드로 설정해주세요.

![임베드 모드 설정](/files/Z8qC440znMxXZX5NtLIF)
{% endstep %}

{% step %}

### 원하는 임베드 콘텐츠 사이즈 설정 후 링크 복사

원하는 **임베드 콘텐츠 사이즈**를 설정한 후, 하단의 **\[링크 복사]** 버튼을 클릭해주세요.

![임베드 콘텐츠 사이즈 설정](/files/4Z9AAIHNoGiGe5s7cZuM)
{% endstep %}

{% step %}

### 웹사이트 또는 블로그 페이지에 iframe 삽입

삽입할 웹사이트 또는 블로그 페이지로 이동한 후, **Embed 삽입하기(또는 Iframe 삽입하기)** 버튼을 클릭하여 이용하시거나, **HTML 모드(HTML 에디터 또는 HTML 삽입)**&#xB97C; 열어주세요. 그 후, HTML 내 원하는 위치에 **`<iframe>`코드** 를 삽입해 주세요.

**🔹 참고 예시는**[1.6. 카페24: 모델 뷰어 삽입하기(Embed)](/guide/dev-kr/builder/cafe24/model-viewer-embed.md) **가이드를 확인해주세요.**

![Step\_03.01. HTML 에디터를 열고, \<iframe> 코드를 넣어주세요.](/files/epe9WDonruZLpEVCguI6)

![Step\_03.02. 이후 반영된 결과물을 확인해주세요.](/files/2cU1ZdAuLdaCDqDIj4Lt)
{% endstep %}
{% endstepper %}