Пользовательская инструкция: Руководство по созданию и настройке промостраницы

Промостраница — это публичная страница проекта с брендингом, описанием, ссылками, поддержкой мобильных карт Apple Wallet и Google Pay, метаданными для SEO и настройками аутентификации. Эта инструкция в формате статьи проводит вас последовательно по всем разделам конструктора — от первого клика до публикации.

Создание промостраницы

Откройте главное меню и нажмите «Создать».

Выберите тип «Промостраница». Система создаст черновик и откроет редактор с разделами.

Раздел «Основное»: базовые атрибуты и SEO Этот раздел формирует идентичность страницы, метаданные и иконки.

Связанная карта: выберите коллекцию карт, которая будет привязана к вашей промостранице. (см. Руководство по созданию и настройке карт лояльности)

Название страницы: Имя, которое будет использоваться в панели управления проектом.

Короткое название промостраницы: адресная часть (slug).

Допустимые символы: латиница, цифры, дефисы.

Длина: от 4 до 36 символов.

Пример: my-project-2025.

Логотип: SVG (svg+xml), не больше 600x600 px, до 500 kB.

Мета тег Title: короткий и емкий заголовок для поисковых систем.

Мета тег Description: краткое описание предложения.

Идентификатор Google Tag Manager: формат вида GTM-XXXXXXX.

Favicon: PNG/JPEG от 260x260 до 1200x1200 px, до 1 MB.

Превью для соцсетей: PNG строго 1200x630 px, до 500 kB.

Практика:

Проверьте короткое имя: без пробелов и кириллицы.

Загружайте логотип и иконки заранее подготовленных размеров — валидация строгая.

Старайтесь уложить Title в 50–60 символов, Description в 120–160.

Раздел «Стили»: фирменный облик. Здесь вы настраиваете визуальную тему страницы.

Цвета:

Акцентный цвет — для кнопок и ссылок.

Нейтральный цвет — фоны, бордеры, вторичный текст.

Темная тема — ползунок включает темный режим.

Стили:

Шрифт — выберите удобный для вас шрифт, для отображения на странице

Скругление — единый радиус углов для кнопок и карточек.

Демонстрация стилей в интерфейсе — изменения применяются динамически, оцените контраст и читаемость.

Практика:

Проверьте контраст текст/фон в светлой и темной темах (особенно для CTA).

Следите за консистентностью с брендбуком.

Раздел «Мобильные карты Apple Wallet и Google Pay». Оформление и параметры карт, которые пользователи добавят в кошельки.

Заголовок: краткое имя карты (опционально)

Логотип: PNG до 600x600 px, до 500 kB.

Изображение карты: PNG строго 1125x369 px, до 500 kB.

Цвет фона: HEX-код или выбор из палитры.

Цвет текста: HEX-код или выбор из палитры.

Оборотная часть:

Название карты.

Описание: условия, контактная информация, краткие правила.

Контролы включить/отключить:

Включите добавление карты в Apple Wallet и Google Pay. Пользователь сможет видеть QR-код, уровень и текущий баланс в кошельке без перехода в приложение.

Практика:

Соблюдайте точные размеры 1125x369 px для изображения карты — иначе файл не примется.

Поддерживайте высокий контраст текста относительно фона.

Раздел «Нижняя часть»: ссылки и социальные сети. Нижний блок улучшает навигацию и конверсию в ваши каналы.

Добавить ссылку: укажите Название и Ссылку (полный URL).

Социальные сети: для каждой площадки есть поле URL и ползунок видимости.

Доступные каналы: Сайт, ВКонтакте, Telegram, X, Instagram, TikTok, YouTube, Facebook, Discord.

Включайте только те, что реально ведут на активные страницы.

Практика:

Если тумблер включен — поле ссылки должно быть заполнено корректным URL.

Расположите в приоритете те сети, где вы активны.

Раздел «Страница»: контент и главный визуал. Основное содержание, которое увидит посетитель.

Заголовок: четко формулирует предложение.

Описание: краткая польза и ожидания пользователя.

Текст для кнопки: действующий призыв (например, «Участвовать»).

Картинка: PNG/JPEG строго 1200x1200 px, до 1000 kB.

Практика:

Избегайте мелкого текста на изображении 1200x1200 — он может быть плохо читаем на мобильных.

Проверяйте, как заголовок и кнопка читаются на разных фонах выбранной темы.

Раздел «Запуск»: адрес, вход и операции. Финальная конфигурация перед публикацией.

Настройка адреса

Тип адреса:

Платформенный — используется предоставляемый системой адрес проекта.

Пользовательский — укажите Регион сервера и Ваш адрес проекта (домен).

Рекомендация: выбирайте регион ближе к аудитории для лучшей скорости.

Выбор способа аутентификации

Стандартный— доступно несколько методов: почта, Google, Yandex, ВКонтакте, Telegram.

Пользовательский — выберите один метод из выпадающего списка (включая методы, добавленные в интеграциях), если нужен строгий контроль входа.

Управление жизненным циклом страницы

Опубликовать— делает страницу доступной по выбранному адресу.

Остановить — временно скрывает страницу без удаления.

Перезапустить— применяет свежие изменения и перезапускает сервис. Перезапуск доступен 2 раза в сутки.

Удалить— безвозвратно удаляет страницу (используйте с осторожностью).

Важно: Запуск/Остановка/Перезапуск страницы происходит в течении 5-7 минуты.

Проверка качества перед публикацией

Адрес: валидный slug и выбранный тип адреса (платформенный/пользовательский).

SEO: заполнены Title и Description; загружен favicon.

Соцпревью: PNG 1200x630 px, до 500 kB — присутствует.

Медиа: логотипы и изображения соответствуют формату и точным размерам.

Стили: акцентный и нейтральный цвета согласованы; темная тема проверена.

Контент: заголовок, описание, CTA — ясны и непротиворечивы.

Соцсети и ссылки: URL валидны, тумблеры включены только там, где есть ссылки.

Мобильные карты: корректные изображения, тексты на обороте и контраст цветов.

Аутентификация: выбран подходящий режим (стандартный или пользовательский).

Просмотр: протестируйте страницу на десктопе и мобильных устройствах.

Публикация и сопровождение

Нажмите «Опубликовать» и проверьте доступность страницы по адресу.

Если нужно внести правки — обновите разделы и нажмите «Перезапустить».

При работах/паузах используйте «Остановить», а при необходимости полной очистки — «Удалить».

Частые ошибки и быстрые решения

Ошибка размеров изображений: подготовьте файлы ровно в требуемых пикселях и весе.

Невалидное короткое имя: уберите пробелы, кириллицу, спецсимволы; длина 4–36.

Низкий контраст в темной теме: скорректируйте нейтральный и акцентный цвета.

Пустые соцсети с включенным тумблером: добавьте URL или выключите.

Неверный GTM ID: проверьте формат GTM-XXXXXXX и публикацию контейнера в GTM.

Итог

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

Если остались вопросы, обратитесь в поддержку или ознакомьтесь с дополнительными инструкциями.