如何在您的 WordPress 網站上設計推薦頁面
已發表: 2020-10-05精心設計的網站有時也無法給潛在客戶留下良好的第一印象。 在這種情況下,在您的網站上添加推薦會使首次探索它的人更值得信賴。
推薦以及評論和評級將幫助您證明您經營的是合法企業,因此是您所提供服務的可靠供應商。
在本文中,我們將向您展示如何通過幾個簡單的步驟輕鬆為您的企業網站設計推薦頁面。 在這裡,我們將使用 Elementor 及其強大的插件之一——HappyAddons。
在潛入深淵之前,讓我們在上方發現一些光——
什麼是推薦信?

推薦書是第三方聲明,通常來自您以前使用過您的產品/服務的客戶或令人興奮的客戶。 它告訴您的潛在潛在客戶您的產品質量、服務類型、專業等等。 這樣您就可以輕鬆地讓感興趣的訪問者相信您值得他們信任。
客戶評論可以有不同的形式,例如報價、短視頻、客戶訪談、案例研究、成功案例等等。 這些被稱為推薦。 也許,報價是網站推薦的最常見形式。 因為它們很容易收集,並且與您的觀眾最相關。
您網站上的推薦信有多重要?
專門用於客戶推薦的網頁是贏得訪問者信任的好方法。 它代表您通過您的產品和服務提供的實際價值。 這是因為,首先,它們是您擁有可持續業務和強大客戶群的證據。 還說明了這不是某種在線騙局的現實。
此外,人們喜歡聽取真實客戶而不是業務代表的意見。 因此,這些推薦將像推荐一樣起作用,讓您的訪問者相信他們無疑可以依賴您的品牌。
如何向您的 WordPress 網站添加推薦信

這裡開始主要的教程部分,以在 Elementor 中設計您的推薦頁面。
這些是創建推薦頁面的先決條件:
- 一個WordPress網站
- 元素(免費)
- 快樂插件(免費)
假設您已成功配置 WordPress 站點並安裝了所有必需的插件,包括 Elementor 和 HappyAddons。 如果您是 Elementor 的新手,請查看此 Elementor 指南以快速入門。
首先,導航到您的 WordPress 儀表板,然後單擊添加新頁面。 現在為您的新頁面添加標題。 之後,單擊名為“使用 Elementor 編輯”的藍色按鈕。 它會立即帶您進入 Elementor 界面
進入編輯器後,在側面板搜索欄中搜索 Testimonial 小部件。 然後將小部件拖放到界面中。

現在讓我們根據您的喜好開始定制設計。
將圖像插入您的推薦頁面設計
通過從內容選項卡添加圖像開始個性化您的推薦設計。 您可以完全靈活地指定圖像大小、位置和對齊方式。 此外,您也可以為圖像定義自定義尺寸。

在內容選項卡中,您還可以找到插入名稱、標題和鏈接的選項。
使用樣式選項卡放大 Outlook
從內容選項卡自定義所有內容後,現在讓我們前進到下一步。 從樣式選項卡中,您可以-
- 更改推薦描述、名稱和指定的文本顏色和排版
- 修改圖像大小、定義邊框類型、半徑、顏色等等。

將高級功能應用於您的推薦頁面設計
在“高級”選項卡中,您將獲得一系列自定義選項來調整邊距、填充、位置等。 如果您熟悉 CSS 編碼,那麼您可以直接從那裡包含您自己的 CSS 代碼片段。
使用 Happy Elementor 插件探索更多設計工具
您可以使用 HappyAddons(一個功能豐富的 Elementor 插件)更複雜地設計您的推薦頁面。 它還有一個專門的小部件,可以快速設計您的推薦頁面。
然而,你會在 HappyAddon 的官方網站上找到一堆漂亮的推薦設計。 您可以在 Elementor 網站上使用任何這些設計,只需複制粘貼即可。 僅僅因為 HappyAddons 為您提供了直接從大量 HappyAddons 演示中導入網站上預製設計的靈活性。

輕鬆自定義您的推薦頁面設計
確保您已在 Elementor 網站上成功安裝 HappyAddons。 然後像任何其他 WordPress 插件一樣激活它。 這確實只需要幾秒鐘。 現在按照以下步驟設計您的推薦部分。
第 1 步:拖放推薦小部件
首先,在 Elementor 編輯器上打開一個部分,然後搜索 HappyAddons 的 Testimonial 小部件。 並將此元素包含在您的設計中。

添加小部件後,您將獲得如下圖所示的編輯面板:

在這裡,您可以添加圖片、描述以及審閱者姓名和職位。

您還可以從編輯器面板編輯圖像大小、佈局、對齊方式等。

第 2 步:設計您的“推薦”部分
接下來,單擊樣式選項卡並開始以您自己的方式自定義您的設計。 在這裡,您有機會修改您想要的所有內容,包括邊框設計、圖像表示、文本顏色、排版等等。

第 3 步:讓您的設計具有獨特的風格
現在繼續前進並檢查“高級”選項卡。 此高級部分包括一系列出色的功能,可將您的設計提升到一個新的水平。

在這裡,您會找到快樂的功能 - 允許您在 Elementor 小部件上應用顯示條件。 另一個驚人的功能稱為快樂效果。 使用此功能,您可以為任何 Elementor 小部件創建令人驚嘆的動畫。 還有更多的探索。
獎勵:使用推薦輪播美化您的頁面設計(專業版)
Testimonial Carousel 讓您的設計具有獨特的外觀,並通過在漂亮的旋轉木馬中顯示推薦來使其脫穎而出。 您可以按照我們上面提到的相同方式獲取此小部件。 然後使用編輯器面板上的可用設計工具根據您的要求自定義設計。

您可能還想閱讀:如何使用推薦旋轉木馬改進網站設計。
網站推薦最佳實踐和提示
客戶評價只是對任何業務、服務或產品的誠實評論。 在建立對客戶的信任和改進方面是壓倒性的。
假設您正在製作個人和商業網站。 您的客戶可能會給出 5 星評級和說明您為什麼最適合他們的消息。 這可能會影響您的訪客與您合作。 此外,他們可以通過評論提出一些改進或他們的需求。 這將有助於您計劃下一個營銷策略。 因此,這是一個雙贏的局面!
網站推薦的類型

客戶推薦可以以多種格式出現,常見的模式是:
引文:這些推薦信通常會強調為什麼您對他們來說是最好的,以及您為客戶提供的好處是什麼。
同行評議:同行評議通常會激發潛在客戶對您的行為的看法。 它管理與您的目標客戶的更多互動。
個人評論:社交媒體中的個人評論,用戶花費很少的時間作為反饋。 影響比想像的要大。 在這個社交媒體領域,人們會在對您感到滿意並表示忠誠時發表評論。
影響者推薦:如果有任何社會影響者給出評論,那就太神奇了。 影響者推薦書本身就是您的服務或產品的廣告和質量證明。

採訪:這很棘手。 但是,當您通過採訪將其表達為客戶的成功故事之類的故事時,它會在很大程度上提高您的品牌聲譽。 一個簡單的講故事的視頻或小內容就足夠了。
參考:滿意的人會向他們的社區介紹您的服務,或提供有關他們滿意度的信息。 它會影響未來的客戶。 推薦影響人們的購買。
視頻推薦:人們只有在對從你那裡得到的東西感到不知所措並且過於興奮時才會給出這個推薦。 大多數人提供與旅行和旅遊業相關的業務和服務的推薦信,如酒店、自然景點、海灘、公園等。
設計出色的 Web 推薦頁面的技巧
- 允許訪問者在推薦頁面中使用過濾器
- 盡可能簡單地設計頁面以接收盡可能多的推薦
- 接受社交媒體推薦的設計
- 通過寫作選項為您的服務使用評級(如 5 星)選項
- 包括真實圖像、徽標或人臉
- 使用高質量的圖像
- 盡量讓客戶照片看起來更好看
以吸引人的方式設計您的推薦頁面
即使在幾年前,製作網站也有點複雜。 但是今天它變得如此簡單,您無需聘請開發人員就可以自己完成所有工作。 WordPress 實現了這一點——像 Elementor 這樣的頁面構建器進一步擴展了這個概念。 它可以讓您在不到 10 分鐘的時間內建立您夢想中的網站。
但是,推薦書證明了您為客戶所做的專業知識以及他們作為回報所表現出的感激之情。 這就是為什麼它是您的商業網站的重要組成部分。 使用 Elementor,您可以非常輕鬆地設計您的推薦頁面。 此外,添加 HappyAddons,您將完全控制您的設計並獲得無限的設計可能性。
在那裡開始設計您的推薦頁面,如果您有一些困惑,請告訴我們。 在評論中詢問!
