如何安裝 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. Log in or sign up to the ShareThis 平臺.
  2. Add your domain.
  3. Copy your unique ShareThis installation script.
    • You can find it in Step 1 of any App page (e.g., Inline Share Buttons, Sticky Share Buttons, Follow Buttons).
    • Or, you can find the same script in Settings → Setup inside the Platform.
  4. Log in to Webflow’s website. On your Projects Dashboard, select the three dots icon from the project you want your buttons on, and click Settings.
  5. 在「項目設置」中，轉到「自定義代碼」 部分。
  6. Paste the unique ShareThis code that you copied from step 3 and click Publish.
  7. In the ShareThis Platform, open the app you want to use and click Enable App to activate it on your site.
  8. (Optional but recommended) Customize your app.
    • Choose between Smart Share Buttons or manual selection of networks.
    • Adjust colors to match your brand.
    • Set button size, shape, alignment, and enable share counts if desired.

添加 ShareThis 特定頁面中的工具

  1. Log in or sign up to the ShareThis 平臺.
  2. Add your domain.
  3. Copy your unique ShareThis installation script.
    • You can find it in Step 1 of any App page (e.g., Inline Share Buttons, Sticky Share Buttons, Follow Buttons).
    • Or, you can find the same script in Settings → Setup inside the Platform.
  4. Log in to your Webflow website. Open your website in design mode, select Pages from the left sidebar, then select Edit Page Settings from the specific page you want your buttons to be on.
  5. 在「頁面設置」中，向下滾動到「自定義代碼」 部分。
  6. 粘貼唯一 ShareThis 從步驟 4 複製的代碼，然後按兩下「發佈」。
  7. In the ShareThis Platform, open the app you want to use and click Enable App to activate it on your site.
  8. (Optional but recommended) Customize your app.
    • Choose between Smart Share Buttons or manual selection of networks.
    • Adjust colors to match your brand.
    • Set button size, shape, alignment, and enable share counts if desired.

添加內聯 ShareThis 工具

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

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

備註：

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

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