> For the complete documentation index, see [llms.txt](https://nsl-solution.gitbook.io/livesolution/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nsl-solution.gitbook.io/livesolution/welcome/interlock.md).

# 라이브솔루션 연동하기

## 관리툴에서 솔루션 연동하기

\[관리툴 > 라이브솔루션 소개 페이지]에서 쇼핑라이브 솔루션 연동이 가능합니다.\
<https://tool.shoppinglive.naver.com/live-solution> 페이지에서 "바로 시작하기" 버튼을 클릭하여 솔루션 연동을 진행해 주세요.

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

## 연동 가능한 영역 세가지

### **첫번째, 자사몰에 전시 모듈 삽입하기**

\[관리툴 > 전시 모듈 관리] 통해 자사몰 페이지에 라이브와 숏클립 구좌 전시가 가능합니다. 전시모듈에 관련한 상세한 가이드는 아래를 확인해 주세요.

> [전시모듈이 무엇인가요?<br>](/livesolution/guide-for-sellers/display-module.md)[\[전시 모듈 관리\] 메뉴 알아보기<br>](/livesolution/guide-for-sellers/display-module-management.md)[자사몰 전시모듈 삽입 가이드<br>](/livesolution/guide-for-sellers/display-module-guide.md)[구버전 전시모듈 삽입 가이드](/livesolution/guide-for-sellers/old-displaymodule.md)

### **두번째, 자사몰 뷰어 연동하기**

### **웹뷰어 연동**

쇼핑라이브 PC 홈에서 라이브에 진입하게되면, 라이브가 진행되는 뷰어로 이동합니다. 뷰어도 웹 페이지 중 하나이기 때문에, 뷰어만의 고유한 주소를 가지고 있습니다. 이렇게 웹 브라우저 환경에서 자신만의 주소를 가지고 동작하는 뷰어를 쇼핑라이브 솔루션에서는 '웹(Web) 뷰어' 라고 명명합니다.

쇼핑라이브 홈에서 방송을 선택했을 땐 쇼핑라이브 웹뷰어로, 자사몰 홈에서 방송을 선택했을 땐 자사몰 웹뷰어로 이동하기 위해서는 웹뷰어 연동 작업이 필요합니다.

**웹뷰어를 연동하는 세가지 방법**

1. [네이버 주소로 제공되는 자사몰 뷰어로 이동하기](/livesolution/viewer/web/landing.md)
2. [자사몰 페이지에 '아이프레임 임베딩'](/livesolution/viewer/web/iframe.md)
3. [자사몰 페이지에 '자바스크립트 모듈을 삽입'](/livesolution/viewer/web/javascript.md)

아이프레임 임베딩과 자바스크립트 모듈 삽입과 관련한 웹뷰어 연동은 개발자 활용이 가능한 환경에서 사용이 가능합니다.

웹 뷰어 연동과 자세한 내용은 [웹 뷰어](/livesolution/viewer/web.md) 페이지를 확인해주세요.

### **네이티브 앱 뷰어 연동**

자사몰 앱을 운영하는 판매자를 위한 네이티브 뷰어 SDK를 제공합니다.&#x20;

네이티브 앱 뷰어는 개발자 활용이 가능한 환경에서 사용이 가능합니다.

SDK를 활용한 연동은 [네이티브뷰어 SDK : Android](/livesolution/viewer/sdk-android.md), [네이티브뷰어 SDK : iOS](/livesolution/viewer/sdk-ios.md)를 확인해주세요.<br>

### 세번째, API 연동하기

라이브 솔루션 API는 네이버 쇼핑라이브와 계약을 체결한 파트너사가 라이브 솔루션과 연동하기 위해 사용할 수 있는 서비스 API 입니다.\
API를 활용한 연동은 개발자 활용이 가능한 환경에서 사용이 가능합니다.\
쇼핑라이브 REST API 가이드페이지를 활용해 주세요.

<details>

<summary><strong>여기서 잠깐! API 란?</strong></summary>

API는 Application Programming Interface(애플리케이션 프로그램 인터페이스)의 줄임말입니다.

API의 맥락에서 애플리케이션이라는 단어는 고유한 기능을 가진 모든 소프트웨어를 나타냅니다.

인터페이스는 두 애플리케이션 간의 서비스 계약이라고 할 수 있습니다.

이 계약은 요청과 응답을 사용하여 두 애플리케이션이 서로 통신하는 방법을 정의합니다.

쉽게 표현해 네이버 라이브 솔루션과 송송애플이 서로 API 연동이 되어있다면, 서로 사전에 합의 데이터를 주고받을 수 있습니다.

![](/files/BC7vwTY0QVHq7WWOgjNr)

</details>

###

### **개발자 활용이 어려운 판매자라면?**

개발자가 없더라도[ 자사몰 전시모듈 삽입 가이드](/livesolution/guide-for-sellers/display-module-guide.md)를 통해, 자사몰에 라이브와 숏클립 전시구좌 노출이 가능합니다.

### 개발자 활용이 가능한 판매자라면?

네이버가 제공하는 API를 활용하여 자사몰에 꼭 맞는 형태와 동작으로 마치 자사몰 자체 기능인 것처럼 제공해볼 수 있습니다. 가이드 좌측 메뉴트리에서 솔루션 개발 연동 영역을 확인해 주세요