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

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

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

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

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

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

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

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

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

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

那下一步便是將流量隨機發送到這兩款落地頁上，然后觀測相應的用戶行為與數據表現。

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

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

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

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

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

經過半個多月的 AB 測試，從數據中你就能直觀得發現，采用「彈出表單」模式的詢盤落地頁，其轉化率更高。

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

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