Настройка и публикация компонента

Перед началом

Проверьте установку кода проекта, подготовьте тексты, ссылки и изображения. Для изменения настроек нужны права редактирования проекта. Встраиваемому блоку нужен CSS-селектор элемента страницы: если вы не знаете его, попросите специалиста сайта определить нужный элемент.

Создание и редактирование

В разделе «Компоненты» начните создание. Мастер состоит из четырёх шагов: выбор шаблона, настройка, размещение, проверка и публикация. Сравнение шаблонов поможет выбрать подходящий.

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

Содержимое и параметры

1. Укажите базовые тексты, ссылки и значения. Изображения выбирайте из библиотеки проекта или загружайте через поле изображения. Добавьте описание изображения, если оно передаёт смысл.
2. Для подстановки данных откройте меню «Параметры», выберите доступное значение и вставьте скопированную строку в текст. Данные должны существовать на нужной странице или у посетителя; пример в кабинете их не создаёт.
3. Если часть настроек должна отличаться для отдельных посетителей, нажмите «+ Вариант» во вкладке «Содержимое», «Оформление» или «Размещение». Добавьте только изменяемые поля через «Добавить поле», а условия задайте внизу блока. Каждая вкладка выбирает первый подходящий вариант целиком; пропущенные поля наследуют версию «По умолчанию». Вариант без условий не применяется. При одинаковых условиях используется первый по порядку. Пока данные более раннего варианта ожидаются, показ может ожидать их тоже.
4. Общие условия показа задавайте для всего компонента. Подходящий вариант вкладки не отменяет запрет общего показа.

У «Баннера / карусели» настройте список слайдов и изображение каждого слайда. Порядок и состав слайдов можно изменить в варианте вкладки «Содержимое». Перестановка сохраняет текст и изображение каждого слайда; удаление слайда из одного списка не удаляет его из других вариантов. Один подходящий слайд отображается как баннер без навигации. У «Мессенджеров» включите хотя бы один канал, заполните подпись и ссылку. Для круглой кнопки выберите готовую иконку или изображение и заполните выбранный вариант.

Оформление

В разделе «Оформление» выберите палитру или измените цвета, рамку, скругление и другие доступные параметры. Предпросмотр меняется сразу, общие настройки сайта — после сохранения. Выбор другой палитры заменяет текущие значения формы, поэтому сначала сохраните нужный результат.

В настройках компонента можно переопределить отдельные параметры оформления. Они сохраняются при изменении общего оформления; наследуемые параметры получают новые общие значения. Ширина задаётся у компонента. Редактора произвольного CSS нет.

Размещение

• Встраиваемый блок: задайте селектор и действие «Заменить», «Вставить перед» или «Вставить после». При замене исходный элемент удаляется со страницы. Не выбирайте важный элемент, который должен оставаться доступным.
• Поповер: выберите позицию на экране. Проверьте, не перекрывает ли он навигацию и другие важные элементы на телефоне.
• Модальное окно: селектор не требуется. Показ учитывает занятость места другими окнами и ограничение повторного показа в сессии.

Предпросмотр и проверочная ссылка

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

Для проверки на сайте укажите целевую страницу, если она не определена точным условием адреса, и получите проверочную ссылку. Действие «Опубликовать превью» выдаёт доступ к проверке и при необходимости сохраняет первоначальный черновик; уже существующий черновик оно не обновляет. Чтобы сохранить правки для продолжения работы, используйте сохранение черновика отдельно.

Откройте ссылку и проверьте текущий вид, ссылки и размещение. Ссылка содержит настройки и ручной выбор предпросмотра на момент копирования; последующие правки не меняют ранее скопированную ссылку. Она действует до указанного в кабинете срока. Проверка по ссылке не публикует компонент для обычных посетителей и не доказывает выполнение их условий показа. Передавайте её только тем, кому нужен доступ к проверке.

Черновик, публикация и статус

Действие	Что происходит
Сохранить черновик	Сохраняет незавершённые настройки для продолжения работы; посетители их не получают
Опубликовать и запустить	Первая публикация включает компонент с указанными условиями
Опубликовать изменения	Заменяет опубликованные настройки; без изменения статуса остановленный компонент остаётся остановленным
Запустить	Включает последние опубликованные настройки; отдельный черновик не публикуется
Остановить	Отключает последующие показы после обновления настроек; публикация и черновик сохраняются

«Не опубликовано» означает, что есть только черновик. «Запущено» означает, что публикация включена; показ всё равно зависит от условий и готовности страницы. «Остановлено» сохраняет публикацию, но отключает её показ.

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

При создании проверьте итог на последнем шаге. При редактировании перед публикацией откроется сравнение с опубликованными настройками и итоговый статус. Отмена подтверждения сохраняет ввод в форме. Если кабинет сообщает, что настройки сохранены, но статус не изменён, проверьте текущий статус и повторите нужное действие; не считайте частичный успех полным.

Уже показанный компонент не заменяется новыми настройками посреди просмотра. Остановка не удаляет его немедленно; он остаётся до закрытия или завершения страницы. При замене элемента страницы не рассчитывайте на автоматическое восстановление исходного элемента после закрытия компонента.

Далее: проверка показа и ограничения.