10 сайтов Divi с интересными страницами часто задаваемых вопросов

Страницы с часто задаваемыми вопросами (FAQ) отлично подходят для предоставления потенциальным клиентам ответов на общие вопросы. Это поможет им понять ваш опыт и даст им понять, чего ожидать. Есть много способов создать страницы часто задаваемых вопросов с помощью Divi. В этой статье мы рассмотрим 10 сайтов Divi с интересными страницами часто задаваемых вопросов, которые вдохновят вас на создание следующего сайта Divi.

Страницы часто задаваемых вопросов обычно включают такие элементы, как изображения, переключатели, аккордеоны и вкладки, поскольку они позволяют легко скрыть большие объемы информации до тех пор, пока они не понадобятся. Они также обычно включают призыв к действию. В этом посте я покажу изображение понравившегося раздела и расскажу, что мне в нем понравилось. Веб-сайты расположены в произвольном порядке. Дождитесь до конца и найдите несколько ссылок, которые помогут вам повысить уровень вашей собственной уникальной страницы проекта.

1. Решения Эдди

На этом сайте часто задаваемые вопросы размещаются в виде двух столбцов, которые включают часто задаваемые вопросы с одной стороны и изображение продукта - с другой. Переключатели показывают заголовок и кнопку со стилем, соответствующим бренду сайта. Переключатели помещены под заголовками, чтобы облегчить их отслеживание. Под вопросами находится полноразмерный раздел с крупным текстом и интерактивным номером телефона, по которому читатель может позвонить им для получения дополнительной информации.

См. Веб-сайт

2. Клуб для бритья для девочек

На этом сайте ответы на часто задаваемые вопросы размещаются в виде гармошки в виде одной колонки. Полноразмерный заголовок представляет страницу. Аккордеон выполнен в стиле, соответствующем цветовой гамме сайта. Зеленоватый фон заголовка изменится на белый, а текст изменится с белого на черный при открытии аккордеона. Далее следует призыв к действию во всю ширину, в котором используются изображения, похожие на заголовок.

См. Веб-сайт

3. Блестящие горничные

На этом сайте представлена ​​страница с изображением во всю ширину и двухцветным очень большим заголовком в оверлее. Часто задаваемые вопросы размещены в макете из двух столбцов, который показывает название темы и верхнюю границу, чтобы помочь разделить вопросы с одной стороны и вопросы с другой. Вопросы размещаются внутри переключателей, которые включают верхнюю границу и стилизованные кнопки - все они сочетаются с фоном раздела.

См. Веб-сайт

4. Неряшливый джентльмен

На странице часто задаваемых вопросов этого сайта отображается окно поиска с номером телефона и значками социальных сетей, за которыми следует заголовок страницы. В FAQ используются выровненные по вертикали вкладки для отображения тем для FAQ. Выбранная вкладка имеет белый цвет с черным текстом, в то время как другие вкладки являются черными с белым текстом. Они также включают значки, чтобы вы могли сразу понять, о чем идет речь. На вкладках есть переключатели, отображающие вопрос до тех пор, пока они не будут открыты. Под вкладками есть ссылка, по которой вы можете связаться с ними для получения дополнительной информации.

См. Веб-сайт

5. ЛаРокс

Этот сайт представляет страницу с заголовком с одной стороны и описанием с другой со ссылками на важные страницы. Далее следует полноразмерный раздел, включающий четыре аннотации. Каждое рекламное объявление включает разные оттенки фирменных цветов, большой значок и заголовок. При нажатии на них открывается информация по этой теме. При нажатии на раздел часто задаваемых вопросов можно увидеть гармошку, которая наклоняется сбоку, и изображение, которое вставляется на место.

См. Веб-сайт

6. Реальность Xcellence

На этом сайте представлена ​​страница часто задаваемых вопросов с полноэкранным фоном изображения и информацией о заголовке в наложении. Далее следует текстовый раздел со ссылкой на страницу контактов и раздел из двух столбцов с часто задаваемыми вопросами внутри аккордеонов. Аккордеоны имеют черный текст, нижнюю границу и стрелки влево. Открытие аккордеона удаляет стрелку и меняет заголовок на синий. Под FAQ находится CTA во всю ширину, в котором используется тот же синий цвет, что и фон, и белый текст.

См. Веб-сайт

7. Фил Саймон

Этот сайт представляет страницу с полноразмерным разделом, который включает текст заголовка и описания, размещенный на черном фоне, который меняется на коричневый градиент в крайнем правом углу. Под этим находится раздел с двумя столбцами, в котором заголовок темы помещается с одной стороны, а описание и набор переключателей - с другой. Далее следует полноразмерный раздел с графикой и полноразмерный раздел с цитатой. Обе эти секции тонкие и работают как разделители. Далее следуют другие разделы часто задаваемых вопросов, каждый из которых отделен тонким разделом с графикой.

См. Веб-сайт

8. Брендинг, волнующий душу.

На нем показано полноразмерное изображение с рукописным шрифтом сбоку в качестве заголовка страницы. Часто задаваемые вопросы представлены в виде гармошки в виде одной колонки. Они показывают центрированный заголовок с кнопкой, соответствующей фону. Открытие аккордеона показывает текст с выравниванием по центру и включает много места между заголовком и текстом. Далее следует призыв к действию во всю ширину с тем же шрифтом поверх фонового изображения и стилизованные изображения, которые ссылаются на страницы. Аккордеон прост, но создает уровень элегантности, который хорошо сочетается с дизайном сайта.

См. Веб-сайт

9. Эмлекек Кониве

Здесь используются элегантные шрифты и мягкие цвета, соответствующие бренду сайта. Заголовок страницы отображается в виде цитаты, за которой следует краткое описание со ссылками на другие полезные страницы. Часто задаваемые вопросы отображаются с помощью переключателей и включают тот же элегантный шрифт для заголовков. Далее следует CTA с коричневым фоном и очень широкая кнопка с фоном, который соответствует кнопкам переключателя и цитате.

См. Веб-сайт

10. Перри Ян Мэджик

На этой странице часто задаваемых вопросов используется множество мультяшных цветов, которые идеально сочетаются с дизайном этого веб-сайта. Заголовок включает заголовок страницы и краткое описание. Часто задаваемые вопросы помещены в один столбец с изображением сбоку, чтобы наглядно представить, о чем этот набор вопросов. Сами ответы на часто задаваемые вопросы представлены в виде переключателей и разделены на темы, разделенные стилизованными заголовками. Каждая тема помещена в отдельный раздел, и каждый раздел имеет свой фон и цвета переключателей. В разделах также используются стилизованные разделители. Далее следует призыв к действию в параллаксе с наложением красного и синего градиента.

См. Веб-сайт

Конечные мысли

Это наш взгляд на 10 веб-сайтов Divi с интересными страницами часто задаваемых вопросов, которые помогут вдохновить вас на ваш следующий дизайн Divi.

В блоге ET есть несколько статей по дизайну и практических рекомендаций, которые охватывают страницы часто задаваемых вопросов и модули, такие как аккордеоны, переключатели и вкладки. Я включил ссылки на эти учебные пособия, а также на страницы часто задаваемых вопросов о бесплатных пакетах макетов Divi.

• Бесплатный пакет макетов часто задаваемых вопросов Divi - это ответ на скучный дизайн страниц часто задаваемых вопросов
• Как Divi может помочь вам направлять посетителей по длинным веб-страницам
• 3 потенциально упускаемых из виду элементов модуля Divi, которые вы могли бы стилизовать (и как)
• Страница часто задаваемых вопросов терапевта
• Страница часто задаваемых вопросов бухгалтера
• Страница часто задаваемых вопросов о копирайтере
• Страница часто задаваемых вопросов о криптовалюте
• Страница часто задаваемых вопросов в кабинете врача

Ждем вашего ответа. Какие из этих веб-сайтов с интересными страницами часто задаваемых вопросов вам больше всего нравятся? Дайте нам знать об этом в комментариях.