카페24: 모델 뷰어 삽입 방법

카페24 관리자 > 상품 목록에서 아키스케치 모델 뷰어를 2가지 방법으로 삽입할 수 있습니다.

자세한 내용은 아래의 각 목차를 확인해주세요.

--

1️⃣ 에디봇을 활용하여 임베드(Embed)하기.

2️⃣ 직접 작성 에디터를 활용하여 임베드(Embed)하기.

--

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

임베드(Embed)란?

임베드(embed)는 다른 웹사이트나 애플리케이션에서 특정 콘텐츠를 가져와서 자신의 웹페이지에 삽입하는 방법을 말합니다. 카페24에서는 이미지, 동영상 등 다양한 콘텐츠를 외부 웹사이트나 블로그에 삽입할 수 있습니다.

📘

참조: 아키스케치 모델 뷰어 임베드 링크 획득 방법

모델 뷰어 임베드 링크 획득 방법은 [4.3. 모델뷰어: 공유/임베드] 페이지에서 확인하실 수 있습니다.

---

1. 에디봇을 활용하여 임베드(Embed)하기

카페24의 에디봇을 활용하여 모델 뷰어를 웹사이트나 상품 페이지에 손쉽게 임베드할 수 있습니다. 아래 단계별 안내에 따라 에디봇을 사용하여 모델 뷰어를 임베드해 보세요.

1.1. 카페24 관리자 로그인 및 상품 목록 페이지로 이동.

카페24 관리자 대시보드에서 상품 관리 > 상품 목록으로 이동해주세요. 그 후, 상품 목록 페이지에서 모델 뷰어를 임베드하려는 상품을 선택합니다.

1.2. 상품 상세 페이지 편집

상품 목록의 상품들을 클릭하여 임베드 콘텐츠를 넣을 상품 상세 페이지를 열어주세요.

그런 다음, 상품 상세 설명 탭에서 에디봇 수정하기 버튼을 클릭해주세요.

1.3. 에디봇에서 HTML 입력 기능 사용

에디봇 에디터에서 HTML 입력을 클릭 하신 후, HTML 입력창을 원하는 곳에 배치해주세요.

그런 다음, HTML 입력란에 아키스케치 모델 뷰어 임베드 링크를 넣고 적용 버튼을 눌러주세요.

📘

참조: 아키스케치 모델 뷰어 임베드 링크 획득 방법

모델 뷰어 임베드 링크 획득 방법은 [4.3. 모델뷰어: 공유/임베드] 페이지에서 확인하실 수 있습니다.

1.4. 저장하기

에디봇 에디터의 상단 [수정 완료]버튼을 클릭하여 저장하고, 적용된 모델 뷰어가 제품 상세페이지에 정상적으로 삽입되었는지 확인합니다.

---

2. 직접 작성 에디터를 활용하여 임베드(Embed)하기

카페24의 직접 작성 에디터를 활용하여 모델 뷰어를 웹사이트나 상품 페이지에 손쉽게 임베드할 수 있습니다. 아래 단계별 안내에 따라 직접 작성 에디터를 사용하여 모델 뷰어를 임베드해 보세요.

2.1. 카페24 관리자 로그인 및 상품 목록 페이지로 이동.

카페24 관리자 대시보드에서 상품 관리 > 상품 목록으로 이동해주세요. 그 후, 상품 목록 페이지에서 모델 뷰어를 임베드하려는 상품을 선택합니다.

2.2. 상품 상세 페이지 편집

상품 목록의 상품들을 클릭하여 임베드 콘텐츠를 넣을 상품 상세 페이지를 열어주세요.

그런 다음, 상품 상세 설명 탭에서 직접 작성 탭을 클릭해주세요.

2.3. 코드 보기 버튼 클릭

직접 작성 탭 하단 메뉴에서 코드 보기버튼을 클릭해주세요.

2.4. < iframe > 태그 삽입

코드 보기 버튼 클릭 후, 등장한 HTML 입력란에 아키스케치 모델 뷰어 임베드 링크를 넣어주세요.

그리고 다시 코드 보기 버튼을 클릭하시면, 삽입된 모델 뷰어를 확인 할 수 있습니다.

📘

참조: 아키스케치 모델 뷰어 임베드 링크 획득 방법

모델 뷰어 임베드 링크 획득 방법은 [4.3. 모델뷰어: 공유/임베드] 페이지에서 확인하실 수 있습니다.