Назад

Макеты

2024-07-31

Макеты карт

Макеты карт предназначены для настройки внешнего вида электронной карты в Wallet и Telegram-боте, а также отображаемой на ней персональной информации клиента, учитывая особенности Вашего бизнеса. С помощью вкладки Макеты Вы можете создавать, изменять и удалять макеты карт.‍

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

Для того чтобы создать новый макет карты, Вам необходимо нажать на +. В открывшемся окне Вы можете выбрать Новый шаблон для создания макета “с нуля” или выбрать уже готовый шаблон под Ваш тип бизнеса и условия программы лояльности для клиентов.

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

  1. Основные настройки
  2. Внешний вид
  3. Лицевая сторона
  4. Обратная сторона

Для перемещения между этапами можно нажимать на каждый из них или использовать кнопку Далее. Для сохранения макета карты используйте кнопку Сохранить.

Каждый этап состоит из двух разделов:

  1. Поля и настройки для изменения внешнего вида электронной карты в Wallet и Telegram-боте.
  2. Макет для визуального отображения электронной карты с учетом всех изменений. В правом нижнем углу содержит кнопку разворота карты.

Под макетом расположены кнопки для переключения отображения карты в Telegram или в электронных кошельках AppleWallet и GooglePay.

Этап 1. Основные настройки

На первом этапе Вам необходимо указать название и описание макета, настроить геоточки и баркод для данного макета карты.

1.1 Основные настройки

Название макета — внутреннее системное название макета карты, которое используется для поиска нужного макета в системе, аналитике, а также при настройке программы лояльности. Название макета не отображается на электронной карте клиента.‍‍

Описание макета — описание карты, которое отображается в верхней части на обратной стороне электронной карты клиента. Если данное поле остается пустым, то оно автоматически заполняется описанием "Дисконтная карта".

Дополнительные настройки — здесь Вы можете указать заголовок макета, ID приложения iOS (при его наличии), а также включить или выключить запрет на распространение карт.‍‍

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

ID приложения iOS — после добавления ID Вашего приложения из AppStore, на обратной стороне карты отобразится информация о Вашем приложении. Если у Вас нет собственного приложения для iOS, то поле необходимо оставить пустым.

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

Любой макет карты Вы можете копировать или удалить, нажав на соответствующие кнопки.

1.2 Геоточки

Геоточки — это инструмент Geo-Push-таргетинга, который позволяет взаимодействовать с клиентами, которые находятся в непосредственной близости с Вашей точкой продаж.

Как работает геоточка?‍

При попадании карты клиента в радиус до 200м от указанной Вами точки, на устройство придет автоматическое PUSH-уведомление. Максимальное количество геоточек для каждого шаблона макета карты - 10 (ограничение со стороны компании Apple).

Для настройки геоточки необходимо нажать на кнопку Добавить геоточку. В открывшемся окне необходимо отметить точку на карте или ввести адрес Вашей точки в строке поиска. Далее Вам необходимо прописать PUSH-уведомление для выбранной геоточки и нажать на кнопку Сохранить.

Для добавления новой геоточки нажмите на кнопку Добавить геоточку. Для удаления существующей геоточки нажмите на Х. Для редактирования геоточки нажмите на кнопку Редактирование (с изображением карандаша).

1.3 Баркод

Баркод - это специальный штрихкод в формате Code128 или QR-кода, в котором может быть закодирована определенная информация.

В содержании Code128 доступны:

  1. Генерация уникального значения - при выборе данного типа система будет автоматически назначать каждому клиенту свой уникальный номер, с помощью которого Вы сможете идентифицировать клиента на кассе. Например, 0000001, 0000002 и так далее.
  2. Собственное значение - данный вариант позволяет закодировать в баркод любой текст, например ссылку на Ваш интернет-ресурс.

‍В содержании QR-кода доступны:

  1. Ссылка на данную карту - используется для распространения своей персональной карты, при сканировании открывается ссылка на добавление персональной карты клиента.
  2. Ссылка на форму/генератор выдачи карт - используется для регистрации клиентов в системе по QR-коду расположенному на шаблоне макета карты. Вы можете использовать данную функцию как источник увеличения Вашей клиентской базы.
  3. Генерация уникального значения - при выборе данного типа система будет автоматически назначать каждому клиенту свой уникальный номер, с помощью которого Вы сможете идентифицировать клиента на кассе. Например, 0000001, 0000002 и так далее.
  4. Другое сообщение - данный вариант позволяет закодировать в баркод любой текст, например ссылку на Ваш интернет-ресурс.

Префикс (для генерации уникального значения) — это приставка перед основным номером карты. Префикс используют в случае, если стандартная генерация уникального значения не подходит для Вашей CRM-системы. (Стандартная генерация: 0000001, 0000002 и так далее).

Дополнительные настройки — здесь Вы можете выбрать использование подписи и кодировку баркода.

Подпись — отображение закодированного в баркоде значения под самим баркодом на макете карты.

Выбор кодировки баркода — если Вашему сканеру не подходит выбранная кодировка, то Вы можете ее изменить на необходимую из списка представленных кодировок.

Внимание! Для работы с QR-кодами у Вас должен быть 2D сканер. Для работы с форматом Code128 допускается использование 1D и 2D сканеров. Также Ваш сканер должен обязательно считывать баркод с экрана телефона. Некоторые старые сканеры считывают штрих-коды только «с бумаги».

Этап 2. Внешний вид

На данном этапе настраивается дизайн макета карты, за счет выбора цвета фона, заголовков и текста, а также трех изображений: логотипа, баннера и PUSH-иконки.

Дизайн макета, цвет заголовков и цвет текста — изменяют цвет соответствующих элементов. Поля поддерживают HEX- RGB- и HSL-цветовые профили для точного соблюдения Вашего фирменного стиля.

PUSH-иконка * — изображение, которое клиент увидит при получении Вашего PUSH-уведомления. Требования к изображению: 114х114px. Цвет фона непрозрачный. Формат .png
*Для обновления push-иконки на установленной карте, электронную карту необходимо переустановить.

Логотип — логотип Вашей компании, который отображается на лицевой части макета карты. Загруженный логотип автоматически будет использоваться в Формах выдачи электронных карт (при выдаче данного макета карты), а также в Email-сообщениях (у клиентов с данным макетом карты). Требования к изображению: 480х150px. Цвет фона прозрачный. Формат .png

Баннер — основное изображение на лицевой части карты. Требования к изображению: 1125х432px. Цвет фона любой. Формат .png

Этап 3. Лицевая сторона

На данном этапе производятся настройки для отображения данных на лицевой части электронной карты клиента. Настройки разделена на 2 части - отображение электронной карты в Telegram и отображение в AppleWallet и GooglePay.

3.1 Telegram

Заголовки макета — это секции, которые находятся справа от баркода под баннером. Максимальное количество заголовков - 3. С помощью заголовков Вы можете отобразить данные электронной карты клиента.

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

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

3.2 AppleWallet и GooglePay

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

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

Заголовки и основные поля содержат 3 секции:

  1. Заголовок - указывается название поля.
  2. Текст - содержит основную информацию. Как правило, используется для динамических переменных (необходимо нажать на + для добавления переменной).
  3. PUSH-уведомление - уведомление, которое отправляется клиенту при изменении данного поля. Также Вы можете отобразить в уведомлении новое значение поля "Текст", выбрав соответствующую переменную для поля PUSH-уведомление, нажав на +.
  4. После добавления или изменения секции обязательно нажмите кнопку Сохранить.

Этап 4. Обратная сторона

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

Также, на данном этапе Вы можете разместить контактную информацию Вашей компании, а именно: ссылки на интернет-ресурсы, номера телефонов, E-mail адреса и физические адреса компании.

Доступно четыре блока для размещения контактной информации:

  1. Ссылки на интернет-ресурсы
  2. Ссылки на номера телефонов
  3. Ссылки на почту
  4. Адреса компании

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

Ссылки на интернет ресурсы

Для того чтобы включить блок ссылок на интернет-ресурсы, Вам необходимо изменить статус слева от "Ссылки на интернет ресурсы".

Для добавления новой ссылки Вам необходимо нажать на кнопку Добавить ссылку и заполнить следующие поля:

  1. Текст вместо ссылки - визуальное отображение ссылки.
  2. Ссылка - полная ссылка на интернет-ресурс (например: https://teyca.ru/)
Создание реферальной ссылки

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

В случае если Вы хотите добавить дополнительную ссылку на интернет-ресурс, нажмите на кнопку Добавить ссылку. Для удаления созданной ссылки Вам необходимо нажать на Х.

Ссылки на номера телефонов

Для того чтобы включить блок ссылок с номерами телефона, Вам необходимо изменить статус слева от "Ссылки на номера телефонов".

Для добавления номера телефона Вам необходимо нажать на кнопку Добавить номер телефона и заполнить следующие поля:

  1. Текст вместо номера телефона - визуальное отображение номера. Например, Вы можете указать название места, куда будет совершен вызов.
  2. Телефон - номер телефона без (,),-,+. Номер телефона должен начинаться с 7.

В случае если Вы хотите добавить дополнительный номер телефона, нажмите на кнопку Добавить номер телефона. Для удаления номера телефона Вам необходимо нажать на Х.

Ссылки на почту

Для того чтобы включить блок  E-mail, Вам необходимо изменить статус слева от "Ссылки на почту".

Для добавления почтового адреса Вам необходимо нажать на кнопку Добавить e-mail адрес и заполнить следующие поля:

  1. Текст вместо ссылки - визуальное отображение почтового адреса.
  2. E-mail - электронный почтовый адрес

В случае если Вы хотите добавить дополнительный E-mail, нажмите на кнопку Добавить e-mail адрес. Для удаления электронной почты Вам необходимо нажать на Х.

Адреса компании

Для того чтобы включить блок адресов, Вам необходимо изменить статус слева от "Адреса компании".

Для добавления почтового адреса Вам необходимо нажать на кнопку Добавить адрес компании и заполнить следующие поля:

  1. Адрес - адрес в формате город, улица, дом.

В случае если Вы хотите добавить дополнительный адрес, нажмите на кнопку Добавить адрес компании. Для удаления адреса Вам необходимо нажать на Х.