如今用戶的評價和反饋對于吸引新客戶和建立品牌信任非常重要。Elementor 的 Rating小部件 提供了一種簡單而有效的方式，讓網(wǎng)站上可以展示產(chǎn)品、服務(wù)或內(nèi)容的評分。本文將介紹如何使用 Elementor 星級評分小部件，輕松自定義評分外觀并將其集成到你的頁面中。

什么是 Elementor Rating小部件？

Rating小部件 是 Elementor 中的一款工具，支持為頁面上的不同元素添加評分。這種評分系統(tǒng)常用于展示產(chǎn)品、服務(wù)或內(nèi)容的用戶評分，增加網(wǎng)站的互動性和可信度。可以根據(jù)需要選擇不同的評分范圍、樣式和圖標，可完全根據(jù)網(wǎng)站風(fēng)格進行自定義。

使用場景：

1. 電影評分：為電影或電視劇添加星級評分，幫助觀眾做出觀看決策。
2. 餐廳評分：讓顧客為餐廳或菜單項評分，增加社交信任。
3. 產(chǎn)品評分：為電商網(wǎng)站上的商品添加評分，幫助潛在顧客做出購買決定。
4. 酒店和旅游評價：為酒店、旅游景點或服務(wù)添加評分，增加用戶信任和推薦。

如何添加并自定義 Elementor 星級評分小部件

接下來，將詳細介紹如何在 Elementor 中使用星級評分小部件并進行自定義設(shè)置。

步驟 1：添加星級評分小部件

1. 打開 Elementor 編輯器，選擇希望添加評分小部件的頁面。
2. 在小部件面板中搜索 “Rating”，然后將其拖放到頁面的列中。

步驟 2：設(shè)置評分范圍

• 在 內(nèi)容 標簽中，可以設(shè)置 評分范圍。有兩個選項可供選擇：
  • 0 到 5：適合大多數(shù)評分系統(tǒng)。
  • 0 到 10：適合需要更細致評分的系統(tǒng)。

• 在 評分字段 中，輸入你想要顯示的評分數(shù)字。例如，輸入“2”表示評分為 2個星，或者輸入“2.6”表示評分為兩個半星。

步驟 3：選擇圖標和樣式

• 在 圖標 選項中，你可以選擇兩種不同的設(shè)計方式：
  • Font Awesome：使用 Font Awesome 圖標庫中的符號。
  • Unicode：使用 Unicode 字符顯示星星圖標。

• 還可以設(shè)置 未標記樣式，選擇 實心（Solid） 或 輪廓（Outline） 樣式：
  • 實心：填充星星，表示評分已選擇的部分。
  • 輪廓：留下空心星星，表示未選擇的部分。

• 可以為評分標題添加自定義文本，它將顯示在星級評分圖標的左側(cè)。設(shè)置標題的 “對齊方式”，可以選擇左對齊、居中、右對齊或兩端對齊。

步驟 4：自定義樣式

• 轉(zhuǎn)到 樣式 標簽，在 標題 下拉菜單中，可以設(shè)置標題的字體、顏色和間距。

• 使用 “Gap” 來調(diào)整標題與星星之間的距離。

• 在 ”Stars“下拉菜單中，可以自定義星星的大小和間距，確保它們符合頁面的整體設(shè)計風(fēng)格。

總結(jié)

Elementor 的 Rating 小部件 使得在網(wǎng)站中添加用戶評分變得既簡單又靈活。可以通過選擇評分范圍、圖標樣式、標題文本和顏色等選項，可完全根據(jù)需求自定義評分系統(tǒng)。如果想了解更多WordPress相關(guān)的教程和資訊，請關(guān)注光子波動網(wǎng)，擁有最全的WordPress教程和最活躍的WordPress交流社區(qū)。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M解答！免費助力個人，小企站點！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時間：周一至周五，9:30-18:30，節(jié)假日休息