8 個減少著陸頁摩擦的多步表單示例

已發表: 2017-08-28

Web 用戶點擊後離開登錄頁面的情況並不少見,因為它太長或潛在客戶捕獲表單要求太多信息。 雖然多步驟表單對於收集訪客信息至關重要,但許多營銷人員未能正確設計它們並最終失去有價值的潛在客戶。 這就是為什麼您必須設計您的點擊後登錄頁面以確保訪問者保持參與並且不會被冗長的表單嚇倒。

一種方法是使用多步驟表單。

什麼是多步表單?

多步驟形式是一種較長的形式,分解為較短的、不那麼令人生畏的步驟。 從營銷人員的角度來看,它非常適合您想要收集詳細的潛在客戶信息的任何情況,因為它是在小塊中收集的。 從潛在客戶的角度來看,多步驟表單允許他們通過完成一個簡短的表單來展示他們的興趣,然後繼續填寫其他表單字段以分享更多關於他們自己和/或他們的業務的信息。

因為僅在用戶提交基線信息後才會出現對附加信息的請求。 多步驟表單可以減少點擊後登錄頁面上的摩擦。 以這種方式設計表單可以增加訪問者在頁面上的時間,產生更多潛在客戶,並幫助您深入了解更高質量的潛在客戶。 當然,您可以通過營銷漏斗進行銷售。

多步表單與兩步選擇加入表單

多步表單和兩步選擇加入表單都有助於吸引和限定潛在客戶。 它們的不同之處在於它們在頁面上的顯示方式。 多步表單有階段,每個後續階段僅在前一個階段完成後才會出現。 相反,當訪問者單擊 CTA 按鈕時會出現兩步選擇加入表單,並且彈出框顯示該表單。

使用多步表單而不是頁面或兩步選擇加入表單可以避免我們所說的“金發姑娘綜合症”。 時間太長,可能會阻止潛在客戶完成它; 太短,你最終會得到無法使用的潛在客戶,或者更適合營銷而不是銷售的潛在客戶。 通過根據潛在客戶當前所在的營銷渠道的報價和階段優化您的點擊後登錄頁面表單,您可以請求更合適的信息,從而產生更好的轉化率。

本身可能沒有“一刀切”模板,但下面的多步驟表單示例是您在下一個設計中模仿的一個很好的起點。 讓我們看看一些世界上最大的品牌如何使用多步驟表單來吸引訪客並最大限度地提高潛在客戶。

多步表單示例

優步

優步使用這個點擊後登陸頁面來吸引人們為他們開車作為副業:

多步形式超級

他們在頁面上使用多步驟表單為訪問者創建平滑的轉換過程。 請注意 CTA 按鈕如何讀取“下一步”,並帶有一個箭頭,將流量引導至表單的第二步。 這兩者都表明該過程中至少有一個額外的步驟。

高管和專業人士名人錄

這個選擇性網絡論壇在其主頁上放置了一個多步驟表格,以鼓勵訪問者申請加入網絡的資格:

多步形式視覺提示

表單設計得很好,帶有一個步驟指示器(每個都是一個箭頭的形狀——這是視覺提示),暗示訪問者應該繼續每個後續步驟。 CTA 按鈕也包含一個箭頭,用於向潛在客戶表明他們尚未完成申請流程。

由於頁面空間有限,頁面表單並不總是允許使用大字體、長字段甚至字段標籤。 相反,多步形式會創造更多空間,因為它們出現在部分中,因此允許更多變化和視覺提示。 通常,它們甚至包含一個進度條,以便用戶可以跟踪他們在註冊過程中的進度。

鳳凰城大學

看看鳳凰城大學研究生院如何使用頂部附近的進度條?

多步形鳳凰

該表格開始要求訪問者提供非侵入性信息 - 研究領域、學位水平、學習格式和郵政編碼。 進度條是一個很好的接觸,因為它讓訪問者清楚地知道表單需要多長時間才能下載快速入門指南。

在設計多步驟表單時,與社交媒體聯繫是另一種有效的策略。 事實上,通過社交媒體自動填充,轉化率可以提高多達 189%。 通過實現此功能,用戶的相關社交信息會自動插入到表單中。

同樣在用戶體驗方面,佔位符文本可能會激怒和混淆訪問者,因為他們可能會將其誤認為是他們的社交帳戶已自動填充的字段。 相反,在框上方標記每個字段以減少摩擦並順利引導用戶完成表單。

綠色極客

GreenGeeks 創建了這個點擊後登錄頁面,其中包含一個多步驟表單。 首先,點擊後登陸頁面提供報價:

多步表單示例 GreenGeeks 1

訪問者單擊“立即開始”CTA 按鈕後,此頁面將顯示表單的第一步:

多步表單示例 GreenGeeks 2

在這一點上,用戶不需要任何識別信息——只是一個域(新的或預先存在的)——所以沒有完全進入漏斗的用戶不會被一個長而復雜的表單嚇倒。 一旦訪問者準備好繼續註冊,他們就會被定向到此頁面,這是表單的第二步:

多步表單示例 GreenGeeks 3

這是另一種多步驟表單,每個部分和各個字段都明確標記,為客戶提供無縫的註冊過程。

思銳營銷

這是來自 Cirius Marketing 的一個例子。 他們在彈出框中使用兩步選擇加入頁面和多步表單。 這是點擊後登錄頁面,CTA 按鈕在折疊上方立即可見:

多步表單示例 Cirius Marketing 1

這是彈出框中的多步驟表單:

多步表單示例 Cirius Marketing 2

請注意窗口頂部指示 50% 完成的進度條,讓潛在客戶知道這不是他們需要提供的唯一信息。

萌芽社交

Sprout Social 為他們的潛在客戶設計了這個多步驟表格:

多步形式發芽社會

第一步是他們創建帳戶的地方; 然後他們被帶到第二步,在那裡他們可以附加他們的社交資料; 最後,在第三步中,他們可以完成註冊過程並開始使用 Sprout。

快速底座

下面的 Quick Base 點擊後登陸頁面提供員工培訓服務:

多步表單示例 QuickBase 1

當潛在客戶準備好開始免費試用時,他們單擊任何合作 CTA 按鈕(頁面上總共三個),然後到達此多步驟註冊表的第一步:

多步表單快速基礎

請注意表格的這一部分是如何特別標記為“第 1 步,共 2 步”的。 告知潛在客戶他們距離免費試用“幾秒鐘”,這表明填寫表格不會花費很長時間。

套房

Hootsuite 通過明確定義的步驟引導潛在客戶完成他們的帳戶註冊過程:

多步形式hoosuite

標題說明了註冊需要多少個步驟,因此潛在客戶立即知道它需要什麼。 然後,每個步驟都清楚地標有部分標題,以輕鬆引導訪問者完成。

使用多步驟表單增加頁面參與度

如果您的最佳轉換方案需要來自潛在客戶的大量信息,並且您不想顯得令人生畏。 使用多步驟表單來簡化情況有助於緩解這些問題。 這些多步驟表單示例可減少摩擦,說服客戶信任您的信息,並最終幫助促成您正在尋找的轉化。

始終將您的所有廣告連接到個性化的點擊後登錄頁面,以降低您的每次客戶獲取成本。 立即註冊 Instapage Enterprise 演示,開始創建您的專用點擊後頁面。