Техническое задание для создания шаблона Wallet

Рекомендуется использовать изображения в формате PNG с прозрачным фоном (если требуется) и высоким качеством.

Для успешного оформления шаблонов клиенту необходимо строго следовать структуре и содержанию, указанным в ТЗ. 

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

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


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

Настройка визуального оформления Wallet-карты

Чтобы задать визуальное оформление (дизайн) электронной Wallet-карты, необходимо создать и настроить шаблон через редактор шаблонов. Ниже приведена пошаговая инструкция.  

Шаг 1: Переход в редактор шаблонов

Перейдите в раздел «Коммуникации».

Выберите подраздел «Wallet».

Откройте «Редактор шаблонов».

Нажмите кнопку «Добавить новый шаблон».

Шаг 2: Основные настройки шаблона


Название шаблона — укажите понятное название (например, «Летняя акция 2025» или «Базовый шаблон Gold»).

Загрузка изображений — загрузите следующие графические элементы в указанных размерах:

Логотип уведомления — 87 × 87 px (отображается в push-уведомлениях и миниатюрах)

Логотип шапки — 480 × 150 px (отображается в верхней части карты)

Главное изображение — 1125 × 432 px (основной фон или баннер карты)

Шаг 3: Настройка цветовой схемы

Настройте цвета элементов карты:

Шаг 4: Добавление динамических полей

В следующих секциях вы можете добавлять динамические поля — элементы, которые будут заполняться персональными данными пользователя или системной информацией:

Как добавить поле:

  1. В нужной секции нажмите кнопку «Добавить поле».

2. Откроется редактор с готовыми шаблонами полей, например: Бонусный баланс

3. Выберите нужное поле, при необходимости — настройте его формат, шрифт, цвет, положение.

4. Повторите для всех необходимых элементов.

Шаг 5: Сохранение шаблона

После завершения настройки всех элементов: