> 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/faq/install/sitegiant.md).

# SiteGiant | 安裝 Livebuy

## 安裝 Livebuy 擴充應用程式 <a href="#install" id="install"></a>

1. 前往 SiteGiant 後台管理介面，點選 「應用擴充」裡面的「官網與購物App」類別

<div data-full-width="false"><figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2Fp1vHzPiXwdIP9tkVn6Gn%2Fimage.png?alt=media&amp;token=7a7e4a63-1fae-4797-ac7e-e47dc9127293" alt=""><figcaption></figcaption></figure></div>

2. 將畫面滑動至下方，或是透過瀏覽器的搜尋找到 Livebuy

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2Ft6OxruA115kA2be1GXES%2Fimage.png?alt=media&amp;token=4a7c8bf1-0401-4cce-a31b-dfd005b6e19d" alt=""><figcaption></figcaption></figure>

3. 點選「連接」開始安裝

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2FB7FGGp125lcNrl18Ut1w%2Fimage.png?alt=media&amp;token=ab7a164d-b9ce-4722-b39c-e73e66f2f6c7" alt=""><figcaption></figcaption></figure>

4. 設定帳號

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2FidSr2Q8Z05P1lqgCg4Rx%2F%E6%88%AA%E5%9C%96%202023-12-06%20%E4%B8%8B%E5%8D%885.58.38.png?alt=media&amp;token=be42b1ed-b79a-44e8-a8b5-2b2cd3dbfd0d" alt=""><figcaption></figcaption></figure>

5. 設定密碼

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2F3uDfGorsDwTRFNeMip22%2F%E6%88%AA%E5%9C%96%202023-12-06%20%E4%B8%8B%E5%8D%885.59.47.png?alt=media&amp;token=8fb6e937-82ff-44be-8698-5c70e8926cb4" alt=""><figcaption></figcaption></figure>

6. 點選 「立即啟用商城」 後，完成 Livebuy 應用程式安裝

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2Fh7iRbJ1UPKgPArHvdZo0%2F%E6%88%AA%E5%9C%96%202023-12-06%20%E4%B8%8B%E5%8D%886.02.19.png?alt=media&amp;token=70c86ff5-e82b-457b-9f28-93a136e1e1b2" alt=""><figcaption></figcaption></figure>

## 擴充應用程式設定 <a href="#setting" id="setting"></a>

### 安裝 Livebuy 內嵌影片播放器 <a href="#video-player" id="video-player"></a>

1. 前往您的 SiteGiant 商城後台，選擇 「官網」 -> 「官網構建器」進入管理

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2FchNZJdmhRTmitcWci3jl%2Fimage.png?alt=media&amp;token=7f8b8d6c-223f-41b7-ab60-d684c038a072" alt=""><figcaption></figcaption></figure>

2. 在想設定的菜單或頁面，選擇 「+」 新增區塊

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2Fu9kEwVBMR0JKyY2PNnv3%2Fimage.png?alt=media&amp;token=e7764586-218e-4ae9-949b-d16929ecf39b" alt=""><figcaption></figcaption></figure>

3. 在彈窗內找到「Livebuy」後選擇「短影片」

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2FnP8Qrvuw1apEiGKB45cb%2Fimage.png?alt=media&amp;token=06c473e3-5a1e-4b4f-9c0f-17844d9dedbd" alt=""><figcaption></figcaption></figure>

4. 設定後可預覽看見「Livebuy 點播影片」模組區塊，您可以自由拖動區塊至頁面中想放置的位置，以及自訂標題文字，前台官網將會自動連動您在 Livebuy 後台上傳的影片或直播回放影片

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2FhiTjkVDuqR7J9vqdrT1O%2Fimage.png?alt=media&amp;token=66584279-2599-4a09-b715-bba34ca6074b" alt=""><figcaption></figcaption></figure>

### 安裝 Livebuy 直播外掛程式 <a href="#live-plugin" id="live-plugin"></a>

1. 重複上述相同動作，「官網」 -> 「官網構建器」 -> 「菜單或頁面」 ->  「新增區塊」  -> 「Livebuy」 -> 「直播」

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2F5NoZbTkucpLASyCwEP1V%2Fimage.png?alt=media&amp;token=5b3e7574-0452-45c0-a941-5b064e34a9ae" alt=""><figcaption></figcaption></figure>

2. 設定後將看見一個空白區塊，只需點選一下並確認已有正確設定「Livebuy 直播銷售」模組區塊，再接著按「保存並發佈」即可輕鬆完成設定（直播區塊放置的位置將不受影響）

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2FtcZ7bRouxMkTOJRBVrJD%2Fimage.png?alt=media&amp;token=55a10192-8da9-429a-b483-e3268579bbd6" alt=""><figcaption></figcaption></figure>

3. 在所有或指定的「菜單或頁面」設定「Livebuy 直播銷售」模組區塊，官網前台將會在「右下角小視窗」同步顯示直播活動，建議您可依實際曝光需求自選設定，多頁面曝光將有助於您推廣直播事業

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2FQ1HL9CxFMJNR2zreaOpz%2Fimage.png?alt=media&amp;token=aff48f27-c4e9-41ff-ae71-256478d5cbff" alt=""><figcaption></figcaption></figure>