查看新的 Unbounce 多步驟表單 當您發布表 韩国 电报 單時，您可能會看到與此類似的表單，具體取決於您使用的範本：
這意味著您已經非常接近了，您只需要做一些調整即可獲得絕對完美的形狀：
在Growform的“主題”設定中，將父容器的背景設為“顏色”，並選擇與Instapage相符的背景顏色。
刪除 Growform 表單頂部的標題/說明 - 您始終可以將它們新增至 Instapage 的頂部空間。
調整表單的主要顏色（影響進度條和強調色）和其他顏色設定。
透過調整設計設置，我們可以在Instapage中獲得一個多階段的表單，它看起來與設計和頁面的部分完美對齊：
5 – （可選）設定轉換追蹤和聯絡目的地。
現在我們已經設定了多步驟 Instapage 表單，那麼潛在客戶會去哪裡呢？
聯絡人將顯示在您的 Growform 帳戶中，並預設透過電子郵件發送給您。您還可以使用Zapier將潛在客戶發送到數百個可用目的地之一。
這表示無需在您的 Instapage 帳戶中進一步配置任何內容（例如聯絡表單和通知），因為所有這些現在都存在於 Growform 中。
如果您願意，您可以隨時啟動 Instapage 的外部追蹤程式碼來追蹤 Instapage 中的轉換：只需複製程式碼並將其新增至表單設定中的 Growform 的「自訂腳本以在表單提交時啟動」選項中：這篇文章向您展示如何將多步驟表單作為覆蓋層添加到 Unbounce 頁面- 即如何在有人點擊按鈕時「彈出」表單：
這是一種疊加形式。點擊「取消跳出」頁面上的按鈕時會出現該訊息
覆蓋方法是避免訪客第一次看到您的表單時不知所措的好方法。
如果您想直接在頁面上嵌入多步驟表單，那麼您就錯了地方，應該前往本指南。
目錄
1 – 在 Growform 上建立表單
2 – 取得您的 Growform 共享代碼
3 – 找到您的 Unbounce 觸發按鈕並為其指定一個自訂類別名稱
4 – 取得您的 Growform 共享代碼
5 – 將程式碼貼到 Unbounce 的 JavaScript 區域
6 – 查看新的 Unbounce 多步驟表單！
1 –在 Growform 上建立表單
幾乎不言而喻，您需要在 Growform 上設定表單。我們有 14 天免費試用期（無需信用卡）—您可以在此處註冊。如果您在建立第一個表單時需要協助，
請按照我們的入門指南進行操作。
第一步看起來像這樣：
如果您在建立第一個表單時需要協助，請按照我們的入門指南進行操作。
2 –取得您的 Growform 共享代碼
若要取得您的 Growform 共用程式碼，請開啟 Growform 並確保您的表單已儲存。然後，導航到頂部藍色欄中的“共享表單”。
選擇第二個選項 - “當使用者點擊網站上的某些內容時將 Growform 顯示為模式”。
點擊程式碼並將其複製到剪貼簿。
3 –找到您的 Unbounce 觸發按鈕並為其指定一個自訂類別名稱
在 Unbounce 中，找到您想要在 Unbounce 中用作「觸發器」的按鈕，然後按一下它（在編輯器中）以顯示屬性面板。
在“元素元資料”下找到“類別”並輸入您想要的任何類別名稱 - 我們將其稱為“growformTrigger”：
記下您的班級名稱 - 您將在接下來的步驟中需要它。
不要忘記儲存您的 Unbounce 頁面，並對行動視圖執行相同的操作。
4 –取得您的 Growform 共享代碼
若要取得您的 Growform 共用程式碼，請開啟 Growform 並確保您的表單已儲存。然後，導航到頂部藍色欄中的“共享表單”。
選擇第二個選項 - “當使用者點擊網站上的某些內容時將 Growform 顯示為模式”。
點擊程式碼並將其複製到剪貼簿：
5 –將程式碼貼到 Unbounce的 JavaScript 區域
點擊 Unbounce 編輯器底部的“Javascripts”，然後點擊“新增的 Javascript”。
確保在“放置”下選擇“在正文結束標記之前”。
將您在步驟 3 中複製的程式碼貼到框框中。
最後，將第 4 行的 GrowthformTargetClass (“myButtonClass123”) 替換為您在步驟 2 中複製的類別名稱（在本範例中為“growformTrigger”）。
這很重要，因此 Growform 知道當有人點擊您的「取消彈跳」按鈕時觸發模式。
點擊“完成”，然後儲存並查看您的變更：