[獎勵] – 透過 GoHighLevel 和高級技巧實現完美造型
Posted: Wed Dec 18, 2024 8:30 am
本指南向您展示如何建立和嵌入基本表單，但您可能需要使用我們的高級提示來使您的表單變得完美：
避免背景「跳躍」或步驟之間的縮放
根據著陸頁的佈局，您可能會在填寫表單時 新加坡 電話號碼 注意到「背景縮放」不和諧。
這是因為 Growform 根據其內容自動調整大小，這可能會導致 GoHighLevel 元素調整大小。
為了防止這種情況發生，建議將自訂類別套用到包含 Growform 的 GoHighLevel 框。選取該框，按“高級”，然後新增自訂類別名稱：
然後，您可以在 GHL 登陸頁面編輯器中前往「設定」>「自訂 CSS」並新增以下 CSS：
.customMinHeight {
height: 600px !important;
顯示：塊！
}
此 CSS 執行以下 2 項操作：
1.) 將高度設定為 600px，以便當表單變大或變小時，框框不會調整大小。
2.) 覆寫預設的「display:flex」屬性，這會導致該窗格的元素從中心向外堆疊，而不是從上到下。如果您有不同大小的台階，這會使它更整潔。
當然，如果您使用此技巧，您需要調整 600px 值以適合您的表單，並確保台階大小相似。
建立按鈕以向後捲動“至”頁面頂部
我們建議不要在頁面上多次插入相同的表單，而是在整個著陸頁中添加 CTA（號召性用語），將使用者帶回開頭。
要在 GoHighLevel 中實現此目的，請遵循本指南。
在 GoHighLevel 中取得像素完美的表單寬度
您可能已經注意到表單不太適合：表單不夠寬且文字與中心對齊：
為了獲得絕對完美的結果，請進入 Growform 的“主題設定”並逐漸增加“表單寬度”，直到您獲得正確的外觀。您需要在 Growform 中儲存表單，然後在 GoHighLevel 中刷新預覽頁面才能獲得正確的結果。
目標是使表單盡可能大，但不要將按鈕折疊到浮動視圖中。此模組尺寸合適：
現在我們可以將第一個標題設為左對齊：
……我們有一個完美的形狀：
將 Growform 模組新增至彈出頁面
如果您想使用 GoHighLevel 的彈出功能，您也可以為這些彈出視窗新增表單！這是在整個著陸頁中添加多個 CTA 的好方法。
要將表單新增至彈出窗口，只需像往常一樣在 GHL 中建立彈出窗口，然後按照上面的標準嵌入說明新增「自訂 HTML」小工具即可。您將看到您的表單嵌入在彈出視窗中，如下所示：
避免背景「跳躍」或步驟之間的縮放
根據著陸頁的佈局，您可能會在填寫表單時 新加坡 電話號碼 注意到「背景縮放」不和諧。
這是因為 Growform 根據其內容自動調整大小，這可能會導致 GoHighLevel 元素調整大小。
為了防止這種情況發生，建議將自訂類別套用到包含 Growform 的 GoHighLevel 框。選取該框，按“高級”，然後新增自訂類別名稱：
然後，您可以在 GHL 登陸頁面編輯器中前往「設定」>「自訂 CSS」並新增以下 CSS：
.customMinHeight {
height: 600px !important;
顯示：塊！
}
此 CSS 執行以下 2 項操作：
1.) 將高度設定為 600px，以便當表單變大或變小時，框框不會調整大小。
2.) 覆寫預設的「display:flex」屬性，這會導致該窗格的元素從中心向外堆疊，而不是從上到下。如果您有不同大小的台階，這會使它更整潔。
當然，如果您使用此技巧，您需要調整 600px 值以適合您的表單，並確保台階大小相似。
建立按鈕以向後捲動“至”頁面頂部
我們建議不要在頁面上多次插入相同的表單，而是在整個著陸頁中添加 CTA（號召性用語），將使用者帶回開頭。
要在 GoHighLevel 中實現此目的，請遵循本指南。
在 GoHighLevel 中取得像素完美的表單寬度
您可能已經注意到表單不太適合：表單不夠寬且文字與中心對齊：
為了獲得絕對完美的結果，請進入 Growform 的“主題設定”並逐漸增加“表單寬度”，直到您獲得正確的外觀。您需要在 Growform 中儲存表單，然後在 GoHighLevel 中刷新預覽頁面才能獲得正確的結果。
目標是使表單盡可能大，但不要將按鈕折疊到浮動視圖中。此模組尺寸合適：
現在我們可以將第一個標題設為左對齊：
……我們有一個完美的形狀：
將 Growform 模組新增至彈出頁面
如果您想使用 GoHighLevel 的彈出功能，您也可以為這些彈出視窗新增表單！這是在整個著陸頁中添加多個 CTA 的好方法。
要將表單新增至彈出窗口，只需像往常一樣在 GHL 中建立彈出窗口，然後按照上面的標準嵌入說明新增「自訂 HTML」小工具即可。您將看到您的表單嵌入在彈出視窗中，如下所示：