如何安裝 ShareThis' 工具在 Shopify (與 ShareThis 套用)

我們的 Shopify 應用程式可快速輕鬆地添加共用按鈕或 分享按鈕 只需點擊幾下即可訪問您的網站。 

  1. 導覽到 ShareThis 共用按鈕應用 在「購物」中選擇「 新增應用」 按鈕。
  2. 安裝應用程式並選擇 4 個選項之一:
    • 平行橫躺於頁面的分享按鈕 : 在標題或產品附近添加共用按鈕,以理想的可見性 
    • 測欄固定式的分享按鈕 : 保持共享按鈕定位在網站的左軌或右軌上,以便訪問者可以在滾動時共用 
    • 分享按鈕 : 將網路形象擴展到頂級社交媒體管道 
    • 同意管理平臺: 輕鬆管理使用者的同意偏好,並遵守歐盟隱私法規,包括《通用數據保護條例》
  3. 選擇 ShareThis 通過選擇社交管道、大小、形狀等來使用和自定義按鈕的工具。
  4. 用於 Shopify 工具的開和關開關打開開關,然後向下滾動並按下 “更新 ”按鈕以保存更改。
    • 如果要安裝內聯工具,則可以在以下選項中進行選擇:

      注意: 內聯工具需要額外的代碼片段才能在您的網站上運行。如果您想安裝我們的 平行橫躺於頁面的分享按鈕 或 分享按鈕,您需要按照上述選項添加放置代碼,無論您希望工具出現在哪裡

      在自定義主題之前,始終建議先進行備份,請遵循 這些說明 以複製備份副本的主題,以防您想要還原更改。


      添加內聯 ShareThis 工具到您的產品頁面使用自定義液體塊

      您可以使用 Shopify 樣本編輯器在放置內聯按鈕代碼時提供視覺指南。雖然不限於產品頁面,但您可以按照這些說明和最後的視頻將代碼放在產品描述中。

      1. 轉到您的在線商店儀錶板。
      2. 按兩下主題,然後按兩下顯示自訂的綠色按鈕。
      3. 通過單擊即時預覽導航到要顯示按鈕的頁面。
      4. 將滑鼠放在要插入按鈕的位置,將出現一個帶有 “添加部分” 標籤的藍色小按鈕。
      5. 從清單中選擇 自定義液體
      6. 將相關展示位置代碼複製並粘貼到剛剛出現的左側邊欄中。
        1. 共用按鈕放置代碼:
        2. 分享按鈕 放置代碼:
      7. 按兩下右上角的保存。

      為方便起見,以下是預覽:


      添加內聯 ShareThis 通過 編輯主題代碼到您的產品頁面的工具

      1. 在左側導航欄中,選擇「在線商店>主題」,然後按兩下「操作」 >「編輯代碼」。
      2. 在左側邊欄中,向下滾動到 “部分 ”資料夾,然後選擇 main-product.liquid (如果您使用的是較舊的主題,請轉到範本並找到 product.liquid 檔)。然後,找到以下代碼:
        {{ product.description }}
        注意:您可以使用 Control + F 在其上搜索「描述」一詞(請務必按下文件內部,以便在代碼編輯器中搜索內容),嘗試將按鈕放在具有此名稱的一個或多個部分之後的新行中。一個部分/元素,它用末尾的“}”字元分隔。

      3. 在產品描述的上方或下方複製並粘貼相關的放置代碼。
        1. 共用按鈕放置代碼:
        2. 分享按鈕 放置代碼:

      為方便起見,以下是預覽:


      添加內聯 ShareThis 工具 到您的頁面或 部落格

      1. 在左側導航欄中,選擇在線商店>頁面。然後,按下要在其中顯示按鈕的頁面。 
      2. 按兩下內容部分中的顯示 HTML <> 按鈕。
      3. 複製並貼上下面的相關放置代碼,無論您想 ShareThis 工具。
        1. 共用按鈕放置代碼:
        2. 分享按鈕 放置代碼