---
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%B4%D0%B5%D0%BC%D0%BE-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B8'
title: 'Спробуйте DXPR Builder з демо-сторінками | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T19:57:20+00:00'
updated: '2026-10-24T20:08:10+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  Ознайомтеся з DXPR Builder на вже створених сторінках, перш ніж робити
  власні. Можна скористатися розміщеним демо, демо-сторінками, що постачаються з
  DXPR CMS, або рецептом QA-демо на тестовому сайті. Окремого пакета
  «простого демо» немає; ця сторінка охоплює всі три.
tags:
  - 'Install and update'
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 CMS, або рецептом QA-демо на тестовому сайті. Окремого пакета
        «простого демо» немає; ця сторінка охоплює всі три.
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T19:57:20+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%B4%D0%B5%D0%BC%D0%BE-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B8'
      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%B4%D0%B5%D0%BC%D0%BE-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B8'
      description: |-
        Ознайомтеся з DXPR Builder на вже створених сторінках, перш ніж робити
        власні. Можна скористатися розміщеним демо, демо-сторінками, що постачаються з
        DXPR CMS, або рецептом QA-демо на тестовому сайті. Окремого пакета
        «простого демо» немає; ця сторінка охоплює всі три.
      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/install) # Спробуйте 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 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)
- [Створення сторінки з шаблону](/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%B1%D0%B0%D0%B3%D0%B0%D1%82%D0%BE%D1%80%D0%B0%D0%B7%D0%BE%D0%B2%D1%96-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%B8/%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%B8-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA)

Ознайомтеся з DXPR Builder на вже створених сторінках, перш ніж робити власні. Можна скористатися розміщеним демо, демо-сторінками, що постачаються з DXPR CMS, або рецептом QA-демо на тестовому сайті. Окремого пакета «простого демо» немає; ця сторінка охоплює всі три.

| Я хочу… | Використовуйте | Потрібно |
|---|---|---|
| спробувати редактор, нічого не встановлюючи | [Розміщене демо](#the-hosted-demo) | Браузер |
| розпочати справжній сайт із кількома сторінками-прикладами | [Демо-сторінки DXPR CMS](#dxpr-cms-demo-pages) | Новий сайт DXPR CMS |
| перевірити кожен елемент на сайті розробки | [Рецепт QA-демо](#apply-the-qa-demo-recipe) | Сайт розробки з DXPR CMS |

## Розміщене демо

[try.dxpr.com](https://try.dxpr.com/) це живе демо за посиланням із README модуля. З вашого боку нічого не встановлюється. Демо залишається активним, поки ви ним користуєтеся, і видаляється після 6 годин без активності, тож не тримайте там роботу.

## Демо-сторінки DXPR CMS

DXPR CMS імпортує три елементи Landing Page під час встановлення: **Home**, **Page** і **Contact Us**. Вона робить `/home` головною сторінкою й надає **Редагувати за допомогою DXPR Builder** ролям content administrator, site builder і content editor. Виконайте [Новий сайт на 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); окремого кроку демо немає.

## Застосування рецепта QA-демо

Модуль містить рецепт Drupal за адресою `recipes/dxpr_builder_qa_demo`з назвою **DXPR Builder QA Demo Content**. Він встановлює `dxpr_builder_block`, задає головну сторінку як `/tour` та імпортує 75 елементів Landing Page. Блоки, медіа, файли й посилання меню, які вони використовують, надходять разом із ними. Кожна сторінка показує одну функцію: елемент, тло розділу, блоки й види Drupal, шаблони або переклад.

Демо-сторінки потребують типу вмісту **Landing Page** з його полем `field_content` і медіатипом **Image**, як їх має DXPR CMS. Застосовуйте рецепт до сайту розробки, ніколи до робочого: він замінює вашу головну сторінку.

1. З кореня проєкту застосуйте рецепт. Скоригуйте шлях, якщо ваші модулі містяться в іншому місці:

    ```bash
    drush recipe:apply web/modules/contrib/dxpr_builder/recipes/dxpr_builder_qa_demo

    ```
2. Перебудуйте кеші:

    ```bash
    drush cache:rebuild

    ```
3. Відкрийте головну сторінку сайта.

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

Головна сторінка показує сторінку **Tour**, що відкривається словами «Meet DXPR Builder». Увійдіть під обліковим записом із дозволом **Редагувати за допомогою DXPR Builder** і наведіть вказівник на демо-сторінку, щоб показати її панелі керування. Відкрийте **Більше** на елементі й виберіть **Налаштування**, щоб побачити, як його налаштовано. Демо-сторінки це звичайний вміст: редагуйте, знімайте з публікації або видаляйте їх у розділі **Вміст**.

## Якщо ви не бачите демо-сторінок

- **Рецепт зупиняється з помилкою, перш ніж щось імпортувати.** Сайту бракує типу вмісту Landing Page або медіатипу Image, які використовують демо-сторінки. Застосуйте рецепт на сайті DXPR CMS.
- **Drush повідомляє, що команду «recipe:apply» не визначено.** Рецепти потребують Drupal 10.3 або новіший. Оновіть ядро Drupal, потім застосуйте рецепт знову.
- **Головна сторінка досі показує вашу стару головну сторінку.** Кеш сторінки досі її тримає. Виконайте `drush cache:rebuild` і перезавантажте.
- **Демо-сторінки не показують панелей керування.** Вашій ролі бракує дозволу **Редагувати за допомогою DXPR Builder**. Надайте його в розділі **Люди** &gt; **Дозволи** (`/admin/people/permissions`).

## Що далі?

- [Створіть свою першу сторінку](/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 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): повне встановлення 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%B1%D0%B0%D0%B3%D0%B0%D1%82%D0%BE%D1%80%D0%B0%D0%B7%D0%BE%D0%B2%D1%96-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%B8/%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%B8-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA): починайте нові сторінки з шаблонів замість демо-вмісту.