10 個帶有很酷的常見問題解答頁面的 Divi 站點

已發表: 2018-08-13

常見問題 (FAQ) 頁面非常適合為潛在客戶提供常見問題所需的答案。 這有助於他們了解您的專業知識，並讓他們知道會發生什麼。 有很多方法可以使用 Divi 創建常見問題解答頁面。 在本文中，我們將查看 10 個 Divi 網站，其中包含很酷的常見問題解答頁面，以幫助激發您創建下一個 Divi 網站的靈感。

常見問題頁面通常包含圖像、切換、手風琴和選項卡等元素，因為它們可以輕鬆隱藏大量信息，直到需要為止。 它們通常還包括號召性用語。 在這篇文章中，我將展示我喜歡的部分的圖像，並討論我喜歡它的哪些方面。 這些網站沒有特定的順序。 留到最後一些鏈接可以幫助您升級自己獨特的項目頁面。

1. 渦流解決方案

該站點將常見問題解答置於兩列佈局中，其中包括一側的常見問題解答和另一側的產品圖片。 切換顯示標題和按鈕的樣式以匹配站點的品牌。 切換開關放置在標題下，以幫助它們易於理解。 在問題下方是一個全寬部分，帶有大文本和一個可點擊的電話號碼，邀請讀者致電他們以獲取更多信息。

見網站

2. 全女孩剃須俱樂部

該站點將常見問題解答放在一個單欄佈局的手風琴中。 全角標題介紹頁面。 手風琴包括與網站顏色相匹配的樣式。 打開手風琴時，標題的綠色背景變為白色，文本從白色變為黑色。 接下來是一個全寬 CTA，它使用與標題類似的圖像。

見網站

3. 閃亮的女僕

該站點介紹了帶有全角圖像和兩色超大標題的頁面。 常見問題解答位於兩列佈局中，顯示主題名稱和頂部邊框，以幫助劃分一側的問題和另一側的問題。 問題放置在包含頂部邊框和样式按鈕的切換中——所有這些都與該部分的背景相融合。

見網站

4. 邋遢紳士

本網站的常見問題頁面顯示一個搜索框，其中包含電話號碼和社交圖標，後跟頁面標題。 常見問題解答使用垂直對齊的選項卡來顯示常見問題解答的主題。 選定的選項卡是白底黑字，而其他選項卡是黑底白字。 它們還包括圖標，因此您可以一目了然地知道主題是什麼。 選項卡內是顯示問題的開關，直到它們被打開。 選項卡下方是一個鏈接，您可以通過該鏈接與他們聯繫以獲取更多信息。

見網站

5.拉洛克斯

該站點介紹頁面，一側帶有標題，另一側帶有說明，並帶有指向重要頁面的鏈接。 接下來是包含四個簡介的全寬部分。 每個宣傳語都包括品牌顏色的不同陰影、一個大圖標和一個標題。 單擊它們可打開該主題的信息。 單擊常見問題解答會顯示從側面傾斜的手風琴和滑入到位的圖像。

見網站

6. 卓越的現實

該站點介紹了帶有全屏圖像背景和疊加標題信息的常見問題解答頁面。 接下來是帶有聯繫頁面鏈接的文本部分和包含手風琴內常見問題解答的兩欄部分。 手風琴的樣式為黑色文本、底部邊框和左側的箭頭。 打開手風琴會移除箭頭並將標題更改為藍色。 在 FAQ 下方是一個全角 CTA，它使用與背景相同的藍色和白色文本。

見網站

7. 菲爾西蒙

該站點介紹了具有全角部分的頁面，其中包括放置在黑色背景上的標題和描述文本，在最右側變為棕色漸變。 在此下方是一個包含兩列的部分，將主題標題放置在一側，在另一側放置描述和一組切換。 接下來是帶有圖形的全角部分和帶引號的全角部分。 這兩個部分都很纖薄，可用作分隔器。 其他常見問題部分遵循此 - 每個部分都由帶有圖形的細長部分分隔。

見網站

8. 振奮人心的品牌

此圖顯示了一張全角圖像，一側帶有手寫字體作為頁面標題。 常見問題解答以單欄佈局的手風琴形式提供。 它們顯示帶有與背景匹配的按鈕的居中標題。 打開手風琴會顯示居中對齊的文本，並在標題和文本之間包含大量空間。 接下來是一個全寬的聯繫 CTA，在背景圖片上使用相同的字體，以及鏈接到頁面的樣式圖片。 手風琴很簡單，但營造出一種與網站設計完美融合的優雅感。

見網站

9. Emlekek Konyve

這個使用與網站品牌相匹配的優雅字體和柔和的顏色。 頁面標題顯示為引用，後跟帶有指向其他有用頁面的鏈接的簡短描述。 常見問題解答顯示在切換按鈕中，並為其標題包含相同的優雅字體。 接下來是一個帶有棕褐色背景的 CTA 和一個帶有與切換按鈕和引用相匹配的背景的超寬按鈕。

見網站

10.佩里·嚴魔術

這個常見問題頁面使用了許多卡通色彩，與本網站的設計完美搭配。 標題包括頁面的標題和簡短的描述。 常見問題解答放置在單列中，一側有圖像，以直觀地表示該組問題的內容。 常見問題解答本身在切換中提供，並分為主題，主題由樣式標題分隔。 每個主題都放在不同的部分，每個部分都有不同的背景和切換顏色。 這些部分還使用樣式分隔符。 接下來是帶有紅色和藍色漸變疊加的視差 CTA。

見網站

結束的想法

這就是我們對 10 個 Divi 網站的看法，這些網站帶有很酷的常見問題解答頁面，可幫助激發您進行下一個 Divi 設計的靈感。

ET 博客上有幾篇設計和操作方法文章，涵蓋常見問題頁面和模塊，例如手風琴、切換和選項卡。 我已經包含了這些教程的鏈接以及免費的 Divi 佈局包的常見問題解答頁面。

  • 免費的 Divi 常見問題佈局包是無聊常見問題頁面設計的答案
  • Divi 如何幫助您引導訪問者瀏覽長網頁
  • 3 個可能被忽視的 Divi 模塊元素，你可以設計（以及如何設計）
  • 治療師常見問題頁面
  • 會計師常見問題頁面
  • 撰稿人常見問題頁面
  • 加密貨幣常見問題頁面
  • 醫生辦公室常見問題解答頁面

我們希望聽到您的意見。 這些帶有很酷的常見問題解答頁面的網站中哪些是您的最愛？ 讓我們在評論中知道。