Webflow 應用概述

透過應用程式增加您網站的功能並擴展 Webflow 的核心功能。

應用程式是外部工具,您可以將其從 Webflow Marketplace 整合到您的網站或工作區。這些應用程式可以增強 Webflow 中各種關鍵功能的功能,例如表單、CMS 集合、使用者帳戶和電子商務,從而擴展 Webflow Designer 的功能。

本教程將涵蓋:

  1. 將應用程式新增至您的網站或工作區
  2. 管理應用程式訪問
  3. 在設計器中使用應用程式
  4. 常見問題與問題解決

將應用程式新增至您的網站或工作區

若要將應用程式合併到您的網站或工作區:

  1. 造訪特定的應用程式頁面 Webflow 市場
  2. 點選 現場安裝
  3. 選擇您想要新增應用程式的工作區和/或站點
  4. 授權申請
  5. 點選 繼續“應用程式名稱” 在顯示的訊息上
  6. 按照應用程式提供的說明將其添加到您的網站

您也可以選擇直接從 應用程式介面。搜尋並選擇所需的應用程序,然後點擊 現場安裝.

筆記: 透過授權工作空間的應用程序,它可以存取該工作空間內的所有現有和未來站點。

重要的: 為整個工作區授權應用程式需要刪除整個工作區的授權,以撤銷應用程式對該工作區中單一網站的存取權。此操作也會刪除應用程式對該工作區中所有其他網站的存取權限。

管理應用程式訪問

您可以在工作區或網站層級監控應用程式授權並管理應用程式存取。

監督工作區中的應用程式

要查看應用程式可以存取的工作區:

  1. 點選 帳戶 導覽列中的下拉式選單 
  2. 選擇工作空間 
  3. 導航 工作區設定 > 整合 選項卡 > 連接的應用程式 
  4. 點選 看法 在應用程式名稱旁邊 

該應用程式已獲得“以下所有列出的工作空間和網站的授權”有權存取以下內容」。

若要從您的工作區設定撤銷應用程式對工作區的存取權限:

  1. 點選 帳戶 導覽列中的下拉式選單
  2. 選擇具有應用程式存取權限的工作區
  3. 繼續 工作區設定 > 應用程式和集成 標籤 
  4. 點選 解除安裝應用程式 
  5. 透過選擇確認操作 解除安裝應用程式 在對話方塊中 

您也可以選擇從設計器中刪除應用程式對工作區的存取權限:

  1. 訪問 應用程式介面
  2. 選擇 應用 需要撤銷其存取權限
  3. 點選 刪除應用程式 

接下來,您將被引導至您的工作區設置,您可以在其中單擊 解除安裝應用程式 撤銷應用程式的授權。

重要的: 撤銷應用程式對工作區的授權將導致刪除應用程式對該工作區中所有網站的存取權限。該應用程式添加的任何元素都將保留在您的網站上,並且該應用程式引入的任何自訂程式碼都將在下次網站發佈時刪除。

重要的: 撤銷應用程式的存取權限後,應用程式新增的任何元素都將保留在您的網站上,應用程式中的任何自訂程式碼將在下次網站發佈時刪除。

管理網站上的應用程式 

要查看特定網站上的授權應用程序,請繼續訪問 站點設定 > 整合 選項卡 > 授權應用。本節中列出的所有應用程式均有權存取該網站。

若要從您的網站設定撤銷應用程式對網站的存取權限:

  1. 使用權 站點設定 > 應用程式和集成 標籤 
  2. 點選 撤銷 要刪除的應用程式 

您也可以從設計器中撤回應用程式對網站的存取權限:

  1. 打開 應用程式介面 
  2. 選擇需要撤銷存取權限的應用程式
  3. 點選 刪除應用程式

這樣做後,您將被引導至您的 站點設定 > 應用程式和集成 選項卡,您可以在其中單擊 撤銷 以便刪除該應用程式。

筆記: 如果應用程式有權存取您的工作區,您將被重新導向到 工作區設定 > 應用程式和集成 標籤。

重要的: 撤銷應用程式的存取權限後,應用程式新增的任何元素都將保留在您的網站上,應用程式中的任何自訂程式碼將在下次網站發佈時刪除。

重要的: 如果您在未經授權的情況下授予某個應用程式對多個網站的整個工作區的存取權限,則從一個網站刪除該應用程式將導致該應用程式從安裝該應用程式的所有其他網站中刪除。

在設計器中使用應用程式

某些應用程式可以透過本機應用程式介面直接與 Webflow Designer 交互,從而允許應用程式使用以下方式修改網站畫布上的元素、屬性、樣式和文字: 客製化組件.

在設計器中啟動應用程式

在您的網站上安裝應用程式後,您可以在設計器中使用應用程式:

  1. 訪問 應用程式介面
  2. 將滑鼠懸停在所需的應用程式上
  3. 點選 發射 

應用程式將在設計器畫布上的應用程式介面中開啟。

筆記: 輔助區域設定不支援存取設計器內的應用程式。但是,設計器中的應用程式為主要語言環境建立的自訂元件將由所有次要語言環境繼承。有關更多信息,請查看本地化。

在設計器中管理自訂元件

自訂元件提供了各種方法來操作元件的屬性、樣式和子元件。自訂元件對於合併 Webflow 本身不可用的 HTML 支援的元素非常有利。

自訂組件及其子組件可在導航器中透過「斜線框」圖示進行識別。

您可以像使用 Webflow 中的任何其他元素一樣設定自訂元件或其子元件的樣式 風格面板。此外,您還可以管理自訂元件和/或其子元件的文字、屬性等。 元素設定面板 或透過畫布上的元素設定模式。

筆記: 由設計器中的應用程式為主要語言環境建立的自訂元件將由所有次要語言環境繼承。輔助語言環境中的自訂元件無法取代或本地化。

常見問題與問題解決

應用程式的收費是多少? 

與應用程式相關的費用由應用程式開發人員決定,並且不同應用程式之間可能有所不同。

為什麼有些應用程式可以在 Designer 中運行,而有些則不能? 

一些應用程式設計為在背景運行(例如,資料同步),而其他應用程式則增強了設計器體驗。對於在背景運行的應用程序,請單擊 接入申請 在開發者平台上登入並設定您的應用程式。對於設計器操作的應用程序,請按一下 啟動程式 打開應用程式介面。

應用程式的安全性有保障嗎? 

所有應用程式及其版本在添加到 Webflow 市場之前都會經過安全評估。

我可以指定或修改應用程式的權限嗎? 

授權應用程式後,您將遇到一組預先定義的權限。儘管您無法修改應用程式的權限(這些權限由開發人員決定),但在應用程式安裝過程中,您可以限制應用程式對單一網站或工作區的存取。

幫助!我的應用程式未按預期運行! 

如果您在應用程式中遇到錯誤或其他問題,請參閱應用程式詳細資訊頁面以尋找開發人員的支援資源。

如何為 Webflow 開發應用程式? 

有關創建應用程式和探索其他資源的詳細信息,請參閱我們的 Webflow Marketplace 貢獻指南。

麥伊凡
Ewan Mak 的最新帖子 (看全部)