Add Comments to Shopify Sites
使用 FastComments，我們可以輕鬆將即時留言加入任何 Shopify 網站。
以下說明適用於在 Shopify 上建立的部落格，但嵌入程式碼也可以透過編輯其他主題檔案手動加入任何頁面。FastComments 支援也可以協助處理此事。
請注意，本教學需要 FastComments 帳戶。建議您先註冊，然後再回來。 您可以在此建立帳戶。
步驟 1：匯入現有留言 
FastComments 可以在你的部落格上執行工具以匯入現有的留言。然而，這必須在你 於步驟 2 停用它們之前完成，否則當我們執行工具時就無法取得它們。
請為此步驟建立支援工單。通常匯入 會在不到一天內完成。
如果你不在意保留現有的留言，請繼續到步驟 2。
步驟 2：停用預設留言系統
使用 FastComments 與 Shopify 的第一步是停用 Shopify 的評論系統。
注意 FastComments 支援可以協助您遷移現有的留言討論串。
要取代 Shopify 的評論系統，我們會到商店後台並在左下角點選 Blog posts：
接著我們會在右上角點選 Manage blogs：
點選要管理的部落格。如果顯示 Comments are disabled，您可以跳過此步並移至 Step Two。
如果不是，選取該部落格並在右側面板確認已選取 Comments are disabled：
現在點選儲存。
步驟 3：開啟部落格主題範本
現在我們要編輯商店主題以新增 FastComments。
在左側面板中，打開 Themes：
在 Current theme 下，選取 Actions，然後選擇 Edit code：
這會開啟程式碼編輯器，左側為檔案瀏覽器，右側為程式碼。
我們只需複製一小段可加入 FastComments 的程式碼，並貼到正確檔案的正確行。
在左側的檔案瀏覽器中，向下捲動並點選 Sections：
現在我們將向下捲動並選擇 main-article.liquid：
這會開啟用來呈現單篇部落格文章的 主題範本。
你現在應該會看到類似下方的畫面，頂端已選取 main-article.liquid：
步驟 4：加入 FastComments.com 代碼
接下來我們要捲動到第 100 行:
現在複製以下程式碼片段，此片段是專為 Shopify 設計 - 不要使用其他教學的程式碼片段:
現在我們要把游標放在第 101 行 - 就在 </div> 之後 - 然後貼上。你應該會看到類似的畫面：
現在我們可以儲存:
成功
現在如果我們查看一篇部落格文章，應該會看到 FastComments!
恭喜您已在 Shopify 上設置 FastComments！如果您遇到 Domain Error，或想了解如何自訂留言區域，請繼續閱讀！
網域錯誤
您可能會遇到授權錯誤，如下所示：
這是因為 FastComments 不知道應該允許您的帳戶在此網域上使用。
在這種情況下，修復方法很簡單。您只需要將您的網站新增到您的 FastComments.com 帳戶中。