5個Landing Page銷售頁設計重點讓你得到更高轉換率

5個Landing Page銷售頁設計重點讓你得到更高轉換率
使用 Elementor 快速建立 Landing Page(著陸頁),4個設計關鍵讓你達成高轉換率

文章最後更新日期 2021 年 8 月 24 日

你知道 Landing Page ( 著陸頁、銷售頁 ) 是一個 常被用來做為行銷 或是 廣告導流 最好做轉換的獨立頁面嗎?

你是否還不知道要如何建立一個 Landing page銷售頁呢?

現在就讓 馬思特站長 來教你如何 輕鬆 且 快速的建立 銷售頁 吧!

什麼是 Landing page(著陸頁、銷售頁)?

在網路的世界中,Landing Page (著陸頁,又稱為到達頁) 是常常被用來做為 行銷 或是 廣告活動 的獨立網頁,藉由訪客 點擊 Email 、 網路廣告 或是 Google、Youtube、Facebook、 Instagram,Twitter 社群平台內容中的連結,然後外連到某個單獨的目標網頁,而這個目標網頁內容會設計專注在同一個內容主題或商品介紹,也因為主題重點明確(例如索取EMAIL名單、單一商品的介紹等等),沒有其他過多干擾的連結,進而讓訪客可以完成我們想要的網站目的(例如留下名單、 購買商品) ,所以著陸頁通常也是指訪客所到達的任何一個網頁

Landing Page著陸頁的設計 通常有 明確的重點主題 或是目標,讓進入頁面的訪客能完成你想要他們完成的目的,這個我們稱之為 號召性用語 (Call to action,簡稱CTA)

也因為頁面強調重點式的設計,讓 著陸頁 成為可以提高 行銷活動的轉換率,並且減少取得潛在客戶或銷售成本的最好選擇。

著陸頁 可以用在哪些地方?

一般比較常見的類型有 Email 訂閱名單商品訂購課程銷售頁面應用程式(APP)安裝頁 等等,都是藉由各種不同的行銷渠道,將目標客群導流到同一個設計好的網頁,藉由 銷售頁 所需規劃的流程方式,引導你想要訪客來執行最終目標動作,例如 購買商品、留下Email等等

建立高轉換 Landing page(著陸頁) 的5大重點

一個成功的著陸頁設計方向我們可以分為4個重點來說明

頁面主題

當訪客進入到你網站的那一刻,通常是對於你的 「網頁主題」 有著高度興趣,所以這個頁面的主題必需清楚明確,甚至將重點標題清楚的標示出來,讓訪客知道他們進到這個頁面後可以得到什麼樣的資訊

著陸頁的主題可以想像成是一個網站或部落格的文章標題,所以在 頁首 區塊的設計必需要清楚、以及簡潔有力,才能讓訪客不需花費太多思考,造著你所引導的著陸頁流程來操作,主題的地方也可以放置 公司LOGO圖片,使用與品牌相關的色系,也有利於建立品牌識別度

文案內容

文案內容的地方也需要清楚並且簡潔有力, 畢竟訪客進到你設計的頁面可不是為了要閱讀長文,文案內容必需要跟 廣告連結的主題有關

如果你的著陸頁是商品的話,一開始可以將 訪客 會遇到的痛點強調出來,讓你可以與客戶產生共鳴,接著再說明你的商品為什麼可以解決他們的問題,以及商品特別有哪些、跟市面上的商品有什麼不同、可以做到哪些保證等等

如果這篇文章對你有幫助,請點選下方綠色拍手圖示按5下,只要登入Google或FB,不需任何花費就可以支持站長分享更多,謝謝

客戶見證

有客戶見證的銷售頁面會比較容易令人相信,比趇沒有客戶見證的銷售頁面還要更具說服力,當客戶對你還不是那麼熟悉之前,必定會從其他的客戶評論來取得經驗,做為是否購買的評估之一

訂閱表單

如果你設計的著陸頁目的是要取得客戶 Email名單,那你可以設計一個 訂閱表單,並且提供一個誘因,例如填寫這個表單就會送給你電子書或小工具,增加客戶填寫表單的意願,取得客戶的名單,可以作為日後再行銷使用

感謝頁面

當客戶完成你所想要他們完成的目標之後,你還可以建立一個「感謝頁面」(Thank you page),藉此增加客戶的信賴感,在這個頁面也可以放上其他商品,或是第二階段想要客戶完成的動作,擴散 銷售頁 的行銷效果

Landing page的實際應用

針對你投放廣告設計的著陸頁,通常希望的目標就是引導訪客瀏覽點擊,取得網站曝光及增加網站流舉, 並且引導訪客採取你想要他們完成的目標動作,例如留下個人資料、訂閱電子報、購買商品來取得最佳的轉換率,所以製作一個著陸頁會有什麼優點呢?

收集名單,讓訪客留下資料

著陸頁的主要用途之一就是收集客戶的資料。成功吸引訪客進入著陸頁之後,您大概就已經成功了一半了!接著最重要的是要拿到客戶的資料,方便後續的聯絡或者是再行銷使用。這邊要注意的是,不要讓訪客填寫太多的資料,例如電話、地址等等,填寫太多資料容易導致客戶失去耐心填寫,應該著重於重點資訊就好,可以參考本站的下面範例

報名參加線上/線下活動

你也可以定期舉辦相關的活動,例如像是網路研討會、線下聚會、行銷活動、讀書會等等,設計一個獨立的 著陸頁,藉由邀請客戶參加活動的方式來取得客戶的名單

活動促銷頁面

公司有舉辦的活動,也可以利用著陸頁來完成目標,例如 化妝品常見案例,取得 試用品,填寫 姓名、email、電話、收件地址來取得更多的客戶資訊

預先銷售頁面 (Coming Soon頁面)

當你的商品、課程或是活動已經開始計畫排程,但是還沒推出時間時,這中間等待的時間不要浪費,也可以先建立一個預先的銷售頁,先留下客戶名單之後,等時間快到的時候再提醒客戶相關資訊,也是一個很不錯的方式



如何用 Elementor 建立 landing Page?

Elementor頁面編輯器是一款超過百萬下載的 WordPress頁面編輯器,因為免費,而且有著即時預覽修改的特性,對於不懂程式的架站新手都非常的方便使用,也是站長常常推薦給客戶使用的工具之一

在這個步驟中, 站長推薦你使用 Astra Oceanwp 佈景主題擇一, 外掛使用 Elementor頁面編輯器 來完成建立 Landing Page頁面

延伸閱讀:Elementor 教學 突破百萬下載的 WordPress頁面編輯器,即時預覽編輯讓架站新手都能5分鐘上手

前往購買 Elementor Pro 外掛

step 1

首先,先進入到 WordPress 後台 →外掛 安裝 Elementor

Elementor lite 外掛
Elementor lite 外掛

step 2

安裝完外掛之後,我們進入到 WordPress後台「頁面」來開始建立我們第一個 Landing Page 頁面

在這個步驟中,你可以選擇從無到有建立你的銷售頁面,或是直接使用 Elementor 的 Landing Page版型庫,站長選擇使用 Landing Page 版型庫來建立比較快速,不需要重頭開始建立,比較節省時間

進入到頁面之後,點選 「使用 Elementor 編輯」,進入到頁面編輯的設定

Elementor編輯畫面
Elementor編輯畫面

step 3

進入到網站頁面的設定之後,可以發現像下方圖片的操作介面,這是 Elementor 即時預覽編輯的頁面設定,使用方法也很簡單,直接從左邊的工具,將你所想要編排的內容,按鈕拖到右邊的 Drag widget here 就可以了

站長最常使用的工具有 標題、圖片、文本編輯器、按鈕,以Landing page的結構來說,這些就很夠用了

接著我們點選「模版庫」,來使用 Elementor模版庫 來快速建立著陸頁(Landing Page)

Elementor操作介面說明
Elementor操作介面說明

step 4

進到 Elementor 版型庫之後,在右上方的地方輸入 「Landing page 」搜尋關鍵字, 點擊一個你喜歡的頁面樣式之後,會進入到 網頁版型預覽

elementor landing page模版
elementor landing page模版

接著會出現選擇版型的預覽樣式,確認一下是不是你想要的,然後按下右上方的「插入」按鈕就可以了

elementor landing page頁面
elementor landing page頁面預覽

step 5

接著點選小齒輪的地方,設定 「頁面佈局」為「 Elementor 畫布」,這個設定會將除了你編排的頁面之外,將網站中其他的 Header、Footer、側邊欄等等其他無關的訊息都拿掉,就可以達到一頁式的銷售頁囉

elementor landing page 修改頁面佈局
elementor landing page 修改頁面佈局

step 6

要修改網頁內容的話,只需要在要修改的地方上點一下,例如「圖片」、「文字」等等,在左邊就會出現對應的設定工具,即時編輯即時修改,超級方便

elementor 編輯 landing page頁面
elementor 編輯 landing page頁面

其他 Elementor頁面編輯工具

如果你覺得內建的 WordPress版型、Elementor 版型庫,或是 Elementor工具都不夠你使用的話,也可以加裝其他的 週邊外掛 來做功能擴充,對於日後要大量的製作 銷售頁 超級好用且快速

Elementor Pro – 官方的付費外掛,功能更多更強大,詳細介紹可以參考下方這篇文章

Ultimate Addons For Elementor – Astra公司官方開發的Elementor擴充外掛,動態效果很豐富

Power Pack Elementor – 小工具所設計的質感都很不錯,用來做為形象網站超級加分

結論

一個可以被市場接受的 Landing page銷售頁 是經過不斷的測試正修改,所以當你完成一個 Landing page 頁面之後,可以使用GA來追蹤成效,並修改頁面的內容或位置,甚至可以建立 2個 Landing page頁面,做為 A/B交叉測試使用唷


 

若是有網頁設計的需求,也可以透過「聯絡表單」或是「線上客服」的方式與我們聯絡

如果想要自己架設網站的話,也有提供 1對1線上教學 ,使用遠端連線+語音的方式教學,讓你不需出門就能在家學習

另外也有 網站顧問服務網站健檢 服務,如果覺得網站速度太慢或是經營上的問題不知如何解決,歡迎預約時間幫你確認

推出「線上課程網站方案」,是獨立架設的網站,如果你想建立自己的線上課程網站,而不想跟課程平台分潤且受限平台規則的話,歡迎參考 MA-Course線上課程網站方案

想要經營個人品牌的話,可以先從 個人部落格 的話,不用怕平台演算法及倒閉問題,本站也有提供 部落格網站方案 ,大新哥也能提供一些網站的經營建議給你,歡迎來聊聊

想要在網路販賣東西的話,我們也有提供 電商購物網站 方案,費用便宜快速上線,降低剛開始微創業的經濟負擔,還能擁有網站自主權

如果對 WordPress架站網站經營網路行銷 有興趣的朋友,也可以訂閱電子報或是按讚追蹤Facebook粉絲頁,我們將不定時發佈 WordPress網站 及 網頁設計、及個人品牌相關文章。

歡迎加入FB社團 「WordPres網站架設 / 網頁設計接案 / 部落格經營 / 網路行銷 /個人品牌」,主題是討論網站架設、部落格經營、網路行銷,有興趣的朋友也歡迎加入社團一同交流


本網站部份推薦的連結與商家有合作關係,如果您透過推薦連結購買商品,我們會得到少量分潤,支持我們產出更多優質文章,不會影響您的購買價格,透過連結購買甚至可以更優惠,詳情說明請查看這篇 免責聲明

大新哥

12年以上網站架設與網路行銷的經驗,自由工作者5年+,架過過多種類型網站,例如形象網站、購物網站、會員網站、課程平台網站,擅用網站工具來解決不同的問題,希望將多年來的網站經營經驗技巧分享給你,若是想成為自由接案者也歡迎私訊交流唷

發佈留言