---
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%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'
title: 'Перетягуйте елементи на місце | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T20:07:10+00:00'
updated: '2026-10-24T20:08:10+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  Ви можете перетягати елементи, рядки й розділи, щоб
  розмістити їх там, де хочете. Переміщуйте їх угору або вниз
  стовпця, або в інший стовпець чи розділ. Нові
  елементи з’являються вгорі свого стовпця, тож перетягування
  це швидкий спосіб упорядкувати їх. У прикладі кнопку
  Book a free consultation перетягнуто під текст, до якого вона належить.
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: |-
        Ви можете перетягати елементи, рядки й розділи, щоб
        розмістити їх там, де хочете. Переміщуйте їх угору або вниз
        стовпця, або в інший стовпець чи розділ. Нові
        елементи з’являються вгорі свого стовпця, тож перетягування
        це швидкий спосіб упорядкувати їх. У прикладі кнопку
        Book a free consultation перетягнуто під текст, до якого вона належить.
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T20:07:10+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%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'
      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%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'
      description: |-
        Ви можете перетягати елементи, рядки й розділи, щоб
        розмістити їх там, де хочете. Переміщуйте їх угору або вниз
        стовпця, або в інший стовпець чи розділ. Нові
        елементи з’являються вгорі свого стовпця, тож перетягування
        це швидкий спосіб упорядкувати їх. У прикладі кнопку
        Book a free consultation перетягнуто під текст, до якого вона належить.
      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%BA%D0%BE%D0%BF%D1%96%D1%8E%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F-%D1%82%D0%B0-%D0%B2%D1%81%D1%82%D0%B0%D0%B2%D0%BB%D0%B5%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/%D0%B2%D0%B8%D0%B1%D1%96%D1%80-%D1%87%D0%B0%D1%81%D1%82%D0%B8%D0%BD%D0%B8-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B8)
- [Додавання рядка](/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%BC%D0%B0%D0%BA%D0%B5%D1%82/%D1%80%D1%8F%D0%B4%D0%BA%D0%B8-%D1%96-%D1%81%D1%82%D0%BE%D0%B2%D0%BF%D1%86%D1%96)

Ви можете перетягати елементи, рядки й розділи, щоб розмістити їх там, де хочете. Переміщуйте їх угору або вниз стовпця, або в інший стовпець чи розділ. Нові елементи з’являються вгорі свого стовпця, тож перетягування це швидкий спосіб упорядкувати їх. У прикладі кнопку **Book a free consultation** перетягнуто під текст, до якого вона належить.

  ## Перетягування елемента

1. Наведіть вказівник на елемент, щоб показати його панель керування.
2. Натисніть і тримайте ручку перетягування: пунктирну ручку з назвою елемента ліворуч на панелі керування.
3. Перетягніть елемент на нове місце. Смугастий заповнювач показує, куди він потрапить.
4. Відпустіть кнопку миші, щоб покласти його там.
5. Натисніть **Зберегти** на панелі інструментів, щоб зберегти сторінку.

У прикладі кожен елемент також отримує верхній зовнішній відступ 48 пікселів на своїй панелі Стиль.

## Куди можна покласти

Елемент може потрапити між двома елементами в тому самому стовпці, в інший стовпець або просто в інший розділ. Він також може потрапити до елемента-контейнера, наприклад вкладки або згортаної панелі. Підійде й будь-яка область DXPR Builder на тій самій сторінці.

## Переміщення розділу, рядка чи стовпця

Розділи й рядки мають таку саму ручку на своїй панелі керування. Перетягніть розділ угору або вниз сторінкою, або перетягніть рядок в інший розділ. Стовпці залишаються у своєму рядку: перетягніть ручку стовпця ліворуч або праворуч, щоб поміняти його місцями із сусідом.

## Переміщення без перетягування

Натисніть назву елемента на його панелі керування, щоб його вибрати. Натисніть Ctrl+Up або Ctrl+Down (Cmd на Mac), щоб перемістити його на одне місце. Для стовпця натисніть Ctrl+Left або Ctrl+Right. Меню **Більше** має ті самі переміщення як **Перемістити вгору** і **Перемістити вниз**.

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

Поки ви перетягуєте, копія елемента слідує за вказівником, а смугастий заповнювач позначає точку скидання. Після скидання елемент лежить на новому місці, а решта стовпця змикається навколо нього. Крапка на кнопці **Зберегти**показує, що зміну ще не збережено.

## Якщо ви не бачите руху елемента

- **Під час перетягування нічого не рухається.** Ви натиснули на сам елемент, а не на його ручку. Натисніть і тримайте пунктирну ручку з назвою елемента.
- **Потрібне місце поза екраном.** Сторінка прокручується, лише коли вказівник біля краю вікна. Підведіть вказівник близько до верхнього або нижнього краю й зачекайте.
- **Стовпець не залишає свого рядка.** Стовпці лише міняються місцями всередині свого рядка. Натомість перетягніть елементи всередині стовпця до іншого рядка.
- **Елемент у «Позиціонованих шарах» не показує заповнювача.** Ці елементи розміщено вільно на полотні. Див. [Позиціоновані шари](/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%BC%D0%B0%D0%BA%D0%B5%D1%82/%D0%BF%D0%BE%D0%B7%D0%B8%D1%86%D1%96%D0%BE%D0%BD%D0%BE%D0%B2%D0%B0%D0%BD%D1%96-%D1%88%D0%B0%D1%80%D0%B8).
- **Елемент потрапив не туди.** Натисніть Ctrl+Z (Cmd+Z на Mac), щоб скасувати скидання.

## Що далі?

- [Копіювання та вставлення елементів](/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%BA%D0%BE%D0%BF%D1%96%D1%8E%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F-%D1%82%D0%B0-%D0%B2%D1%81%D1%82%D0%B0%D0%B2%D0%BB%D0%B5%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/%D0%B2%D0%B8%D0%B1%D1%96%D1%80-%D1%87%D0%B0%D1%81%D1%82%D0%B8%D0%BD%D0%B8-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B8): дістаньтеся ручки стовпця, рядка чи розділу.
- [Рядки й стовпці](/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%BC%D0%B0%D0%BA%D0%B5%D1%82/%D1%80%D1%8F%D0%B4%D0%BA%D0%B8-%D1%96-%D1%81%D1%82%D0%BE%D0%B2%D0%BF%D1%86%D1%96): змініть макет стовпців рядка.