這篇文章向您展示如何將多步驟表單作為覆蓋層添加到 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 知道當有人點擊您的「取消彈跳」按鈕時觸發模式。
點擊“完成”，然後儲存並查看您的變更：
6 –查看新的 Unbounce 多步驟表單！
點擊您在預覽（或即時）模式中選擇的按鈕，即可在 Unbounce 中查看新的多步驟表單：
需要更多嗎？我們正在積極開發 Unbounce 產品，包括查看 Unbounce 中出現的潛在客戶的功能。
請與我們聯繫以提供回饋並幫助我們制定