Додавання форм на сторінки.

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

Тут ви розміщуєте форму реєстрації поруч із повідомленням в одному розділі. Форма це блок Drupal, тож так можна розмістити будь-яку відкриту вебформу. Використовуйте цю сторінку для форми всередині наявної сторінки. Для повної сторінки із адресою, картою й годинами роботи виконайте посібник Створення сторінки контактів.

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

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

  • Ваша роль має дозвіл 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 показує помилку, див. Зміни не зберігаються.

Що далі?