如何使用Elementor向WordPress網站添加推薦

已發表: 2025-02-19

正在尋找一種簡單的方法,可以使用Elementor添加推薦給WordPress網站?

推薦在建立網站的信任和信譽方面起著至關重要的作用。他們展示了真正的客戶體驗,並增加了社交證明,以幫助將潛在的訪客轉變為忠實的客戶。

如果您使用的是Elementor,則在您的網站上添加推薦信非常容易,尤其是在PowerPack插件的幫助下。

在本教程中,我們將介紹使用Elementor向WordPress網站添加推薦的分步過程。

因此,讓我們開始吧!

如何使用Elementor&PowerPack addons向WordPress網站添加推薦

安裝和激活Elementor和PowerPack插件

在開始之前,請確保在WordPress網站上安裝並激活Elementor和PowerPack附加組件。

打開頁面

要添加推薦書,您需要打開要顯示的頁面。

從WordPress儀表板中,導航到頁面>>所有頁面,然後選擇要添加證明的頁面。如果要創建一個新頁面,請單擊“添加新”。

選擇或創建頁面後,單擊頂部的Elementor按鈕的編輯

使用Elementor編輯

將推薦小部件添加到您的頁面

在Elementor編輯器中,在搜索欄中鍵入“證明”

查找具有“ PP”圖標的推薦小部件,該小部件表明它是PowerPack addons小部件。

如果您看不到這個小部件,請仔細檢查後端中所有PowerPack小部件。請參閱本指南以了解更多信息:如何啟用/禁用PowerPack元素?

為了展示證明,只需從左面板上拖動推薦小部件,然後將其放在您希望出現推薦的頁面部分即可。

“內容”選項卡中的自定​​義選項

添加推薦小部件

定義推薦內容

單擊“推薦小部件”以打開“內容”選項卡。在這裡,您可以通過單擊“添加項目”按鈕來添加多個推薦。默認情況下,提供了三個演示推薦,但是您可以根據需要刪除,編輯或添加新的推薦。

對於每個推薦,您可以輸入評論文本,即實際客戶反饋。您還可以上傳圖像,例如客戶照片或化身,以使推薦更為真實。

此外,您可以輸入提供推薦及其位置的人的名稱(例如首席執行官,經理或設計師),並使用基於星的系統分配評分

還可以選擇包括指向客戶網站或個人資料的鏈接

推薦內容

選擇一個佈局

PowerPack證明小部件提供了多個佈局選項,以定義網站上的推薦方式。

您可以選擇旋轉木馬,這是以旋轉格式顯示多個推薦的理想選擇。

如果您更喜歡對導航的更多控制權,則滑塊選項允許用戶在證明之間手動移動。

另一方面,網格佈局以靜態格式顯示推薦,同時顯示多個推薦書而沒有任何運動。

佈局選項

選擇皮膚樣式

另外,您獲得了八種不同的皮膚樣式,可以改變您的推薦書的外觀。您可以嘗試這些選項,以找到最適合您網站的設計和主題的選項。

皮膚選擇

選擇內容樣式

有兩種內容樣式可用:默認氣泡

默認樣式以標準格式提供了推薦,而氣泡風格則使它們具有現代的聊天式外觀。

內容樣式

顯示圖像選項

如果要顯示客戶映像,請啟用Show Image選項。然後,您可以選擇圖像位置作為內聯(文本旁邊)或堆疊(上圖)。

此外,您可以調整圖像分辨率,以匹配網站的美學和加載要求。

顯示報價選項

您可以選擇根據自己的喜好在推薦文本周圍啟用或禁用引號

顯示報價

自定義輪播或滑塊

如果您選擇了輪播滑塊佈局,則可以使用更多自定義選項。您可以使用每個視圖幻燈片一次來定義多少個證明,以及一次使用幻燈片滾動的滾動滾動。

您還可以使自動播放能夠自動滾動滾動,並設置自動播放速度以控制幻燈片之間的時機。

無限循環選項允許連續滾動,而動畫速度控制幻燈片之間的過渡速度。

另外,您可以啟用導航箭頭使用戶與滑塊進行交互,並選擇運動是水平還是垂直的

滑塊選項

“樣式”選項卡中的自定​​義選項

樣式的推薦部分

您可以調整列間距以完善佈局並選擇背景類型,無論是純色,漸變還是圖像。

邊界邊界半徑設置使您可以創建光滑,圓形的邊緣。您也可以應用盒子陰影以添加深度並調整填充,以更好地間距。

推薦風格

自定義內容外觀

可以更改背景顏色文本顏色以匹配您網站的品牌。您可以修改字體樣式和大小等版式,並調整文本對齊方式以及名稱位置對齊,以更好地可讀性。

自定義圖像樣式

尺寸間隙設置可讓您調整圖像放置。您還可以自定義邊框類型邊框半徑以創建不同的形狀,並應用盒子陰影以增加深度。

圖像樣式

樣式評級系統

您可以選擇不同的圖標未標記的樣式S,調整尺寸間距,並更改顏色未標記的顏色以區分額定的恆星。

評分樣式

自定義導航箭頭

您可以選擇不同的箭頭樣式並調整其尺寸。可以使用選項來更改對齊顏色,並定義邊框背景樣式。

導航箭頭樣式

樣式分頁點

對於分頁,您可以更改點的位置大小,調整頂間距之間的縫隙,並修改其顏色活動顏色以突出有效的證明。

分頁點樣式

最終確定和發布您的推薦書

自定義推薦書後,請使用Elementor的預覽更改選項來查看最終外觀。如果所有內容都按預期出現,請單擊“發布”以使您的網站上的推薦人直播。

結論

使用Elementor和PowerPack插件在WordPress中添加證明是簡單有效的。借助許多佈局和样式選項,您可以創建具有視覺引人入勝的推薦,以建立信任和驅動轉換。

如果您找到此有用的指南,請分享!另外,請加入我們的Twitter,Facebook和YouTube。

有問題還是需要幫助?在下面發表評論!

來自博客的更多信息

  1. 如何使用Elementor在WordPress中創建徽標滑塊和網格
  2. 如何使用Elementor在WordPress中添加圖像滑塊/輪播
  3. 如何在elementor中的滑塊之後創建一個
  4. 如何使用PowerPack在Elementor中創建卡片滑塊
  5. 如何使用Elementor創建柱旋轉木馬/滑塊
編輯團隊的圖片

編輯團隊

留下評論取消回复

上一篇以前的如何使用PowerPack Elementor Addons編輯WooCommerce產品頁面