---
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/%D0%B4%D0%BE%D0%B4%D0%B0%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F-%D1%84%D0%BE%D1%80%D0%BC'
title: 'Додавання форм на сторінки | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T19:59:42+00:00'
updated: '2026-10-24T20:15:47+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Тут ви розміщуєте форму реєстрації поруч із повідомленням в одному розділі. Форма це блок Drupal, тож так можна розмістити будь-яку відкриту вебформу. Використовуйте цю сторінку для форми всередині наявної сторінки.'
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: 'Тут ви розміщуєте форму реєстрації поруч із повідомленням в одному розділі. Форма це блок Drupal, тож так можна розмістити будь-яку відкриту вебформу. Використовуйте цю сторінку для форми всередині наявної сторінки.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T19:59:42+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/%D0%B4%D0%BE%D0%B4%D0%B0%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F-%D1%84%D0%BE%D1%80%D0%BC'
      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/%D0%B4%D0%BE%D0%B4%D0%B0%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F-%D1%84%D0%BE%D1%80%D0%BC'
      description: 'Тут ви розміщуєте форму реєстрації поруч із повідомленням в одному розділі. Форма це блок Drupal, тож так можна розмістити будь-яку відкриту вебформу. Використовуйте цю сторінку для форми всередині наявної сторінки.'
      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%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)
- [Додавання блока Drupal на сторінку](/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%96%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D1%96%D1%97/%D0%B1%D0%BB%D0%BE%D0%BA%D0%B8-drupal)

Тут ви розміщуєте форму реєстрації поруч із повідомленням в одному розділі. Форма це блок Drupal, тож так можна розмістити будь-яку відкриту вебформу. Використовуйте цю сторінку для форми всередині наявної сторінки. Для повної сторінки із адресою, картою й годинами роботи виконайте посібник [Створення сторінки контактів](/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).

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

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

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

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

1. Натисніть **Add Elements** на порожній сторінці й виберіть **Section** на вкладці **Layout**.
2. Наведіть курсор на розділ і відкрийте **More** > **Settings**. Відкрийте панель **Style**, виберіть світло-сірий **Background** і натисніть **Save**.

## Крок 2: додавання двох стовпців

1. Натисніть **+** на розділі й виберіть **Row**. Новий рядок спочатку має два рівні стовпці, потрібний тут поділ.

## Крок 3: написання повідомлення реєстрації

1. Натисніть **+** у лівому стовпці й виберіть **Text** на вкладці **Content**.
2. Введіть «Get health tips by email» і встановіть його на **Heading 2** з панелі інструментів.
3. Додайте один рядок про те, що отримують підписники й як часто, потім натисніть **Save**.

## Крок 4: вставлення форми

1. Натисніть **+** у правому стовпці.
2. Відкрийте вкладку **Drupal Blocks**.
3. Виберіть блок вашої форми й натисніть **Save** у його діалоговому вікні налаштувань. Форма з’явиться в стовпці.

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

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

## Звідки беруться форми

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

- **Webform module**: кожна відкрита вебформа перелічена на вкладці **Drupal Blocks** як «Block: DXPR builder: Webform:» із її ім’ям. Введіть ім’я в полі **Search** або виберіть **DXPR builder** у розділі **Filter by category**.
- **Core Contact module**: його форми в розділі **Structure** > **Contact forms** не мають власного блока. Сторонній модуль Contact Block додає **Contact block** на ту саму вкладку.

## Стилізація форм

Не показано у відео. Форми набувають стилів вашої теми. Щоб змінити їх:

- Додайте класи в розділі **HTML classes** на панелі **General** блока й стилізуйте ці класи у вашій темі.
- Установіть поля й відступи навколо форми на панелі **Style** блока.

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

На сірій смузі ліворуч ваш заголовок і один рядок тексту, а праворуч форма. У попередньому перегляді форма працює так, як працюватиме для відвідувачів, а надсилання потрапляють до власних обробників форми. Виберіть **Edit** у меню перегляду, щоб продовжити роботу.

## Якщо форма не відображається

- **Вашої вебформи немає на вкладці Drupal Blocks.** Конструктор перелічує лише відкриті вебформи. Перейдіть до **Structure** > **Webforms** (`/admin/structure/webform`) і встановіть статус форми на **Open**.
- **Вкладки Drupal Blocks немає або вона порожня.** Конструктор перелічує блоки, лише коли ввімкнено модуль ядра **Block Content**. Увімкніть його в розділі **Extend** (`/admin/modules`).
- **Відвідувачі бачать порожній стовпець там, де має бути форма.** Блок ховає вебформу від людей, які не можуть її надсилати. Дозвольте їхній ролі створювати надсилання в налаштуваннях **Access** вебформи.
- **Ваші зміни зникли після перезавантаження.** Ви покинули сторінку, не натиснувши **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%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) для повної сторінки з формою, картою й годинами роботи
- [Блоки Drupal](/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%96%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D1%96%D1%97/%D0%B1%D0%BB%D0%BE%D0%BA%D0%B8-drupal) для кожного блока, який можна розмістити на сторінці