如何使用正確的組件設計專業的著陸頁
已發表: 2017-05-24現在是星期五晚上,您終於有機會放鬆一下,把腳支在沙發上。 您拿起遙控器並開始滾動瀏覽 Netflix 以查找電影。
接下來,接下來,接下來。 哦,這個呢?!
是什麼讓你停止看那部電影? 封面圖對不對? 或者也許是標題與圖像配對? 當然,描述(可能還有評分)會鼓勵你最終決定是否觀看它,但電影的圖像和標題可能會讓你著迷,以至於懶得閱讀描述。
那是因為第一印像很重要。
不僅僅是在 Netflix 上,甚至是第一次見人的時候; 但也涉及在線搜索行為。 事實上,網站的第一印像只需 1/20 秒即可評估,而那些快速形成的第一印象 94% 與設計相關。
點擊鳴叫
因此,經過專業設計、具有視覺吸引力的點擊後登錄頁面有可能給您的訪問者留下良好的第一印象,並顯著提高您的轉化率。
值得指出的是,沒有任何點擊後著陸頁可以保證 100% 的轉化率。 但是,通過使用專業的點擊後登錄頁面模板來創建您的頁面,您可以給人留下深刻的第一印象、產生轉化並最終推動銷售。
什麼是專業的點擊後登陸頁面?
專業的點擊後登陸頁面是一個獨立的網頁,它使用有說服力的元素來說服訪問者轉換報價。 優惠可能包括購買產品、下載電子書、註冊時事通訊或註冊網絡研討會。
“專業”一詞具有特定的內涵和“良好氛圍”的感覺。 當你看到它時你就知道了,尤其是當涉及到點擊後登陸頁面時。
在我們深入了解完美優化的點擊後登陸頁面的基本要素之前,請快速瀏覽一下這個點擊後登陸頁面:
你覺得它專業嗎? 它是否展示了良好的第一印象並讓您想下載生存指南?
我的第一印像是,“這是嗎?” 幾乎沒有任何信息可以讓訪問者了解指南包含的內容,或者他們可以如何從中受益。
這個如何?
這個包含更多點擊後登陸頁面元素——標題、帶項目符號的副本、潛在客戶捕獲表單和客戶推薦。 但由於所有內容都擠在一起,沒有空白,並且包含多個頁腳鍊接,它仍然沒有散發出專業的氛圍,不是嗎?
相比之下,這個 AppFolio 點擊後登陸頁面給人的印像要好得多:
注意到它是如何包含一個以利益為導向的標題、最少複製的要點、優化的形式、足夠的空白和許多信任信號嗎? 這就是專業的點擊後登錄頁面的樣子。
點擊後著陸頁轉換過程都是從生成頁面流量開始的。 但是,一旦您引起了訪問者的注意並且他們進一步瀏覽了您的點擊後目標網頁,您如何讓他們進行轉化?
這一切都歸結為進入他們的頭腦,了解他們的痛點,並讓他們相信您的產品或服務是解決他們問題的最佳方案。 為實現這一點,有幾個關鍵組件構成了專業的點擊後登錄頁面。
專業的點擊後登陸頁面的元素
引人注目的標題
就像 Netflix 電影的標題激起你的興趣並讓你想了解更多一樣,你的點擊後登陸頁面的標題也應該為你的訪問者做同樣的事情。 它應該立即引起他們的注意並吸引他們更多地瀏覽您的頁面。
那麼,您如何創建一個有效的標題,確保給人留下良好的第一印象?
無論您的點擊後目標網頁宣傳什麼內容,標題都必須:
- 與您的廣告相關。 無論哪種類型的廣告為您的網頁帶來潛在客戶,廣告和標題都應使用消息匹配。
- 提供清晰度。 開門見山,不要留下任何歧義的餘地。
- 展示您的優惠的好處。 標題應始終以利益為導向,突出您的報價的 UVP,並讓潛在客戶知道他們將通過轉換獲得什麼。
- 表現出同理心。 由於大多數人都是情緒化的決策者,從一開始就激發他們的某種情緒並同情他們的問題,將鼓勵他們繼續瀏覽您的頁面。
- 吸引遊客的注意力。 為確保您的標題完成上述所有內容,它必須是頁面上最大、最引人注目的文本。
這是 The Joint Chiropractic 的一個示例,它完成了上述各項:
頁面(和 UVP)的要點從標題中一目了然——進行調整以減輕背痛。 這為那些可能因背痛而苦苦掙扎的人提供了同理心,並為他們提供了解決問題的方法。 此外,您不能錯過標題,因為它是頁面上最大的文本,而且白色與藍色背景形成鮮明對比。
這是優化標題的另一個示例,這次來自 Therasoft:
同樣,標題很大,可以立即引起注意。 它也清晰明了,提供購買 Therasoft 軟件的好處(幫助安排、記錄和計費,花費更少的時間和精力)。
可讀副本
人們不會在您的頁面上閱讀,因此請直接使用您的點擊後登錄頁面副本。 不要用大塊的文字淹沒他們。 只需用盡可能少的文字傳達您的報價的好處,這樣他們就可以快速輕鬆地確定您的報價的價值。
通常,您的點擊後著陸頁副本應該是:
- 可略讀。 使用列表、副標題、項目符號、粗體和短段落突出顯示重要信息,以便訪問者可以輕鬆找到他們正在尋找的內容,而無需搜索或費力尋找。
- 以效益為中心。 與其列出每個產品功能,不如提供這些功能的好處。 潛在客戶最感興趣的是產品或服務將如何幫助他們解決問題。
- 以顧客為中心。 當您的訪問者瀏覽時,他們應該會覺得您是在直接與他們交談。 使用“您”和“您的”等詞向他們表明您專注於解決他們的問題。
- 簡單的。 您的副本應該是基本的,以訪問者可以理解的方式編寫,沒有隻有業內人士才能理解的行話。
- 清晰可辨。 您的字體應該易於訪問者閱讀。 遠離太小或太裝飾的字體,因為這可能會使他們難以解讀,甚至可能阻止他們嘗試理解它。
這個 LegalZoom 點擊後登陸頁面是使用以客戶為中心的副本的一個很好的例子,因為他們在標題、正文和 CTA 按鈕中使用第一人稱:
請注意副本是如何最少的,LegalZoom 的好處是用項目符號點複選標記突出顯示的,因此訪問者可以快速瀏覽頁面以找到他們正在尋找的內容。 字體清晰,文案簡單,因此潛在客戶閱讀和理解信息應該沒有問題。
參與媒體
幾乎總是,媒體比文本更吸引人、更容易理解。 因此,如有疑問,請選擇媒體而不是文本。
例如,英雄鏡頭可以幫助您的訪問者想像如果您的產品或服務解決了他們的問題會是什麼樣子。 另一方面,產品照片、gif 動圖甚至解說視頻都可以幫助展示新產品或複雜產品的工作原理。
讓我們再次回顧一下 Therasoft 的點擊後登錄頁面。 該公司在整個頁面中使用多個產品照片來幫助展示各種產品功能:
視頻推薦是另一種媒體形式,它可以提高您的社交證明的參與度,並使觀眾看起來更真實。
布萊恩大學在其點擊後登錄頁面上使用視頻推薦。 他們還添加了一個介紹視頻,向潛在客戶提供他們使命的概述、他們校園的預覽,並強調他們為學生提供的一些主要好處:
優化形式
潛在客戶捕獲表格是您獲取訪客信息的門票。 以下是創建完美優化表單的一些基本規則:
- 確保它是無摩擦的。 僅向潛在客戶詢問基本信息,這樣您就不會恐嚇和阻止他們填寫表格。 您對潛在客戶的要求越少,他們轉化的可能性就越大。 請記住,表單字段的數量通常取決於此人在營銷渠道中的位置——渠道越往下,您可以請求的信息越多,反之亦然。
- 逐步詢問信息。 如果您的報價需要大量信息,請盡可能將其拆分。 潛在客戶更有可能填寫一些小表格,而不是冗長、令人生畏的表格。
- 考慮兩步選擇加入。 兩步選擇加入表單通過刪除表單並僅包含一個 CTA 按鈕來幫助簡化頁面。 當訪問者單擊 CTA 按鈕時,表單將在彈出框中打開。 這樣做有助於消除令人生畏的表格的可能性,只有最感興趣的潛在客戶才會完成它。
- 讓它容易完成。 除了按邏輯順序組織字段外,預填充它們是另一種有效的策略。 如果潛在客戶過去已經通過聲明其他資源提供了他們的一些信息,請通過使用他們的信息自動填充字段來盡可能輕鬆地轉換此優惠。
- 有策略地將其放置在頁面上。 這並不一定意味著首屏。 您放置表格的位置應取決於您的報價。 根據經驗,如果您的報價昂貴、複雜或需要高度承諾,那麼首屏會更好,因為這樣可以讓潛在客戶有更多時間熟悉它。
此 Buildium 點擊後登錄頁面上的潛在客戶捕獲表單會隨著潛在客戶滾動而移動,因此他們永遠不會忘記它,並且在他們準備好轉換時所需的工作量更少:
引人注目的 CTA
這就是一切的歸結。 這是說服潛在客戶兌現您的報價的最後一步,因此它必須在頁面上的其他所有內容中脫穎而出。
考慮這些基本組件,為您的頁面創建最佳的 CTA 按鈕:
- 位置。 就像您的表單一樣,過早地展示您的 CTA 按鈕會降低轉化率。 只有在您介紹並解釋了您的報價後,才應展示它。 設計您的頁面以遵循 F 型或 Z 型可以幫助突出您的 CTA 按鈕,在按鈕周圍使用空白也可以。
- 尺寸。 您的 CTA 按鈕應該足夠大,以便在訪問者無需搜索的情況下脫穎而出並吸引他們的注意力。 讓它太小可能會導致他們完全錯過它。
- 顏色。 另一種讓您的 CTA 按鈕吸引最多注意力的方法是將其設計為與頁面其餘部分形成對比的顏色。 色輪可以幫助您選擇色調、色調、陰影和色調,使您的 CTA 按鈕在您的頁面上“流行”。
- 複製。 營銷人員經常寫“提交”、“下載”、“註冊”或“訂閱”之類的文案。 這些詞不僅被過度使用,而且它們也很無聊和含糊。 為了說服人們接受您的報價,您的文案必須具有說服力和吸引力——這意味著它應該是描述性的、個性化的,並且以第一人稱書寫。
看看 Lauren Clark Law 如何優化他們的 CTA 按鈕:
按鈕位於首屏下方,足夠大以供訪問者看到,與藍色和白色形成對比,並使用個性化的文案(“我的”)和誘人的(“免費的”)來說服訪問者點擊。
信任指標
在潛在客戶轉換您的報價之前,他們需要能夠信任您的品牌,因此納入信任指標至關重要。 信任指標有多種方式,以下是一些最常見的方式:
- 統計證據。 如果你有任何數字支持你的產品或服務可以解決潛在客戶的問題,請在標題、副標題或副本中顯示它們。
- 客戶評價。 分享當前或以前客戶的積極體驗是最有力的信任指標之一。 在顯示客戶推薦時,請務必提供盡可能多的信息(全名、職位、公司和頭像),因為這會增加最大的可信度。
- 權威徽章。 這包括客戶徽標、來自其他網站的獎項等。 例如,展示知名、值得信賴的公司的標誌會讓潛在客戶認為,“哇,他們幫助了所有這些其他知名公司! 我也應該和他們做生意!”
- 隱私政策。 隱私政策鏈接是點擊後登錄頁面上可接受的極少數退出鏈接之一,因為它可以讓潛在客戶知道如何/是否共享他們的信息。 此鏈接最常見的位置是潛在客戶捕獲表單下方或頁腳中。
- 第三方印章。 第三方印章——如 Paypal、Verisign 和 McAfee——也讓您的潛在客戶知道他們的信息將得到妥善保管且不會洩露。
SpareHire 使用客戶推薦和公司徽章來增加對其報價的信任:
但是請注意,它可以使用一些改進。 推薦信中沒有包含太多細節——姓名、業務信息和頭像都缺失了。 他們還包括一條只獲得 4.5 星而不是 5 星的評論。這可能會讓潛在客戶想知道他們做了什麼失去半星。
Financial Engines 在其信任指標方面做得更好:
這裡的主要區別在於 Financial Engines 在他們的推薦中添加了全名、職位和頭像,這顯著提高了可信度。 他們還展示了幾個權威徽章,包括一些知名公司的標誌和2016年InvestmentNews的獲獎徽章。
立即構建您的專業點擊後登錄頁面
不專業的點擊後登陸頁面和專業的點擊後登陸頁面之間的區別可能會影響或破壞您的轉化機會。 滿足於不專業的點擊後登錄頁面,並錯過終生客戶。
使用本文中的藍圖並從其他示例中學習,以獲得最佳的第一印象並產生更多轉化。
開始創建您自己的專業點擊後登錄頁面,立即註冊 Instapage Enterprise 演示。