--- 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/%D1%80%D0%B5%D0%B4%D0%B0%D0%B3%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F/%D0%B2%D0%B8%D0%B1%D1%96%D1%80-%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B0' title: 'Знаходьте й додавайте елемент | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T19:59:00+00:00' updated: '2026-10-24T20:08:10+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Кожен доданий вами елемент надходить із засобу вибору елементів, діалогу з п’ятьма вкладками: Макет, Вміст, Блоки Drupal, Види Drupal і ваші збережені шаблони. Тут ви дізнаєтеся, що містить кожна вкладка і як швидко знайти елемент. У прикладі відвідано кожну вкладку й додано кнопку з вкладки Вміст. tags: - 'Edit a 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: 'Знаходьте й додавайте елемент' description: |- Кожен доданий вами елемент надходить із засобу вибору елементів, діалогу з п’ятьма вкладками: Макет, Вміст, Блоки Drupal, Види 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:00+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/%D1%80%D0%B5%D0%B4%D0%B0%D0%B3%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F/%D0%B2%D0%B8%D0%B1%D1%96%D1%80-%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B0' 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/%D1%80%D0%B5%D0%B4%D0%B0%D0%B3%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F/%D0%B2%D0%B8%D0%B1%D1%96%D1%80-%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B0' description: |- Кожен доданий вами елемент надходить із засобу вибору елементів, діалогу з п’ятьма вкладками: Макет, Вміст, Блоки Drupal, Види 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/editing) # Знаходьте й додавайте елемент. Вивчення 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/%D1%80%D0%B5%D0%B4%D0%B0%D0%B3%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F/%D0%BF%D0%B5%D1%80%D0%B5%D1%82%D1%8F%D0%B3%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%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/%D1%80%D0%B5%D0%B4%D0%B0%D0%B3%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F/%D1%80%D0%B5%D0%B4%D0%B0%D0%B3%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F-%D1%82%D0%B5%D0%BA%D1%81%D1%82%D1%83-%D0%BD%D0%B0-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D1%86%D1%96) Кожен доданий вами елемент надходить із засобу вибору елементів, діалогу з п’ятьма вкладками: Макет, Вміст, Блоки Drupal, Види Drupal і ваші збережені шаблони. Тут ви дізнаєтеся, що містить кожна вкладка і як швидко знайти елемент. У прикладі відвідано кожну вкладку й додано кнопку з вкладки **Вміст**. ## Відкривання засобу вибору 1. Натисніть **Додати елементи** у порожній області вмісту й на вкладці **Макет** виберіть **Розділ**. 2. Натисніть **+** на розділі: засіб вибору відкриється знову. Вибране зараз потрапить до цього розділу нагору. ## Перегляд п’яти вкладок 1. Натисніть **Макет**: Розділ, Рядок, Вкладки, Згортана панель, Карусель і Позиціоновані шари. 2. Натисніть **Вміст**: текстові, медійні й інтерактивні елементи з полем **Пошук**. 3. Натисніть **Блоки Drupal**: блоки вашого сайта з **Фільтрувати за категорією** і полем пошуку. 4. Натисніть **Види Drupal**: кожен показ ваших увімкнутих видів із **Фільтрувати за тегом** і полем пошуку. 5. Натисніть **Збережені шаблони**: ваші приватні й глобальні шаблони з **Фільтрувати за користувачем**, **Фільтрувати за типом** і полем пошуку. Кожна вкладка, крім **Макет**, має поле **Пошук**: введіть частину назви, щоб відфільтрувати цю вкладку. ## Додавання елемента 1. Знову на вкладці **Вміст** виберіть **Кнопку**: діалог її налаштувань відкриється одразу. 2. Введіть **Заголовок**, задайте **Посилання**, залиште **Тип** на «Основний» і натисніть **Зберегти**. 3. Натисніть **Зберегти** на панелі інструментів. ## Елементи вмісту | Елемент | Призначення | |---|---| | Сповіщення | Сповіщення Bootstrap | | Цитата | Оформлена цитата | | Кнопка | Оформлена кнопка з посиланням | | Картка | Картка з шапкою, заголовком і вмістом | | Круговий лічильник | Кругова анімація прогресу | | Таймер зворотного відліку | Відлік дати й часу | | Числовий лічильник | Анімоване число, що рахує | | HTML | Вихідний код HTML | | Значок | Значок із бібліотеки значків | | Зображення | Одне зображення з посиланням і альтернативним текстом | | Карусель зображень | Обертова галерея зображень | | Джамботрон | Великий банер із заголовком і лідом | | Посилання | Оформлене посилання | | Карта | Вбудовування Карт Google | | Біжучий рядок | Рухома смуга зображень | | Панель | Панель із межами й заголовком | | Індикатор прогресу | Анімований індикатор прогресу | | Роздільник | Горизонтальна лінія | | Текст | Форматований текст із вбудованим редагуванням | | Локальне відео | Відеофайл на власному хостингу | | Відео | Вбудоване відео (YouTube, Vimeo) | | Посилання на соцмережі | Посилання-значки соцмереж | ## Що ви бачите Більшість елементів відкривають діалог своїх налаштувань, щойно ви їх вибираєте. Картка, Роздільник і Панель потрапляють на сторінку одразу, як і Розділ, Рядок, Вкладки й Згортана панель. Карусель і Позиціоновані шари спочатку відкривають свої налаштування. Новий елемент лежить угорі розділу або стовпця, який ви натиснули; перетягніть його нижче, якщо йому місце далі. ## Якщо ви не бачите елемента - **Елемента бракує на вкладці.** Ваш профіль користувача його приховує. Адміністратор позначає його в розділі **Елементи** у профілі за адресою **DXPR Studio** > **DXPR Builder** > **Профілі користувачів**(`/admin/dxpr_studio/dxpr_builder/profile`). Профіль називає деякі елементи інакше: **Separator** це Роздільник, **Counter** це Числовий лічильник, **Countdown** це Таймер зворотного відліку, а **Blockquote** це Цитата. - **Бракує нового блока або показу виду.**Якщо прапорець **Check/Uncheck all Blocks**або **Check/Uncheck all Views** профілю не позначено, профілі користувачів не додають нові блоки й покази самі. Адміністратор позначає його в розділі **Блоки** або **Види** того самого профілю. - **Вкладки «Блоки Drupal» немає.** Конструктор перелічує блоки, лише коли модуль Drupal **Block Content**увімкнено. Увімкніть його в розділі **Розширити**(`/admin/modules`). - **«Збережені шаблони» порожні.** Ще нічого не збережено. Виберіть **Зберегти як шаблон** у меню **Більше** елемента; див. [Шаблони користувача](/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-%D0%BA%D0%BE%D1%80%D0%B8%D1%81%D1%82%D1%83%D0%B2%D0%B0%D1%87%D0%B0). ## Що далі? - [Перетягуйте елементи на місце](/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%B5%D0%B4%D0%B0%D0%B3%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F/%D0%BF%D0%B5%D1%80%D0%B5%D1%82%D1%8F%D0%B3%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%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/%D1%80%D0%B5%D0%B4%D0%B0%D0%B3%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F/%D1%80%D0%B5%D0%B4%D0%B0%D0%B3%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F-%D1%82%D0%B5%D0%BA%D1%81%D1%82%D1%83-%D0%BD%D0%B0-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D1%86%D1%96): вводьте й форматуйте текст без діалогу. - [Елементи](/hc/documentation/learn-dxpr-builder/elements): що робить кожен елемент і як його налаштувати.