目錄

FAQ頁面設計要素

FAQ頁面示例

如何設計Shopify的FAQ頁面

一、FAQ頁面設計要素

1.寫清楚簡潔的頁面。

在FAQ頁面方面，“越多越好”實際上是一種謬誤。太多的文字最終會讓人感到困惑，導致讀者不得不尋找他們需要的答案。而不是寫出冗長而有說服力的段落，最好在提供答案時直截了當，簡潔明了。

2.定期更新每個頁面。

重要的是，您擁有的每個常見問題解答頁面始終準確無誤。由于您的組織面臨產品發布和更新，您的常見問題解答頁面也應反映這些變化。這意味著您的團隊需要持續審核每個頁面并在啟動新功能后對其進行修改。

3.包括搜索欄。

雖然在單個頁面上列出所有FAQ問題或從登錄頁面鏈接到它們是有幫助的，但這種密集格式對于許多客戶來說可能最終變得乏味。很多時候，客戶會在一個FAQ頁面中出現一個問題，并且不得不滾動數十或數百個其他問題來查找他們的問題。如果他們可以訪問搜索欄，他們可以輕松搜索他們的問題或相關關鍵字以節省時間。

4.按類別組織問題。

什么也可能是乏味的是以隨機順序列出所有問題。對于有關于單個主題的幾個相關問題的客戶而言，這尤其令人沮喪。因此，如果將問題分成總體主題（例如產品，安全性和計費），將會很有幫助。

5.鏈接最重要的問題。

最好在FAQ部分的目標網頁上列出類別。但是，有些問題可能比其他問題更受歡迎。為了節省客戶更多時間，這些熱門問題應該有自己的部分，并在FAQ頁面頂部提供指向答案的鏈接。這樣，您可以維護您的分類組織，同時使您最常見的問題更易于訪問。

6.堅持基礎。

您可能希望通過有趣的顏色，主題或幽默來減輕您的常見問題頁面。這些可以根據您的組織和品牌推廣有效，但客戶不在您的常見問題解答頁面上受理。通常最好堅持基本格式和簡單的設計，可以快速訪問和輕松閱讀。

在制作您自己的常見問題頁面時，這些提示可以為您提供結構。有關設計過程的更多指導，請查看以下創建成功FAQ頁面的公司。

二、FAQ頁面示例

1. Etsy

Etsy成功地建立了一個信息豐富，直截了當，美觀的FAQ頁面。有什么好處的是，熱門文章列出了他們的首要主題名稱。單擊該文章時，您可以在左側列中訪問該主題中的其他文章。下面是更多的主題，分為兩個易于掌握的父類別。

2. ?WhatsApp

WhatsApp的FAQ頁面有一個舒緩的綠色配色方案，與其品牌形象完美契合。除此之外，這個簡單的FAQ頁面沒有多余的裝飾。有一個清晰的搜索欄，允許您輸入關鍵字。下面是廣泛的產品類別，以及三個熱門問題或主題的鏈接。您可以通過單擊相應的鏈接查看類別中的所有問題。

3. ?維基百科

維基百科有一個FAQ索引，其格式與其文章非常相似。您可以搜索頂部的所有常見問題解答，或查看“常規”和“特定”類別中的主要主題。每個主題都會帶您進入一個單獨的頁面，列出所有問題及其答案。

4. ?Shopify

Shopify的FAQ頁面是一個FAQ頁面的示例，不一定需要搜索欄。由于沒有多余的問題 – 總共只有14個 – 訪客可能根本不需要搜索他們的問題。您可以單擊左側的四個主題之一，或向下滾動以查看同一頁面上的所有問題和答案。

三、如何設計Shopify的FAQ頁面

通過2種方式可以實現，都比較簡單。

通過Shopify后臺添加頁面

通過App來實現

接下來分別演示下。

1.Shopify后臺添加FAQ頁面

第1步：登錄Shopify后臺依次點擊online store- Pages-Add page

第2步：填寫標題FAQ，內容板塊通常包括Products,Payments,Orders,Shipping&Tracking,Returns&Refunds 等等（如下圖所示，僅供參考），填寫完之后點擊‘Save’保存。

第3步：添加FAQ到店鋪導航欄或Footer。依次點擊Online store- Navigation-Footer menu/Main menu 之后Add menu item點擊保存即可，FAQ頁面就會暫時在店鋪的頂端導航欄或者底部footer了。

直接通過Shopify后臺添加FAQ頁面操作起來比較簡單，不過個人認為美觀性稍微差一點，如果需要漂亮點的界面可能要多費一番心思，當然有的Shopify主題也帶有FAQ頁面模板，直接在模板基礎上編輯就行。

2.通過Shopify app添加FAQ頁面

關于設計Shopify FAQ頁面的插件很多，包括付費的和免費的。

付費FAQ APP：

Ez FAQ-https://apps.shopify.com/ez-faq（4.99USD/月）

FAQ by POWr-https://apps.shopify.com/powr-faq （免費計劃比較雞肋，付費的最低4.49USD/月）

FAQ ? Simple FAQ & Accordions-https://apps.shopify.com/faq-frequently-asked-questions（3.99USD/月）

免費FAQ APP：

Frequently Asked Questions-https://apps.shopify.com/advanced-faqs

Help Center-https://apps.shopify.com/helpcenter

目前我主要在用Help center這款免費的 app，安裝設置都非常簡單，只需要增加相應的Products，Orders，Shipping等板塊及相應的問題答案即可，同時該應用還提供搜索框，Contact form板塊，基本已經滿足我們的要求了。下面是使用Help center的一家Shopify店鋪的FAQ界面供參考：

3.Shopify店鋪FAQ頁面模板

你可以直接通過查看競爭對手的Shopify店鋪FAQ頁面是如何設計的，從而給自己一些靈感，方法如下：

通過利用Google搜索找到競爭對手的Shopify店鋪：產品關鍵詞+空格+site:myshopify.com

通過這種方式搜索出來的店鋪就是競爭對手用Shopify建的店鋪了。

well done…（來源： Unsunl不小不大）

以上內容屬作者個人觀點，不代表本站立場！如有侵權，請聯系我們。