您可能會在即時 Webflow 網域上看到類似的內容（取決於您選擇的表單範本）：
有一些不對勁的地方：只是做一些 韩国 电报 美學調整...
這意味著 90% 的工作已經完成——你只需要在 Growform 中進行一些更改即可使表單變得完美：
在 Growform 的“主題”設定中，將父容器的背景設為“顏色”，並選擇與 Webflow 顏色相符的背景顏色（在我們的範例中，它位於白色容器中）。
刪除 Growform 表單頂部的所有標題/說明 - 您始終可以將它們新增至 Webflow 中的上方空間。
調整表單的主要顏色（影響進度條和強調色）和其他顏色設定。
只需 2-3 分鐘調整主題設置，我們就可以獲得一個非常漂亮的 Webflow 多階段表單的外觀，與頁面其餘部分的設計完全相容：
5 – 將您的聯絡人發送到某個地方！
現在我們的 Webflow 多步驟模組已經設定完畢，聯絡人去了哪裡？
聯絡人將顯示在您的 Growform 帳戶中，並預設透過電子郵件發送給您。您還可以使用Zapier將潛在客戶發送到數百個可用目的地之一。
因此，無需在您的 Webflow 帳戶中配置任何其他內容：與您的聯絡人相關的所有內容現在都將由 Growform 管理。Webflow 是一個極其強大的登陸頁面建立器，是我們創建專業、響應式網站的最愛之一。
但使用 Webflow 時，沒有簡單的方法來建立多步驟表單：當然，您可以使用 Webflow 編輯器向表單新增欄位。但是，當您開始使用 JavaScript 根據步驟隱藏/顯示欄位並新增驗證時，它就會變得非常複雜。
Growform 是領先的多步驟表單產生器，可輕鬆建立可嵌入到 Webflow 登入頁面中的進階多步驟表單。
結果呢？一個漂亮且響應靈敏的 Webflow 多階段模組，其外觀和行為與 Webflow 本身的一部分完全相同：
Webflow 多步驟表單是未來！此模組完美地融入了新的 Webflow 環境。
目錄
1 – 在 Growform 上建立表單
2 – 取得Growform共享碼
3 – 將「嵌入」元件新增至您的 Webflow 頁面
4 – 對形狀進行一些美學上的改變
5 – 將您的聯絡人發送到某個地方！
1 –在 Growform 上建立表單
首先，在 Growform 中建立一個新表單。您可以獲得 14 天的免費試用，不需要信用卡 - 從這裡開始。
第一步如下圖所示：
如果您的第一個模組需要協助，請按照我們的入門指南進行操作。
2 –取得Growform共享碼
前往 Growform 頂部的「共用表單」選單項目（進入表單後）以取得共用代碼。
然後，點擊第一個選項，標記為「使用 HTML 片段將 Growform 直接嵌入到您的網站中」。按一下+將程式碼複製到剪貼簿。
3 – 將「嵌入」元件新增至您的 Webflow 頁面
現在，在 Webflow 中開啟您的登陸頁面並刪除您已建立的所有表單：我們將用新的多步驟表單取代它們。
然後，找到左側的「嵌入」元件。它看起來像一對帶有反斜線（ </> ）的程式碼括號。
您需要滾動一點才能找到它：在撰寫本文時，它位於清單的末尾，位於「元件」下方。
找到「嵌入」元件後，將其拖曳到頁面上所需的位置。
將 Growform 共享程式碼貼到此框中。
非常簡單 - 這是整個過程的 gif：