最近這段時間，一直在使用代碼直接編寫一套網(wǎng)站的落地頁模板。進度還挺不錯的，今天晚上繼續(xù)加加班，應該能夠將前后端交互的邏輯全部處理完，后續(xù)也就是處理其中的細節(jié)了。

因為我選用的技術棧是 Next.js，非常適合模板化布局，由此我便想談談不同模塊之間組合生成不同落地頁這塊的問題。

如上圖，便是一個通用的落地頁模版信息。仔細觀察你會發(fā)現(xiàn)這個落地頁，主要就是由一些必備的頁面元素組成的，像“Hero”、“Testimonials”、“Why Choose Us”，等等。

且我們完全可以通過調整這些模塊的排版順序，來做成不同的展示效果。

比如外貿詢盤網(wǎng)站，可能就會側重工廠的定制生產能力與供應鏈能力。那我們在做落地頁時，便會側重將主要的篇幅放在定制生產能力上。

那上圖所提到的一些“Customization”、“How it works”模塊，就會有意識的往網(wǎng)站頁首部分放一放，以獲取更多的用戶注意。

而工具站、聯(lián)盟站這些網(wǎng)站形式，可能因為側重點不同，相應的頁面組織自然又不一樣了。

那到底哪種排列組合比較好？

要回答這個問題，最好是拿用戶交互行為數(shù)據(jù)說話。而要獲取到這樣的數(shù)據(jù)，一個比較好的方式便是直接在我們的網(wǎng)站上做相應的 AB 測試。

舉個很簡單的例子，我現(xiàn)在針對某款產品做兩款落地頁。這兩款落地頁的唯一區(qū)別就是，A 落地頁采用了“固定頁眉”，且在頁眉的右上角添加了顏色顯著的 CTA 按鈕。

那下一步便是將流量隨機發(fā)送到這兩款落地頁上，然后觀測相應的用戶行為與數(shù)據(jù)表現(xiàn)。

其實這種行為監(jiān)控方案，已經(jīng)有很多成熟產品可以提供集成化服務了，需要我們做的僅僅只是做幾個簡單設置。

我之前也有使用這種方式測試過詢盤落地頁的轉化情況，其基本邏輯與上述方法一致，這里分享下我得到的數(shù)據(jù)。

你去看上圖右上角的 CTA 按鈕，其實主流的做法有兩種。

其一是直接做成一個按鈕，當用戶點擊后跳轉到相應的聯(lián)系頁面，然后用戶再在聯(lián)系頁面上填寫相應的訂購意向信息。

其二是做成一個 Popup 彈出表單 ，也就是用戶點擊右上角的按鈕后，直接在當前頁面彈出一個彈窗，上面有相應的信息提交表單，然后用戶直接填寫相應信息。

經(jīng)過半個多月的 AB 測試，從數(shù)據(jù)中你就能直觀得發(fā)現(xiàn)，采用「彈出表單」模式的詢盤落地頁，其轉化率更高。

我猜形成這種數(shù)據(jù)的可能原因，就是彈出表單這種模式，能直接省去頁面跳轉過程中的信息加載，能幫用戶節(jié)省不少時間。

所以，有興趣的小伙伴可以利用這種 AB 測試方法去實際測試下你的轉化頁排版效果。畢竟我們做運營的，不能想當然做事，還是得出用戶行為數(shù)據(jù)出發(fā)，來做相應的決策。