Перейти к содержимому
← Все кейсы
Интеграция с CMS · Payload CMS

Визуальный редактор для Payload CMS

Мы создали этот плагин, чтобы редакторы могли собирать страницы в Payload и вносить изменения прямо на сайте. Разработчики определяют доступные компоненты, их настройки и то, как они отображаются на сайте.

В видео показано редактирование страницы в Payload: редактор и предпросмотр страницы открыты рядом.2:10
РЕЖИМЫ РЕДАКТИРОВАНИЯ

Редактируйте в панели управления или на странице

Режим Widget в панели управления

В режиме Widget Page Composer работает внутри поля контента Payload. Редакторы могут перетаскивать компоненты, менять текст, изображения и стили, а затем сохранять или публиковать изменения привычными средствами Payload. Редактор работает прямо в панели управления, без iframe.

Визуальное редактирование на сайте

Пользователи с правами редактирования могут открыть режим Live на сайте. Так изменения видны вместе с настоящей шапкой и подвалом сайта. Здесь же можно сохранить черновик или опубликовать страницу. Оба режима работают с одним и тем же контентом.

СОБСТВЕННЫЕ КОМПОНЕНТЫ

Определите, с чем смогут работать редакторы

У каждого компонента есть своя конфигурация полей и функция отображения на сайте. Можно сочетать обычный и форматированный текст, изображения, выпадающие списки, повторяемые поля и группы настроек. Конфигурация определяет, что доступно в редакторе, а функция отображения — как компонент выглядит на сайте.

Например, для первого экрана Header hero может хватить изображения, заголовка и подзаголовка. Если позже понадобятся ссылка или цвет фона, их можно добавить в настройки компонента.

В ЕЖЕДНЕВНОЙ РАБОТЕ

Что ещё умеет плагин

  • Шаблоны и наборы настроек

    Сохраните всю страницу как шаблон или настройки отдельного компонента как пресет. Их можно использовать повторно, чтобы не настраивать каждую страницу с нуля.

  • Стили для компьютеров, планшетов и телефонов

    Отступы, типографику и расположение элементов можно настроить для каждого размера экрана. Эти настройки используются при отображении опубликованной страницы.

  • Привычные инструменты Payload

    Контент хранится в JSON-поле Payload и работает с медиатекой, черновиками, версиями и правилами доступа. Поле можно добавить в коллекции или глобальные сущности, поэтому его применение не ограничивается страницами.

Page Composer для Payload CMS

Информация о плагине, цена и исходный код интеграции.