10 个带有很酷的常见问题解答页面的 Divi 站点

常见问题 (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 模块元素，你可以设计（以及如何设计）
• 治疗师常见问题页面
• 会计师常见问题页面
• 撰稿人常见问题页面
• 加密货币常见问题页面
• 医生办公室常见问题解答页面

我们希望听到您的意见。 这些带有很酷的常见问题解答页面的网站中哪些是您的最爱？ 让我们在评论中知道。