--- 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%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B8/html-%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82' title: 'Додавання елемента HTML | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T19:57:49+00:00' updated: '2026-10-24T20:08:10+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Ви отримуєте місце на сторінці, де виконується ваш власний код, наприклад допис із соцмереж або віджет бронювання. Використовуйте його, коли для вбудовування від стороннього сервісу чи власної розмітки немає відповідного елемента.' tags: - 'Text and media' 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: 'Додавання елемента HTML' description: 'Ви отримуєте місце на сторінці, де виконується ваш власний код, наприклад допис із соцмереж або віджет бронювання. Використовуйте його, коли для вбудовування від стороннього сервісу чи власної розмітки немає відповідного елемента.' 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:49+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%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B8/html-%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82' 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%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B8/html-%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82' description: 'Ви отримуєте місце на сторінці, де виконується ваш власний код, наприклад допис із соцмереж або віджет бронювання. Використовуйте його, коли для вбудовування від стороннього сервісу чи власної розмітки немає відповідного елемента.' 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/elements) /[Текст і медіа](/uk/hc/documentation/learn-dxpr-builder/elements/text-and-media) # Додавання елемента HTML. Вивчення 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%BD%D0%B0%D0%BB%D0%B0%D1%88%D1%82%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F-%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D1%96%D0%B2/%D0%B2%D0%BA%D0%BB%D0%B0%D0%B4%D0%BA%D0%B0-%D1%81%D1%82%D0%B8%D0%BB%D1%8E) Ви отримуєте місце на сторінці, де виконується ваш власний код, наприклад допис із соцмереж або віджет бронювання. Використовуйте його, коли для вбудовування від стороннього сервісу чи власної розмітки немає відповідного елемента. ## Додавання елемента HTML Відкрийте свою сторінку, увійшовши до сайта: елементи керування конструктором з’являються, коли ви наводите вказівник на область вмісту. Основи показує сторінка [Ваша перша сторінка](/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). 1. Наведіть вказівник на стовпець і натисніть **+** на його панелі керування або натисніть **Додати елементи** на порожній сторінці. Відкрийте вкладку **Вміст** і натисніть **HTML**. Він з’явиться вгорі стовпця, і відкриється діалог його налаштувань. 2. Скопіюйте код для вбудовування з параметра «Вбудувати» або «Поділитися» цього сервісу. Вставте його в редактор **Вихідний HTML**. 3. Натисніть **Зберегти** у діалозі. Потім натисніть **Зберегти** на панелі інструментів угорі області вмісту, щоб зберегти сторінку. ## Що ви бачите Ваше вбудовування працює в редакторі, щойно ви натискаєте **Зберегти** в діалозі, бо конструктор виконує його скрипт і там. У відео календар Google зі святами США показується, щойно діалог закривається. Відвідувачі побачать його, коли ви збережете сторінку й її буде опубліковано. ## Налаштування елемента HTML Наведіть вказівник на елемент і відкрийте **Більше > Налаштування** на його панелі керування. Параметри: - **Вихідний HTML:** редактор коду для ваших HTML, CSS або JavaScript. Скрипти виконуються в редакторі й на опублікованій сторінці. - **Ідентифікатор HTML:** необов’язковий ідентифікатор, щоб звертатися до елемента через CSS або JavaScript. - **Класи HTML:** необов’язкові класи CSS для обгортки елемента. ## Якщо ви його не бачите - **Елемента HTML немає на вкладці «Вміст».** Ваш профіль користувача його приховує. Попросіть адміністратора увімкнути його в розділі [Профілі користувачів](/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%B0%D0%B4%D0%BC%D1%96%D0%BD%D1%96%D1%81%D1%82%D1%80%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F/%D0%BF%D1%80%D0%BE%D1%84%D1%96%D0%BB%D1%96-%D0%BA%D0%BE%D1%80%D0%B8%D1%81%D1%82%D1%83%D0%B2%D0%B0%D1%87%D1%96%D0%B2). - **Він зник після перезавантаження.** Сторінку не було збережено. Додайте його знову й натисніть **Зберегти** на панелі інструментів угорі області вмісту. - **Вбудовування показується як звичайний текст або неоформлена цитата.** Скрипт вбудовування ще не завантажився, або бракує його рядка `