Elementor教學: 如何提升信賴度? 利用見證小工具 打造最佳Landing Page

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

 

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

elementor教學_見證小工具


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

 

見證小工具1


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

 

見證小工具2


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

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

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

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

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

-Brian-

網友回應

網友回應