「教學」2024 Elementor見證欄設定,運用對話框製作更有互動性的網站吧~

什麼是Elementor?

哈囉~大家好~又見面了~我是哈迪~今天要來為大家介紹Elementor這款架站工具~

Elementor是一款以拖拉方式,製作響應式網站的工具,可以即時透過修改預覽切換成手機或電腦版的樣子,在網站設計上很方便~有免費版跟專業版的可供選擇~我們這次使用的是專業版喔~讓我們一邊架設網站,一邊為您介紹這款好用的工具~今天要介紹的是Elementor「見證」欄位工具喔~

漂流者工作室|Elementor架站教學

雖然Elementor在建構漂亮的自訂頁面很方便,還是並不適合用來寫部落格喔!會造成亂碼或是搬家上的困難~如果想要使用Elementor架設個人部落格,為了避免各項跑版或是網頁當機問題,還是建議諮詢專業工程師,才能放心修改網站喔!

客戶見證欄位的重要性

讓消費者立刻感受到品牌與客戶的互動性,提升信任感與專業形象

當今天要去某個店家消費時~大家應該都跟我一樣,會先看一下店家的Google商家評論?再決定要不要去消費吧~Elementor的見證欄位也是這樣的功能喔~但是Elementor的見證工具,跟Google商家比起來可以做更多美編的功能,讓見證評論的樣子能更符合網站的整體風格~

而且可以制定想要特別給客戶收看的客戶評論內容~強調某些服務特色。所以除了在網站安裝崁入Google商家以外,也可以考慮使用Elementor的見證工具製作欄位在某些服務頁面,放置客戶好評見證,更生動的介紹服務特色喔!

Elementor見證欄功能運用

在首頁客廳大門和訪客打招呼

首頁就像一間房子的大門跟客廳~所以我在首頁設置了我的「頭像」和「對話框」~讓我可以隨時和來訪的客人打招呼~如果您也想讓網站空間成為更有溫度的地方,不妨嘗試看看喔~

Elementor見證欄種類

單一見證欄無滑動無對話框版本,與有對話框及輪播版本

Elementor的見證欄總共有兩個版本~一個是上面的「見證」單一無滑動無對話框的版本,一個是下面的「見證輪播」有輪播跟對話框的版本~下面就來讓大家看有什麼不同吧~

上方是使用「見證」製作的版本~下面是使用「見證輪播」的泡泡框做的版本~有泡泡框的話可以在有底色的畫面上呈現更好的對話框效果~讓對話更清楚喔~記得在編輯設定時,透過內容中的外觀修改喔~

單一版本可設定連結

雖然「見證」單一版本無滑動、無對話框;但是可以設定連結,點擊頭像導向到需要的網站頁面~如果有需要的話也可以使用看看喔~

這張圖片的 alt 屬性值為空,它的檔案名稱為 20231226104618_0.png

使用Elementor架設屬於自己的網站

在使用Elementor架站的過程中,和老公也遇到了各式各樣大大小小的問題~文章或圖片跑版~響應式失效的問題。但是因為有委託專業的工程師協助,也因此累積了許多經驗和解決許多問題,目前已經可以使用Elementor架設出更有個人特色的網站了!

以上提供給使用Wordpress架站的客戶,做為使用Elementor這款架站工具的參考,如果也想架設網站,可以聯絡漂流者協助架站喔~

快速跳轉目錄

✦ 薩克雷斯:藝術創作,美食旅遊✦

廣告設計師ARROW和伴侶哈迪的網站,

分享手機繪畫藝術創作,

美食生活吸貓之旅,

為忙碌的生活帶來一點療癒🐾

Picture of 哈迪.薩克雷斯<br> (Hadi.Sacres)
哈迪.薩克雷斯
(Hadi.Sacres)

「哈囉~我是哈迪~歡迎你來到我和愛羅的家~加入喵喵教~一起吸貓吧!」

生日:4月21日
性別:男
職業:醫生
介紹:網站站長,廣告設計師ARROW的老婆,來自遙遠沙漠的西海人喜歡旅行,無可救藥的貓奴,貓癮發作就要吸貓。

認識我們