---
url: 'https://dxpr.com/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BF%D0%BE%D1%81%D1%96%D0%B1%D0%BD%D0%B8%D0%BA%D0%B8/%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B0-%D1%87%D0%B0%D1%81%D1%82%D0%B8%D1%85-%D0%B7%D0%B0%D0%BF%D0%B8%D1%82%D0%B0%D0%BD%D1%8C'
title: 'Створення сторінки частих запитань | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T19:58:43+00:00'
updated: '2026-10-24T20:15:47+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Тут ви створюєте сторінку частих запитань, де кожне запитання відкривається й закривається після натискання. У результаті ви маєте центрований заголовок, категорію запитань у згортальній панелі й контактний заклик до дії. Використовуйте її для короткого списку поширених запитань.'
tags:
  - 'Follow a tutorial'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T20:15:47+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Створення сторінки частих запитань'
      description: 'Тут ви створюєте сторінку частих запитань, де кожне запитання відкривається й закривається після натискання. У результаті ви маєте центрований заголовок, категорію запитань у згортальній панелі й контактний заклик до дії. Використовуйте її для короткого списку поширених запитань.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T19:58:43+0000'
      dateModified: '2026-10-24T20:15:47+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BF%D0%BE%D1%81%D1%96%D0%B1%D0%BD%D0%B8%D0%BA%D0%B8/%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B0-%D1%87%D0%B0%D1%81%D1%82%D0%B8%D1%85-%D0%B7%D0%B0%D0%BF%D0%B8%D1%82%D0%B0%D0%BD%D1%8C'
      articleSection: 'Покрокові інструкції'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BF%D0%BE%D1%81%D1%96%D0%B1%D0%BD%D0%B8%D0%BA%D0%B8/%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B0-%D1%87%D0%B0%D1%81%D1%82%D0%B8%D1%85-%D0%B7%D0%B0%D0%BF%D0%B8%D1%82%D0%B0%D0%BD%D1%8C'
      description: 'Тут ви створюєте сторінку частих запитань, де кожне запитання відкривається й закривається після натискання. У результаті ви маєте центрований заголовок, категорію запитань у згортальній панелі й контактний заклик до дії. Використовуйте її для короткого списку поширених запитань.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/uk'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: uk
---
[Help Center](/uk/hc)/[Documentation](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F) /[Вивчення DXPR Builder](/uk/hc/documentation/learn-dxpr-builder) /[Створення сторінок](/uk/hc/documentation/learn-dxpr-builder/build) /[Покрокові інструкції](/uk/hc/documentation/learn-dxpr-builder/tutorials/overview) # Створення сторінки частих запитань.

 Вивчення DXPR BuilderСтворення сторінокПокрокові інструкції

   ## In this guide

 Related guides

- [Додавання згортальної панелі](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BC%D0%B0%D0%BA%D0%B5%D1%82/%D0%B7%D0%B3%D0%BE%D1%80%D1%82%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0-%D0%BF%D0%B0%D0%BD%D0%B5%D0%BB%D1%8C)
- [Додавання панелі вкладок](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BC%D0%B0%D0%BA%D0%B5%D1%82/%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82-%D0%B2%D0%BA%D0%BB%D0%B0%D0%B4%D0%BE%D0%BA)
- [Створення сторінки контактів](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BF%D0%BE%D1%81%D1%96%D0%B1%D0%BD%D0%B8%D0%BA%D0%B8/%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B0-%D0%BA%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D1%96%D0%B2)
- [Створення бази знань](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BF%D0%BE%D1%81%D1%96%D0%B1%D0%BD%D0%B8%D0%BA%D0%B8/%D0%B1%D0%B0%D0%B7%D0%B0-%D0%B7%D0%BD%D0%B0%D0%BD%D1%8C)

Тут ви створюєте сторінку частих запитань, де кожне запитання відкривається й закривається після натискання. У результаті ви маєте центрований заголовок, категорію запитань у згортальній панелі й контактний заклик до дії. Використовуйте її для короткого списку поширених запитань. Для довідкових статей, згрупованих за темами, натомість виконайте посібник [Створення бази знань](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BF%D0%BE%D1%81%D1%96%D0%B1%D0%BD%D0%B8%D0%BA%D0%B8/%D0%B1%D0%B0%D0%B7%D0%B0-%D0%B7%D0%BD%D0%B0%D0%BD%D1%8C).

Відео створює часті запитання оздоровчої клініки.

  ## Перед початком

- Ваша роль має дозвіл **Edit with DXPR Builder**.
- Сторінка відкрита в конструкторі. Для нової перейдіть до **Content** > **Add content** > **Landing Page** (`/node/add/landing_page`) і натисніть **Save**.
- Нові елементи й нові перемикачі стають угорі свого контейнера. Додавайте запитання від останнього до першого або потім перетягніть їх на місце.

## Крок 1: додавання заголовка

1. Натисніть **Add Elements** на порожній сторінці й виберіть **Section** на вкладці **Layout**.
2. Наведіть курсор на розділ і відкрийте **More** > **Settings**. У розділі **HTML classes** виберіть **Align text center**, потім натисніть **Save**.
3. Натисніть **+** на розділі й виберіть **Text** на вкладці **Content**.
4. Введіть «Frequently asked questions» і встановіть його на **Heading 2** з панелі інструментів. Додайте один рядок про те, що охоплює сторінка, потім натисніть **Save**. Тема виводить заголовок сторінки як Heading 1 сторінки. Щоб натомість зробити цей заголовок Heading 1, див. [Створення SEO-дружніх сторінок](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BF%D0%BE%D1%81%D1%96%D0%B1%D0%BD%D0%B8%D0%BA%D0%B8/seo#step-1-start-the-content-at-heading-2).

## Крок 2: додавання категорії із запитаннями

1. Наведіть курсор на розділ і натисніть **Add Section Below**.
2. Натисніть **+** на новому розділі й виберіть **Collapse panel** на вкладці **Layout**; спочатку вона має один порожній перемикач.
3. Відкрийте **More** > **Settings** на панелі. Увімкніть **Collapse**, щоб кожне запитання починалося закритим, установіть **Expand icon** на **+**, потім натисніть **Save**.
4. Відкрийте **More** > **Settings** на перемикачі, введіть запитання як його **Toggle title** і натисніть **Save**. Нові перемикачі стають угорі, тож почніть із останнього запитання.
5. Натисніть запитання, щоб відкрити його вміст, натисніть **+** усередині нього й виберіть **Text**. Введіть відповідь і натисніть **Save**.
6. Натисніть **Add toggle** на панелі й повторіть кроки 4 і 5 для кожного запитання, рухаючись угору до першого.
7. Натисніть **+** на розділі ще раз і виберіть **Text**; він стане над панеллю. Введіть назву категорії як **Heading 2** і натисніть **Save**.

Орієнтуйтеся на 3-6 запитань на категорію.

## Крок 3: додавання контактного заклику до дії

1. Додайте третій розділ за допомогою **Add Section Below** і відкрийте його **More** > **Settings**. Виберіть **Align text center** у розділі **HTML classes** і світло-сірий **Background** на панелі **Style**. Натисніть **Save**.
2. Натисніть **+** на розділі й виберіть **Button**. Установіть **Title** на «Contact us», **Link** на `/contact`, **Type** на **Primary** і **Size** на **Large**, потім натисніть **Save**.
3. Натисніть **+** знову й виберіть **Text**; він стане над кнопкою. Введіть «Still have questions?» як **Heading 2**, додайте один рядок, що вказує на вашу команду, потім натисніть **Save**.

## Крок 4: збереження й попередній перегляд

1. Натисніть **Save** на панелі інструментів конструктора.
2. Відкрийте меню перегляду (**піктограма ока**) і виберіть **Preview**.

## Далі

Не показано у відео:

- **More categories**: повторіть крок 2 для кожної категорії, по одному розділу й одній згортальній панелі на кожну. Поширені: Getting started, Account and billing, Features, Troubleshooting і Privacy and security.
- **Tabs instead of sections**: за малої кількості категорій додайте елемент **Tabs** на вкладці **Layout**, по одній вкладці на категорію, і розмістіть згортальну панель усередині кожної вкладки. Кожна категорія лишається під рукою без гортання.

## Поради щодо SEO

- Використовуйте справжнє запитання як **Toggle title**
- Відповідайте в першому реченні, потім додайте деталі
- Дайте відповідям посилання на сторінки, яких вони стосуються
- Додайте структуровані дані FAQ через вашу тему або модуль Drupal

## Що ви бачите

Заголовок відцентровано вгорі. Під заголовком категорії кожне запитання закрите й показує **+**. Натискання відкриває відповідь, а завершальна смуга пропонує кнопку **Contact us**.

## Якщо сторінка виглядає не так, як показано

- **Усі запитання починаються відкритими.** **Collapse** вимкнено на згортальній панелі. Відкрийте **More** > **Settings** панелі, увімкніть **Collapse** і натисніть **Save**.
- **Усередині перемикача немає +.** Перемикач закрито. Натисніть запитання, щоб відкрити його, потім натисніть **+** усередині.
- **Запитання з’являються в неправильному порядку.** Нові перемикачі стають угорі панелі. Перетягніть кожен перемикач на місце за ручку перетягування на його панелі керування.
- **Ваші зміни зникли після перезавантаження.** Ви покинули сторінку, не натиснувши **Save** на панелі інструментів конструктора. Якщо Save показує помилку, див. [Зміни не зберігаються](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D1%83%D1%81%D1%83%D0%BD%D0%B5%D0%BD%D0%BD%D1%8F-%D0%BD%D0%B5%D1%81%D0%BF%D1%80%D0%B0%D0%B2%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9/%D0%B7%D0%B1%D0%B5%D1%80%D0%B5%D0%B6%D0%B5%D0%BD%D0%BD%D1%8F-%D0%BD%D0%B5-%D0%B2%D0%B4%D0%B0%D1%94%D1%82%D1%8C%D1%81%D1%8F).

## Що далі?

- [Елемент згортальної панелі](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BC%D0%B0%D0%BA%D0%B5%D1%82/%D0%B7%D0%B3%D0%BE%D1%80%D1%82%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0-%D0%BF%D0%B0%D0%BD%D0%B5%D0%BB%D1%8C) для кожного налаштування згортальної панелі
- [Елемент вкладок](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BC%D0%B0%D0%BA%D0%B5%D1%82/%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82-%D0%B2%D0%BA%D0%BB%D0%B0%D0%B4%D0%BE%D0%BA) для макетів із вкладками
- [Сторінка контактів](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BF%D0%BE%D1%81%D1%96%D0%B1%D0%BD%D0%B8%D0%BA%D0%B8/%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B0-%D0%BA%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D1%96%D0%B2) для сторінки, на яку посилається кнопка
- [База знань](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BF%D0%BE%D1%81%D1%96%D0%B1%D0%BD%D0%B8%D0%BA%D0%B8/%D0%B1%D0%B0%D0%B7%D0%B0-%D0%B7%D0%BD%D0%B0%D0%BD%D1%8C), щоб створювати довідкові розділи з більшою структурою