如何安裝 ShareThis' Webflow 上的工具

注意:如果您有免費的 Web 流計劃, ShareThis 不幸的是,工具將無法在您的網站上工作,因為自定義代碼功能已被鎖定。 

In order for ShareThis tools to work on your Webflow website, follow the steps below to add your unique ShareThis code to the <head> section of your website: 

添加 ShareThis 所有頁面中的工具

  1. 登錄 或 註冊 到 ShareThis 平臺。
  2. 選擇 ShareThis 工具,然後按下 啟用工具 按鈕將其啟動。
  3. 然後,通過選擇社交頻道、大小、形狀以及附加內容(如在顯示計數之前希望擁有的最低共享數量)來自定義按鈕。
  4. 選擇右上角的 「啟動代碼 」 按鈕。在彈出視窗中,按下 複製代碼 按鈕。
  5. 登錄到 Webflow 的網站。
  6. 在「專案儀錶板」上,從要啟用按鈕的項目中選擇三個點圖示,然後按兩下設置」。
  7. 在「項目設置」中,轉到「自定義代碼」 部分。
  8. 粘貼唯一 ShareThis 從步驟 4 複製的代碼,然後按下「 發布

添加 ShareThis 特定頁面中的工具

  1. 登錄 或 註冊 到 ShareThis 平臺。
  2. 選擇 ShareThis 工具,然後按下 啟用工具按鈕將其啟動。
  3. 然後,通過選擇社交頻道、大小、形狀以及附加內容(如在顯示計數之前希望擁有的最低共享數量)來自定義按鈕。
  4. 選擇右上角的 「啟動代碼 」 按鈕。在彈出視窗中,按下 複製代碼 按鈕。
  5. 登錄到您的 Webflow 網站。
  6. 在設計模式下打開您的網站,從左側邊欄中選擇 頁面 ,然後從您希望按鈕所在的特定頁面中選擇 編輯頁面設置
  7. 在「頁面設置」中,向下滾動到「自定義代碼」 部分。
  8. 粘貼唯一 ShareThis 從步驟 4 複製的代碼,然後按兩下「發佈」。

添加內聯 ShareThis 工具

內聯工具需要額外的代碼段才能在您的網站上使用。如果您想安裝我們的 平行橫躺於頁面的分享按鈕, 分享按鈕,您網站上的反應按鈕或社交Feed工具,您需要在希望工具顯示的任何位置添加放置代碼。

  1. 在您的 ShareThis 平台,選擇 ShareThis 工具,然後複製放置代碼。根據要安裝的工具,代碼應類似於以下內容:
  2. 在 Webflow 網站的設計模式下,轉到要顯示按鈕的頁面。
  3. 從左側邊欄中選擇「 添加 」並搜索「嵌入」選項,然後將其拖動到要顯示按鈕的位置。
  4. 在新的 HTML 嵌入代碼編輯器視窗中,粘貼唯一 ShareThis 從步驟 1 複製的代碼。
  5. 按一下 保存並關閉
  6. 按兩下 發佈

備註

  • 這 ShareThis 工具可能不會顯示在您網站的後端,因此您可能需要訪問已發佈的網站才能查看它們。
  • Webflow 傾向於將按鈕嵌入 Flex 容器中,這可能會限制某些內容的顯示,尤其是最後一個按鈕。
    在不將父容器的顯示從 flex 更改為 內聯塊 的情況下解決此問題的一種方法是為按鈕的寬度設置固定值。

    為此,請按鍵本身和 Webflow 編輯器,將其 寬度 設置為大於現在的值(如果這隻發生在行動螢幕上,您可以應用相同的原則,但將 Webflow 編輯器頂部的移動斷點更改為行動螢幕/平板電腦):
按鈕的寬度欄位在 Webflow 編輯器上設置為 180,不會修改其他值。