大多數 B2B 到達頁面範例合集都是截圖展示:漂亮的頁面、每個附一句讚美,卻無從判斷哪一個適合您的優惠。以下範例反其道而行。每一個都是 B2B 團隊實際會建立的頁面類型:展示申請頁、網路研討會頁、需填表下載的報告頁、針對特定帳戶的 ABM 頁、比較頁、免費工具頁、以價格為主的頁面與活動頁,並拆解成標題、副標題、實證、表單與 CTA,附上每個選擇背後的理由。
此處每個範例都是示意範例:公司與文案都是虛構的,讓我們能完整呈現結構,而不必揣測別人的成果。請把它們當作藍圖。只需小幅調整,這些結構就能套用到 SaaS 到達頁面、服務業公司與工業 B2B,必要之處我們會加以說明。若是 SaaS 網站,請搭配SaaS 網站個人化一起閱讀。
什麼是 B2B 到達頁面?
B2B 到達頁面是為單一廣告活動或流量來源打造的獨立頁面,只有一項任務:讓企業買家採取單一的下一步,例如預約展示、報名網路研討會或下載報告。它與 B2C 到達頁面有三點不同。轉換通常是一場對話或內容交換,而不是購買。訪客往往是評估這次採購的多人之一,因此頁面必須讓使用者、主管,有時還有 IT 都看得懂。而且它產生的名單會分派給業務,因此表單會帶有一兩個消費者頁面絕不會問的資格篩選欄位。
最後這一點決定了以下所有內容。B2B 到達頁面的評判標準是它創造的商機品質,而不只是轉換率。舉例來說,一個轉換率 8%、卻把一大堆學生和競爭對手丟給業務的頁面,比一個轉換率 4%、帶來合格買家的頁面更差。
我們的立場:複製結構,而不是複製頁面
到達頁面範例集容易誘發一種錯誤:挑選外觀喜歡的頁面,然後依自己的優惠重做。您欣賞的那個頁面是為它的流量打造的。一個適用於短銷售週期自助型產品的示範頁,用在牽涉採購委員會、金額達六位數美元的交易上就會表現不佳,無論它看起來多好。
我們認為有用的單位是頁面類型,而不是單一頁面。類型取決於訪客為何而來(是哪個關鍵字、廣告或電子郵件帶來的),以及您希望他們接下來做什麼。先選類型,結構自然隨之而來。視覺設計是最後的決定,而不是第一個。如果您還不確定某個廣告活動是否需要專屬頁面,我們比較到達頁面與首頁的文章說明了這個選擇。選定類型後,在撰寫之前,先將受眾、承諾與疑慮記錄在到達頁面簡報中。
以下範例都是網頁轉換頁面。如果目標是安裝 App 而非填寫表單,頁面的任務就不同(商店徽章、深層連結、給桌機訪客的 QR code);該類頁面請參閱我們對行動 App 到達頁面範例的拆解。
我們用來分析每個範例的架構
- 標題:重申讓訪客來到這裡的承諾。
- 副標題:說明適合誰,以及會為他們帶來什麼改變。
- 佐證:針對這個受眾最可信的一項證據。一個客戶名稱、一張截圖、一個附來源的數字。
- 表單或 CTA:只放這個方案需要的欄位,加上一行說明接下來會發生什麼。
- 首屏以下:回應阻礙這位訪客轉換的疑慮。
1. 示範請求到達頁面
示意範例:一款 B2B 排程工具,流量來自「業務團隊會議排程軟體」的搜尋廣告。
- 標題:「不必來回寄信,就能約到更多首次會議」
- 副標題:「適合跨時區處理集客與開發會議的業務團隊。在 20 分鐘的 Demo 中了解分派與輪流分配規則。」
- 佐證:潛在客戶看到的預約頁面截圖,再加上兩個與該廣告群組同產業的客戶標誌。
- 表單:公司電子郵件、公司、團隊規模(下拉選單)、「您想看到什麼?」(選填)。共四個欄位。
- CTA:「透過20分鐘通話親眼看看」。按鈕下方:「在下一個畫面選擇時間。通話前不會收到任何業務推銷郵件。」
展示的時長與下一步都寫得清清楚楚,消除了展示表單最主要的顧慮(不明的銷售流程)。團隊規模是唯一的資格篩選欄位,用於分派名單。分派速度比大多數團隊想像的更重要:我們關於名單回應速度的文章說明了展示請求被擱置時會發生什麼事。
作為對照,典型的「修改前」版本:標題「營收團隊的一站式平台」、包含電話和職稱在內的九個表單欄位、CTA「送出」。修改後:就是上方的版本。修改前的頁面要訪客自己判斷相關性,並接受一個未知的流程;修改後的頁面在第一屏就回答了這兩個問題。
2. 網路研討會到達頁面
說明範例:一場主題為「B 輪 SaaS 的商機預測」的線上直播,透過電子郵件與 LinkedIn 宣傳。
- 標題:「在董事會上站得住腳的商機預測」
- 副標題:日期、含時區的時間、時長(「11月6日(週四)16:00 CET,45 分鐘」),以及「所有報名者都會收到錄影」。
- 佐證:講者姓名、職稱,以及一句說明為什麼值得花45分鐘聽他們分享。再列出三點與會者能帶走的收穫。
- 表單:姓名、公司電子郵件、公司。三個欄位。
- CTA:「保留我的座位」
「所有報名者都會收到錄影」這句話,能吸引無法參加直播、但仍想取得內容的人。議程以成果而非主題撰寫。對網路研討會到達頁面來說,講者區塊就是佐證,因此放在表單旁邊,而不是頁面底部。
網路研討會到達頁面檢查清單
- 首屏顯示日期、時間與時區,並加一行換算成第二大市場時間的說明(「16:00 CET / 10:00 ET」)。
- 在確認頁面上也放「加入行事曆」連結,而不只放在電子郵件中。行事曆項目會在當天提醒人們;到那時確認信早已被埋沒了。
- 三個成果條列,寫的是參加者將能做到什麼,而不是涵蓋哪些主題。
- 表單旁附上講者照片、姓名與職稱。
- 為無法即時參加的人承諾提供錄影。
- 活動結束後的隨選版本。將標題改為「觀看錄影」,保留相同網址讓連結與排名延續,並將表單縮減為只填電子郵件。許多網路研討會頁面在活動隔天就被棄置,而隨選版本可以持續收集報名好幾個月。
如果是系列活動,請為每一場設立專屬的到達頁面,而不是用一個附下拉選單的頁面。這樣每個頁面都能對應宣傳該主題的電子郵件或廣告。講者片段與錄影的運用方式,請參考我們的B2B 影片行銷指南。
3. 需填表下載的報告或電子書到達頁面
示意範例:一份給採購團隊的年度基準報告。
- 標題:「製造業採購團隊如何訂定供應商付款條件」
- 副標題:用一句話說明方法:調查了誰、分析了哪些資料,以及時間。
- 佐證:完整展示報告的目錄與內文中的一張圖表。
- 表單:公司電子郵件與公司規模,共兩個欄位。
- CTA:「取得報告」。按鈕下方:「PDF 會在下一頁開啟,我們也會寄一份副本到您的信箱。」
展示報告中的真實圖表,證明裡面的內容值得用一個電子郵件地址交換。一行研究方法說明,回答了細心讀者最先會問的問題。不設電話欄位:下載 PDF 還要留電話,是蒐集假號碼最快的方法。
電子書的到達頁面
電子書到達頁面採用相同結構,只有一個差異:電子書通常是指南而非研究,因此沒有說明研究方法的句子來建立信任,必須改由預覽來承擔這項任務。展示附頁數的目錄,以及內頁的一個完整跨頁(檢查清單、框架圖或實際範例),讓訪客判斷這是一本真正的指南,還是加上封面的灌水部落格文章。
- 標題:寫成果,而不是電子書的書名。「用五位數預算規劃一季的 LinkedIn 廣告」勝過「LinkedIn 廣告終極指南」。
- 封面圖:作為好認的視覺元素沒問題,但絕不能是唯一的視覺。封面什麼都證明不了。
- 適合對象:一句話說明,讓不適合的受眾自行離開。
- 表單:公司電子郵件,加上最多一個資格篩選欄位。下載電子書的人還處於研究初期;請將他們導入名單培育,而不是業務通話。
值得測試的版本是無需填表的版本:完整報告以網頁形式呈現,表單後面提供選擇性的 PDF 下載。下載的訪客較少但興趣較高,而且網頁還能在搜尋中獲得排名。
4. 客戶專屬 ABM 到達頁面
示意範例:一家資安軟體廠商鎖定一份區域性銀行的指名名單。
- 標題:「專為地區銀行稽核週期打造的資安監控」
- 副標題:「為您的檢查人員提供證據資料包,直接以您 SOC 使用的同一份資料產生。」
- 佐證:一則銀行業客戶故事、點名相關的法規遵循框架,以及稽核匯出功能的截圖。
- 表單或 CTA:直接連到該區域指定業務代表行事曆的連結,附上本人照片。不使用表單。
- CTA:「與負責您所在地區銀行業務的 Anna 聊聊」(使用該地區業務主管的真實名字)
對於少數高價值帳戶,目標是展開對話,所以表單換成了一個真人。頁面是依分群(地區銀行)而不是依公司建立,維護起來較容易。附上潛在客戶標誌的一對一頁面,適用於少數幾個策略帳戶,但製作成本高,而且如果潛在客戶沒有預期,可能會讓人覺得被侵犯。更多依層級劃分的計畫,請參考我們的帳戶導向行銷範例文章。
5. 比較或替代方案到達頁面
示意範例:一個報表工具,流量來自搜尋某個具名競爭對手替代方案的使用者。
- 標題:「正在尋找按席次計價的現有報表工具的替代方案嗎?」,實際上線的標題中會點名競爭對手
- 副標題:誠實點出人們轉換的兩、三個理由,以及哪些人應該繼續使用競爭對手的產品。
- 佐證:附有來源與日期的事實比較表(計價模式、整合、主機地區),以及轉移指南連結。
- 表單:公司電子郵件、公司名稱、目前使用的工具(預先填入競爭對手名稱)。
- CTA:「查看貴公司帳戶的轉移計畫」
透過比較型搜尋進來的訪客已接近決策,並在檢查是否有偏頗。說明哪些人應該繼續使用競品,能為表格其餘內容換來可信度。請讓表格保持客觀並註明日期,因為關於競品的過時說法,比缺少一列造成的傷害更大。在我們的購買意圖關鍵字指南所描述的意圖階梯中,這類搜尋位於高處。
6. 免費工具或計算機到達頁面
示意範例:一家人資軟體公司的薪資成本計算機。
- 標題:「為跨國招聘團隊打造的薪資成本計算機」
- 副標題:計算工具包含什麼、不包含什麼。
- 佐證:計算工具本身,在首屏就能運作。下方列出假設條件與來源。
- 表單:使用工具不需要填表。結果出來後,提供一個只有一個欄位的選填「把這份分析寄給我」。
- CTA:在結果之後:「看看我們的平台如何為您處理這份薪資」,並使用產品名稱
先給價值,再提出請求,時機就在訪客得到一個他們在意的數字之時。把結果鎖在表單後面,會讓一個人們願意分享的工具,變成一個人們中途放棄的表單。
7. 以價格為主的到達頁面
說明用範例:針對「類別加價格」搜尋的 SaaS 到達頁面,此處為「project management software pricing」。
- 標題:「專案管理軟體價格:10、50、200 位使用者各要付多少」
- 副標題:每個方案都包含什麼,以及哪些需要額外付費。
- 佐證:三個實際計價範例,以及不另收費項目的清單(設定、支援等級、整合)。
- 表單或 CTA:「為您的團隊取得報價」,填寫公司電子郵件與團隊規模,另附小型團隊適用的自助註冊連結。
搜尋價格的訪客想要一個數字。把所有價格都藏在「聯絡我們」後面的頁面,會把這些流量送回搜尋結果。即使企業價格是客製化的,針對常見規模的計算範例也能回答真正的問題:「這在我們的預算範圍內嗎?」若想看 Slack、Linear、Jira、Figma 等公司的實際版本,請參閱我們的SaaS 價格頁範例。
8. 活動到達頁面
示意範例:某供應商在產業展會上的攤位與場邊晚宴。
- 標題:「展會現場見,攤位214,11月12日至14日」,並以活動名稱取代「展會」
- 副標題:前來攤位的理由:新功能的現場示範,或針對特定受眾的晚宴。
- 佐證:誰會在攤位,列出姓名與職務。
- 表單:姓名、公司電子郵件、公司,以及用來預約攤位會議的時段選擇器。
- CTA:「預約攤位 15 分鐘時段」
大多數活動頁面只是宣布會出席。預約特定時段,能把含糊的「現場見」變成同時出現在雙方行事曆上的會議。
哪個範例適合您的流量
| 流量來源 | 頁面類型 | 欄位 | 主要佐證 |
|---|---|---|---|
| 高意圖搜尋(「software for X」、「X pricing」) | 以示範請求或價格為主 | 3-4 | 產品截圖、同業標誌 |
| 競爭對手搜尋 | 比較 | 3 | 標註日期的比較表 |
| 透過電子郵件或 LinkedIn 觸及現有受眾 | 網路研討會或需填表下載的報告 | 2-3 | 講者或報告預覽 |
| 已意識到問題的搜尋(「如何計算 X」) | 免費工具 | 0-1 | 工具本身 |
| 指名目標帳戶 | ABM 頁面 | 0(行事曆連結) | 針對區隔的客戶故事 |
| 展會參觀者 | 事件 | 3 + 版位 | 攤位上的具名人員 |
各類型到達頁面的線框圖
在撰寫文案或打開頁面建置工具之前,先用灰色方塊依序勾勒頁面。到達頁面線框圖迫使團隊在爭論顏色之前,先就每個元素放在哪裡、占多少空間達成共識。它也讓缺少的元素一目了然:如果表單旁沒有佐證的方框,最後表單旁就不會有佐證。
以下是上述三種類型的線框圖,由上而下排列。在桌機上,標示「並排」的項目採用雙欄版面;在行動裝置上則依所示順序堆疊。
| 展示請求 | 網路研討會 | 需填表下載的報告或電子書 |
|---|---|---|
| 只有標誌(沒有主導覽列) | 僅標誌 | 僅標誌 |
| 標題 + 副標題 | 標題 + 日期、時間、時區 | 成果導向標題 + 適用對象 |
| 產品截圖,表單放在旁邊 | 講者資訊,表單放在旁邊 | 報告或電子書預覽,旁邊附表單 |
| 同客群同業的標誌 | 三個成果重點 | 目錄 |
| 「接下來會發生什麼」(3 個步驟) | 提供錄影的承諾 | 內頁中完整的一張圖表或跨頁 |
| 疑慮:整合、資安、計價模式 | 簡短議程 | 方法說明(報告)或作者說明(電子書) |
| 客戶故事、重複 CTA | 重複 CTA | 重複 CTA |
以上所有版型都適用三條規則。在桌機上,表單出現在第一個畫面。主要網站導覽列被移除或精簡,讓頁面只有一個出口。底部重複的 CTA 回到同一張表單,而不是另一個優惠。線框圖用最快的方式畫就好:紙本、一張投影片,或 Figma 的線框圖套件。我們的到達頁面需求簡報範本涵蓋了填入每個方框的文案決策。
如何從這些範例打造自己的頁面
- 列出您的流量來源。針對每個付費活動、郵件計畫和自然流量頁面群組,記下訪客搜尋或點擊了什麼。對多媒體廣告活動而言,這代表回應式多媒體廣告中的每個標題,都必須符合它所指向的頁面內容。
- 依上表指定頁面類型。如果兩個來源需要不同類型,就需要不同的頁面或版本。
- 從廣告或電子郵件撰寫標題。拿出廣告文案中的承諾並加以重申。這也是 Google Ads 中良好到達網頁體驗的核心。
- 選擇一個對這群受眾具說服力的實證元素,不要一次堆五個。
- 把表單精簡到您真的會用來分派或篩選名單的欄位。
- 在 CTA 下方加上一行「接下來會發生什麼」。
- 依來源衡量,而不是依頁面。對電子郵件流量轉換良好、對搜尋流量轉換不佳的頁面,需要的是版本,而不是改版。在宣布勝出版本之前,請對照我們的 A/B 測試樣本數表格檢查流量。
關於流程面,例如該先測試什麼、如何排定優先順序,請參閱我們的B2B 到達頁面優化指南。關於視覺,我們的到達頁面圖片一文說明了哪些截圖與圖像值得放上去。
一個頁面,多種受眾
上述範例都假設每個受眾有自己專屬的頁面。實際上,一個示範頁面會接收來自十幾個產業與公司規模的訪客,為每一種都建立頁面並不實際。替代做法是一個頁面搭配多個版本:標題、佐證區塊和 CTA 依區隔變化,其餘保持不變。
Markettailor 的訪客辨識能將匿名 B2B 訪客對應到公司,其客群區隔功能則讓您在同一個示範頁上替換佐證區塊,讓銀行看到銀行業的故事、製造商看到製造業的故事。我們的建立個人化到達頁面教學逐步說明設定方式。
常見問題
好的 B2B 到達頁面需要具備什麼?
一個重述廣告或電子郵件承諾的標題、一個針對該受眾的可信佐證元素、一份只包含您會用到的欄位的表單,以及清楚說明訪客轉換後會發生什麼。頁面類型(例如展示、網路研討會或比較頁)應與流量來源相符。
B2B 到達頁面和 B2C 到達頁面有什麼不同?
B2B 頁面通常要求更大的承諾(業務通話而非購買),服務採購委員會中的多種角色,並需要針對公司而非個人的佐證。這就是為什麼 B2B 頁面倚重資格審查欄位、同業客戶故事,以及對銷售流程的清楚說明。
SaaS 到達頁面應該包含什麼?
對大多數 SaaS 到達頁面而言:頂部放產品截圖或簡短展示,標題寫出主要使用情境,若訪客搜尋的是價格就放上價格或價格範例,再加上同業標誌或客戶故事,以及符合購買模式的 CTA,也就是自助註冊或預約展示。
B2B 到達頁面應該有幾個表單欄位?
提案需要多少就問多少。內容下載很少需要電子郵件加一個資格問題以外的欄位。展示預約通常需要三到四個欄位,才能分派名單。凡是沒人用於分派或資格判斷的欄位,一律移除。
電子書到達頁面應該包含什麼?
以成果為主的標題、一句說明這本電子書適合誰、一段證明內容有份量的預覽(目錄與其中一整頁內容),以及簡短的表單,通常是公司電子郵件加上一個篩選問題。光有封面圖片不算佐證。把下載者送進培育序列,而不是直接交給業務。
什麼是到達頁面線框圖?
到達頁面線框圖是用方框和標籤依序勾勒頁面各區塊的簡單草圖,不含設計或定稿文案。它的用途是在設計與撰寫開始前先就結構達成共識,例如表單放在哪裡、旁邊放什麼佐證,以及首屏以下要回應哪些疑慮。
網路研討會到達頁面應該詢問電話號碼嗎?
通常不需要。報名者期待收到附有連結和錄影的電子郵件,電話欄位大多只會降低報名數,並蒐集到隨便填的號碼。等到有理由打電話時再詢問。