使用 Elementor 模板的好處包括：

• 節省時間：使用現成的模板，可以省去自己從頭開始設計的時間，讓你更快速地建立美觀的網站。
• 降低成本：如果雇用設計師建立網站，成本可能非常高。使用 Elementor 模板，你可以省去這些費用，同時還可以得到專業設計師的風格指導。
• 適應性強：使用 Elementor 模板，可以讓你的網站適應不同的螢幕大小和設備，從而提供更好的用戶體驗。
• 自定義選項：使用 Elementor 模板，你可以自由地修改模板，以符合你的品牌形象和需求。
• 大量範本可用：Elementor 提供了豐富的模板庫，涵蓋各種類型的網站，你可以根據自己的需求進行選擇，而且每個模板都可以進行自定義。

因此，使用 Elementor 模板可以讓你更快速地建立網站，節省成本，並提供更好的用戶體驗。

Elementor 是什麼?

什麼是登入頁 ( Landing Page )?

Landing Page 的主要目的就是告訴使用者正確的方向。

也就是「引導」的工作，像是讓用戶…

• 了解公司服務
• 購買商品
• 留下連絡資料等

而登入頁就像某人來到陌生的地方要問路的時候，他會由登入頁的…

• 外觀 – 決定我們是不是夠不夠專業，是否值得詢問。
• 標題 – 決定是否為他的目標對象。
• 內容 – 決定我們的服務和商品是否配合他的期待。

當我們都過關了，他自然會相信我們給他的「引導」。

常見的引導有什麼呢? 例如說：

• 購買商品
• 最新活動相關內容
• 留下連絡資料

所以良好的登入頁 ( Landing Page ) 設計，是為會公司帶來很高的轉換率，也就是業績啦。

那我們就開始吧。

Elementor Template 模板教學

Step1.載入 Elementor 版型

新增個頁面，然後點擊新增版型。

在搜尋框打上 Landing Page 選一個你喜歡的吧。

然後插入它。

Step2.修改內容

再來先修改內容，最好先決定你希望用戶看到什麼內容。我們將針對這幾點做修改。

• 商標
• 標題
• 簡述
• Call To Acting

Step3.修改商標 LOGO

一般網站用 LOGO 都是長高比約 2:1 ，如果你還沒有自己的商標的話，網路上可以找到很方便的 LOGO 設計。

參考文章： 【Logo 設計】2022 自己品牌自己做 – 品牌DIY

修改標題

標題的重點就是「簡單」，最好很清楚的了解你的核心服務或是商品。也有人這樣樣使用…

「品牌」加上「關鍵字」，例如說…

台灣大哥大的網頁 TITLE 就是【台灣大哥大 5G 能所不能】，關鍵字就是 “5G” 這樣的感覺。

修改簡述

寫作的朋友可能知道，研究表示一個人停留在標題的時候只有 0.3 秒，如果他停下來看你的內容的時候。

簡述只有 3秒來決定他要不是再往下看。

3秒的關鍵時間，你只能在 1-2 句話給用戶一個留下的理由。

再換個照片吧!

我把手機的照片換成了我的背影。

調整版面

再來你一定覺得哪裡怪怪的，所以我們就需要調整一下設計版面；並希望調整到下面的樣子。

版面的設計可依你的個人喜好，大叔的作法只是提供你一個參考的選擇。

在過程中，我們調整的地方有：

編輯段

• 版面配置 – 內容寬度改為方框 800 px
• 拉伸段 – 打開

• 邊框間距

• 背景顏色 分別為：#F3EAE3 – 膚色、#6D7C69 – 墨綠色，讓大家參考。

新增空白間隔

• 空白間隔高度為 300px
• 背景顏色為 #6D7C69
• Z-index – 0
• 位置 – Absolute
• Horizontal Orientation -20px
• Vertical Orientation -20px

然後圖片的 Z-index 要改為 9 這樣才不會被空白間隔給擋住。

改完後，就成了新的首頁的樣子；是不是看起來不錯。

心得 & 總結

Landing Page 十分的重要，如果你可以在這放上最重要的內容，讓用戶更了解你的品牌和核心價值。

大叔目前網站也是使用【Elementor】設計的，如果你對這套工具有什麼問題，都可以在下面留言發問，如果我可以為你服務的話，這是我的榮幸。