Elementor教學: 見證小工具提升Landing Page說服力 WordPress視覺化編輯器推薦

 

當Landing page製作到中後期，商品完整介紹介紹完畢，與競品特色的分析皆完成後，如果有使用者的見證、名人的加持，抑或是團隊成員介紹，更能加強產品與服務之說服力，鞏固進入訪客的信賴度。利用Elementor中的「見證」小工具 ，快速於WordPress中製作一個使用者見證之區塊，加強輔助轉換。

見證小工具，位於左側Elementor選單中的一般區塊，常壓滑鼠左鍵，將小工具拖曳至右側製作區，即可開始編輯小工具的內容。

 

內容模式下(如圖一)，即可輸入內容與加入素材，例如使用者的評價，或成員的經歷。插入圖片，建議為能呈現清楚臉部之圖片，使訪客能感受到可靠與專業的印象。「名稱」欄位填入姓名、「工作」欄位可填入這位見證者的身分，如顧客或成員。

 

樣式模式下(如圖二)，即可於此修改文案與圖片的尺寸，與顏色。比較特別的是，於「圖片」之按鈕底下，利用「邊線圓角半徑」功能，圖片可由方形調整至圓形，數值愈大，圖片愈趨近圓形。另外，「內容、名稱、工作」調整文字大小，進入「排版」下層選單，即可針對更細部文字調整，如: 粗細程度、斜體、刪除線(通過線)、行高、字元間距。

以上功能調整，請依Landing Page之整體設計為主軸，調整至最平衡狀態，即可打造出，設計一致與富有設計感之到達頁。

Elementor「進階」模式(如圖三)

基本上此為針對「段」的區塊進行調整

• 選擇「進階」，在外距或內距處，即可針對圖片「內或外」進行留空或者針對上下左右進行位置的微調；於右手邊有一個鎖鏈的圖案，取消點選後可分別調整上下左右的移動的值，否則全部數值為連動的。
• 選擇「背景」，即可於此個段中加入一個背景，即可選擇加入圖片或以單色、漸層色當成圖片背景。
• 選擇「邊線」即為此個段加入邊框，於此可調整邊線的類型如實線、雙實線，顏色與圓角。
• 選擇「響應」，可針對不同的裝置設定是否顯示，例如:專為桌機設計到達頁，可以將「在平板、手機上隱藏」功能開啟，因此使用者在瀏覽Landing Page時此區塊就只有使用桌機的使用者才能看見。
• 選擇「自訂CSS樣式」可在此加入CSS語法，為該區塊做更細部之調整。

-Brian-