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

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

  1. 導覽到 ShareThis 共用按鈕應用 在「購物」中選擇「 新增應用」 按鈕。
  2. Install the app, then (optional) Pin it to your Shopify Navigation for quicker access.
  3. In the app, go to the settings section and enable your app:
    • Toggle On the ShareThis Script Embed option.
    • Click Save. (If this is disabled, your buttons will not appear.)
  4. Select your preferred ShareThis tool and customize it by choosing your social channels, size, shape, and more:
    • 平行橫躺於頁面的分享按鈕 : 在標題或產品附近添加共用按鈕,以理想的可見性 
    • 測欄固定式的分享按鈕 : 保持共享按鈕定位在網站的左軌或右軌上,以便訪問者可以在滾動時共用 
    • 分享按鈕 : 將網路形象擴展到頂級社交媒體管道 
    • 同意管理平臺: 輕鬆管理使用者的同意偏好,並遵守歐盟隱私法規,包括《通用數據保護條例》
  5. Ensure the Enable Buttons selection is On.
  6. Click Update to save your changes.
  7. (Optional) If you are adding Inline tools, choose one of the following methods. Inline tools (Inline Share Buttons, Follow Buttons or Reactions Buttons) require an extra snippet of code to work on your site.

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

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

    Note: Before customizing your theme, it’s always recommended to make a backup first, follow 這些說明 以複製備份副本的主題,以防您想要還原更改。

    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. 分享按鈕 放置代碼