---
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/%D1%80%D0%B5%D0%B6%D0%B8%D0%BC-%D0%BF%D0%B5%D1%80%D0%B5%D0%B3%D0%BB%D1%8F%D0%B4%D1%83'
title: 'Переглядайте сторінку, як її бачать відвідувачі | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T19:59:04+00:00'
updated: '2026-10-24T20:03:43+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Попередній перегляд приховує кожну панель керування й кнопку з плюсом, тож ви бачите сторінку так, як її бачитимуть ваші відвідувачі. Використовуйте його, щоб перевірити макет перед збереженням: він показує й ваші незбережені зміни. У відео показано попередній перегляд готового розділу, повернення до редагування, збереження, потім увімкнення попереднього перегляду з клавіатури.'
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:03:43+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Переглядайте сторінку, як її бачать відвідувачі'
      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:59:04+0000'
      dateModified: '2026-10-24T20:03:43+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/%D1%80%D0%B5%D0%B6%D0%B8%D0%BC-%D0%BF%D0%B5%D1%80%D0%B5%D0%B3%D0%BB%D1%8F%D0%B4%D1%83'
      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/%D1%80%D0%B5%D0%B6%D0%B8%D0%BC-%D0%BF%D0%B5%D1%80%D0%B5%D0%B3%D0%BB%D1%8F%D0%B4%D1%83'
      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/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%B7%D0%B1%D0%B5%D1%80%D0%B5%D0%B6%D0%B5%D0%BD%D0%BD%D1%8F-%D1%82%D0%B0-%D0%BF%D1%83%D0%B1%D0%BB%D1%96%D0%BA%D0%B0%D1%86%D1%96%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-%D0%BD%D0%B0-%D1%82%D0%B5%D0%BB%D0%B5%D1%84%D0%BE%D0%BD%D1%96)
- [Змусьте свій макет працювати на телефонах](/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%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD/%D0%B0%D0%B4%D0%B0%D0%BF%D1%82%D0%B8%D0%B2%D0%BD%D0%B8%D0%B9-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD)

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

  ## Перемикання на попередній перегляд і назад

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

Також можна натиснути **Ctrl+Shift+P** (**Cmd+Shift+P** на Mac), щоб увімкнути й вимкнути попередній перегляд.

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

- **Жодних засобів редагування.** Панелі керування, контури наведення, кнопки з плюсом і контур вибраного елемента зникли.
- **Червоне око на панелі інструментів.** Поки попередній перегляд увімкнено, значок ока на панелі інструментів DXPR показується перекресленим червоним. Панель інструментів залишається, тож ви можете повернутися будь-коли.
- **Жодного редагування тексту.** Натискання тексту не відкриває текстовий редактор, доки ви знову не виберете **Редагувати**.

Конструктор пам’ятає ваш вибір у цьому браузері. Якщо ви залишите сторінку в попередньому перегляді, наступна редагована вами сторінка теж відкриється в попередньому перегляді.

## Перевірка вузьких екранів

Перемкніться на попередній перегляд і звузьте вікно браузера. У нових рядках стовпці розташовуються поруч від ширини планшета й ширше, а на телефонах складаються. Перевірте, що кожен складений стовпець досі добре читається. Сторінка [Адаптивний дизайн](/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%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD/%D0%B0%D0%B4%D0%B0%D0%BF%D1%82%D0%B8%D0%B2%D0%BD%D0%B8%D0%B9-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD) показує, як змінити це для кожного розміру екрана.

## Попередній перегляд чи опублікована сторінка

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

## Якщо ви не бачите попереднього перегляду

- **Сторінка відкривається без жодних панелей керування.** Ви залишили останню сторінку в попередньому перегляді, і конструктор зберіг цей вибір. Відкрийте меню перегляду й виберіть **Редагувати**.
- **Сполучення не працює.** Сполучення призупиняються, поки ваш курсор у редагованому вами тексті. Натисніть поза текстом, потім знову натисніть **Ctrl+Shift+P**.
- **Відвідувачі не бачать того, що показує попередній перегляд.** Попередній перегляд включає незбережені зміни, а відвідувачі бачать лише опубліковану сторінку. Натисніть **Зберегти**, потім опублікуйте сторінку, як описано на сторінці [Збереження та публікація сторінки](/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%B7%D0%B1%D0%B5%D1%80%D0%B5%D0%B6%D0%B5%D0%BD%D0%BD%D1%8F-%D1%82%D0%B0-%D0%BF%D1%83%D0%B1%D0%BB%D1%96%D0%BA%D0%B0%D1%86%D1%96%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%B7%D0%B1%D0%B5%D1%80%D0%B5%D0%B6%D0%B5%D0%BD%D0%BD%D1%8F-%D1%82%D0%B0-%D0%BF%D1%83%D0%B1%D0%BB%D1%96%D0%BA%D0%B0%D1%86%D1%96%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-%D0%BD%D0%B0-%D1%82%D0%B5%D0%BB%D0%B5%D1%84%D0%BE%D0%BD%D1%96): що змінюється в редакторі на сенсорному екрані.
- [Адаптивний дизайн](/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%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD/%D0%B0%D0%B4%D0%B0%D0%BF%D1%82%D0%B8%D0%B2%D0%BD%D0%B8%D0%B9-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD): керуйте пристосуванням макета до кожного розміру екрана.