> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 【官網設計】新增 Instagram 內嵌程式碼

如果你想在官網內嵌 Instagram 貼文或 Reels ，你可內嵌 Instagram 程式碼



### 需要使用電腦登入 Instagram 才可以進行操作獲取 Instagram 內嵌程式碼

### 步驟一：以電腦登入 Instagram 帳號

1. 首先登入電腦版 Instagram → 點擊貼文上的“點狀”按鈕
    
    ![](https://storage.crisp.chat/users/helpdesk/website/c4abb7c627267800/8aa6785a-489b-465a-9169-e8fd0b_1fwemou.png)

2. 點擊「內嵌」→ 複製內嵌程式碼
    
    ![](https://storage.crisp.chat/users/helpdesk/website/b7280b9028625000/90606785-1455-4cc6-9a5c-819cb9_bh7huv.png)

### 步驟二：貼到 EasyStore 程式碼文件

|| 首頁

1. 回到 EasyStore 後台 → 佈景主題設定 → 編輯原始碼 → home.liquid → 貼上內嵌程式碼
      
    ### Aroma 或其後發佈之主題
    
    ![](https://storage.crisp.chat/users/helpdesk/website/804180b9a237a800/f4e52067-9262-4e61-be33-77cc87_1e68zic.png)

    ### Candy 或之前發佈之主題  
      
    選擇你要呈現的位置
    
    ![](https://storage.crisp.chat/users/helpdesk/website/168668524bb1cc00/d8112b85-a297-4ca4-b8c5-845e85_nbc56z.png)

2. 點擊儲存，完成！
---

|| 商品、分頁、部落格文章

1. 前往部落格文章 → 先切換「代碼視圖」

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_25ew0r.png)

2. 嵌入 IG 貼文代碼 →  再度點擊「代碼視圖」，切換回普通畫面

3. 前往佈景主題 → 編輯原始碼 →  `article.liquid` 文件 和 `footer.liquid`  文件 → 於最底部貼上以下代碼

`<script async src="//www.instagram.com/embed.js"></script>`
---

### 前台顯示畫面：

![](https://storage.crisp.chat/users/helpdesk/website/58f9ec8202a94400/2c0414fa-bd52-4630-a183-b82871_b7h4zs.png)