> For the complete documentation index, see [llms.txt](https://help.livebuy.tv/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.livebuy.tv/social-tools/custom-widget/embed-video-in-product/91app.md).

# 91APP | 嵌入影片

## SHOPLINE 商品頁嵌入影片

此項教學會帶您一步步完成影片嵌入的設定，讓消費者可在商品頁直接觀看商品介紹影片，提高消費者對於商品理解與興趣。

### 📌 步驟一：準備影片來源

#### 確保影片已上傳至 Livebuy 後台

在開始之前，請優先確認您的商品影片已正確上傳至 Livebuy 後台，並將「 [影片可見度](/videos.md#ying-pian-ke-jian-du-she-ding) 」調整成「 僅連結可見 」的狀態。

### 📌 步驟二：取得影片嵌入代碼 ( IFrame )

#### 從影片播放頁面取得影片嵌入碼

進入 Livebuy 後台的「 影片總覽 」，點選您要的商品影片，再點選影片連結，進入影片播放頁面後，點擊「 分享 」，找到「 嵌入」，選取「 IFrame 」即可取得影片嵌入代碼。

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2F4VGwwxBLQzc9QhmvLBuk%2Fimage.png?alt=media&amp;token=a7a98037-d994-4bd3-a609-32c8e7a5dc2c" alt=""><figcaption><p>影片嵌入碼 - 1</p></figcaption></figure>

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2FAzB48dxjntdPqq7NpG1d%2Fimage.png?alt=media&amp;token=fe48ad38-a4c3-4c7a-9c15-910bffbbd674" alt=""><figcaption><p>影片嵌入碼 - 2</p></figcaption></figure>

### 📌 步驟三：開啟 91APP 商品頁面的「 詳細說明 」欄位

#### 設定 91APP 後台商品資訊中的「 詳細說明 」

在 91APP 後台的商品庫中選取需要介紹的商品，並進入編輯，選擇商品資訊頁面，找到「 進階設定 」，然後在「 詳細說明 」欄位進行設定。

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2FeeHlvvNJX4fCBWwoPxyG%2Fimage.png?alt=media&amp;token=04e6834f-a268-4bf7-a926-a36a7fc35fca" alt=""><figcaption><p>詳細說明欄位</p></figcaption></figure>

### 📌 步驟四：嵌入影片

#### 貼上已複製的影片嵌入代碼

將先前取得的影片嵌入碼，輸入至「 詳細說明 」欄位中的「\</> 」再儲存即可嵌入影片。

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2FUCFmuXrZQ7sJ4VNdbZZr%2Fimage.png?alt=media&amp;token=8ad6af18-1320-4a10-8911-f32f9e408901" alt=""><figcaption><p>貼上代碼</p></figcaption></figure>

### 📽️ 影片嵌入完成示意畫面

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2FlGNIzjdEBpysweTDgzso%2Fimage.png?alt=media&amp;token=35972841-47ef-433c-8029-850d433d63f3" alt=""><figcaption><p>商品頁示意圖</p></figcaption></figure>