---
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%87%D0%B0%D1%82%D0%BE%D0%BA-%D1%80%D0%BE%D0%B1%D0%BE%D1%82%D0%B8/%D0%BE%D0%B3%D0%BB%D1%8F%D0%B4-%D0%BF%D1%80%D0%BE%D0%B4%D1%83%D0%BA%D1%82%D1%83'
title: 'Огляд DXPR Builder і вибір конфігурації | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T19:21:11+00:00'
updated: '2026-10-24T20:08:10+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  Здійсніть коротку екскурсію DXPR Builder і дізнайтеся, яке місце в ній
  посідає DXPR Theme. Ви відкриєте засіб вибору елементів, створите один
  оформлений розділ і переглянете його. Решта цієї сторінки показує, що
  дає кожен продукт, тож ви зможете вибрати між самим конструктором,
  конструктором із DXPR Theme або DXPR CMS з обома.
  У відео показано екскурсію DXPR Builder на новій порожній сторінці
  та створення одного розділу.
tags:
  - 'Build your first page'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T20:08:10+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Огляд DXPR Builder і вибір конфігурації'
      description: |-
        Здійсніть коротку екскурсію DXPR Builder і дізнайтеся, яке місце в ній
        посідає DXPR Theme. Ви відкриєте засіб вибору елементів, створите один
        оформлений розділ і переглянете його. Решта цієї сторінки показує, що
        дає кожен продукт, тож ви зможете вибрати між самим конструктором,
        конструктором із DXPR Theme або DXPR CMS з обома.
        У відео показано екскурсію DXPR Builder на новій порожній сторінці
        та створення одного розділу.
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T19:21:11+0000'
      dateModified: '2026-10-24T20:08:10+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%87%D0%B0%D1%82%D0%BE%D0%BA-%D1%80%D0%BE%D0%B1%D0%BE%D1%82%D0%B8/%D0%BE%D0%B3%D0%BB%D1%8F%D0%B4-%D0%BF%D1%80%D0%BE%D0%B4%D1%83%D0%BA%D1%82%D1%83'
      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%87%D0%B0%D1%82%D0%BE%D0%BA-%D1%80%D0%BE%D0%B1%D0%BE%D1%82%D0%B8/%D0%BE%D0%B3%D0%BB%D1%8F%D0%B4-%D0%BF%D1%80%D0%BE%D0%B4%D1%83%D0%BA%D1%82%D1%83'
      description: |-
        Здійсніть коротку екскурсію DXPR Builder і дізнайтеся, яке місце в ній
        посідає DXPR Theme. Ви відкриєте засіб вибору елементів, створите один
        оформлений розділ і переглянете його. Решта цієї сторінки показує, що
        дає кожен продукт, тож ви зможете вибрати між самим конструктором,
        конструктором із DXPR Theme або DXPR CMS з обома.
        У відео показано екскурсію DXPR Builder на новій порожній сторінці
        та створення одного розділу.
      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/start-here) /[Створення першої сторінки](/uk/hc/documentation/learn-dxpr-builder/start-here/first-steps) # Огляд DXPR Builder і вибір конфігурації.

 Вивчення 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%BF%D0%BE%D1%87%D0%B0%D1%82%D0%BE%D0%BA-%D1%80%D0%BE%D0%B1%D0%BE%D1%82%D0%B8/%D0%BF%D0%B5%D1%80%D1%88%D0%B0-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B0)
- [Хто використовує DXPR Builder](/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%87%D0%BD%D1%96%D1%82%D1%8C-%D1%82%D1%83%D1%82/%D1%85%D1%82%D0%BE-%D0%BA%D0%BE%D1%80%D0%B8%D1%81%D1%82%D1%83%D1%94%D1%82%D1%8C%D1%81%D1%8F)

Здійсніть коротку екскурсію DXPR Builder і дізнайтеся, яке місце в ній посідає DXPR Theme. Ви відкриєте засіб вибору елементів, створите один оформлений розділ і переглянете його. Решта цієї сторінки показує, що дає кожен продукт, тож ви зможете вибрати між самим конструктором, конструктором із DXPR Theme або DXPR CMS з обома.

У відео показано екскурсію DXPR Builder на новій порожній сторінці та створення одного розділу.

  ## Екскурсія редактором

Почніть зі збереженої порожньої сторінки типу вмісту, на якому показано конструктор.

1. Натисніть **Додати елементи**, щоб відкрити засіб вибору елементів.
2. Перегляньте його вкладки: **Вміст**, **Блоки Drupal**, **Види Drupal**, **Збережені шаблони** і **Макет**.
3. Виберіть **Розділ** на вкладці **Макет**.
4. Наведіть вказівник на розділ, відкрийте **Більше**, виберіть **Налаштування** і вкажіть **Тло** на панелі **Стиль**.
5. Натисніть **+** на розділі, щоб додати **Рядок**, а потім додайте **Кнопку**і **Текст** до його стовпців. Виберіть **Колір шрифту** для тексту на його панелі **Стиль**.
6. Натисніть **Зберегти** на панелі інструментів, потім відкрийте меню перегляду й виберіть **Попередній перегляд**.

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

У режимі **Попередній перегляд** світло-сірий розділ показує два стовпці. У лівому містяться заголовок, рядок тексту й кнопка **Дізнатися більше**; у правому містяться фіолетовий заголовок із текстом. Попередній перегляд приховує панелі керування та кнопки з плюсом, тож ви бачите сторінку такою, якою її побачать відвідувачі.

## Що дає кожен продукт

**DXPR Builder**, модуль Drupal, з яким ви щойно ознайомилися, працює з будь-якою темою й додає:

- 22 елементи вмісту та 6 елементів макета
- Редагування на самій сторінці з попереднім переглядом
- Текст, створення сторінок і зображення від ШІ за встановлених модулів ШІ
- Шаблони сторінок і шаблони користувача для повторного використання
- Профілі користувачів, що визначають доступне кожній ролі
- Блоки та види Drupal усередині ваших макетів

**DXPR Theme**, тема Bootstrap 5 від DXPR, додає налаштування кольорів, шрифтів, верхнього колонтитула й макета сторінки та пристосовується до телефонів і планшетів. Власного ключа продукту їй не потрібно.

|  | DXPR Builder з іншою темою | DXPR Builder із DXPR Theme |
|---|---|---|
| Bootstrap 5 | З вашої теми, або для параметра **Підвантажувати файли Bootstrap** задано **Bootstrap 5** | Надається темою |
| Зразки кольорів у конструкторі | Палітра вашої теми, якщо вона її визначає | Колірна палітра DXPR Theme |
| Плавне прокручування під закріпленим верхнім колонтитулом | Укажіть у параметрі **Селектор зсуву прокручування** свій верхній колонтитул | Працює одразу після встановлення |
| Ключ продукту | Потрібен | Потрібен лише для DXPR Builder |

Обидва налаштування містяться на сторінці **Загальні налаштування** DXPR Builder у розділах **Bootstrap** і **Розширені налаштування**.

## Виберіть свою конфігурацію

| Я хочу… | Використовуйте | Потрібно |
|---|---|---|
| розпочати новий сайт з усім готовим | [DXPR CMS](/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%87%D0%B0%D1%82%D0%BE%D0%BA-%D1%80%D0%BE%D0%B1%D0%BE%D1%82%D0%B8/%D0%BD%D0%BE%D0%B2%D0%B8%D0%B9-%D1%81%D0%B0%D0%B9%D1%82-%D0%BD%D0%B0-dxpr-cms) | Новий сайт на Drupal 11 |
| додати візуальне створення сторінок на сайт, яким я вже керую | [Сам DXPR Builder](/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%87%D0%B0%D1%82%D0%BE%D0%BA-%D1%80%D0%BE%D0%B1%D0%BE%D1%82%D0%B8/%D0%B2%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BB%D0%B5%D0%BD%D0%BD%D1%8F) | Bootstrap 5 із теми або з налаштування підвантаження |
| узгодити конструктор із власною темою | DXPR Builder плюс [Темізація](/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%80%D0%BE%D0%B7%D1%80%D0%BE%D0%B1%D0%BA%D0%B0/%D1%82%D0%B5%D0%BC%D1%96%D0%B7%D0%B0%D1%86%D1%96%D1%8F) | Розробник |

Контент-маркетологи, які починають із нуля, отримають найбільше від DXPR CMS: обидва продукти й демо-сторінки надходять готовими до використання. Вебмайстри з наявним сайтом додають DXPR Builder і зберігають свою тему.

## Якщо ви не бачите засобу вибору елементів

- **На порожній сторінці показано «Виберіть шаблон», але немає кнопки «Додати елементи».** **Увімкнути помічника створення сторінок** вимкнено за адресою `/admin/dxpr_studio/dxpr_builder/ai_settings`. Натисніть **+** на панелі інструментів конструктора, щоб відкрити засіб вибору.
- **Кнопки та стовпці виглядають неоформленими.** Ваша тема не завантажує Bootstrap 5. Укажіть **Bootstrap 5** для параметра **Підвантажувати файли Bootstrap** у розділі **Bootstrap** за адресою `/admin/dxpr_studio/dxpr_builder/settings`.
- **У засобі вибору кольору немає зразків.** Ваша тема не визначає колірної палітри. Виберіть колір у самому засобі вибору або скористайтеся темою з палітрою, наприклад DXPR Theme.

## Що далі?

- [Створіть свою першу сторінку](/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%87%D0%B0%D1%82%D0%BE%D0%BA-%D1%80%D0%BE%D0%B1%D0%BE%D1%82%D0%B8/%D0%BF%D0%B5%D1%80%D1%88%D0%B0-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B0): ціла сторінка крок за кроком.
- [Хто користується DXPR Builder](/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%87%D0%BD%D1%96%D1%82%D1%8C-%D1%82%D1%83%D1%82/%D1%85%D1%82%D0%BE-%D0%BA%D0%BE%D1%80%D0%B8%D1%81%D1%82%D1%83%D1%94%D1%82%D1%8C%D1%81%D1%8F): що маркетологи, вебмайстри й розробники роблять із ним.