Как выглядит карта гостя

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

Открыть в кабинете
Серия 4 из 22 — Дизайн карты лояльности в Apple Wallet и Google Кошельке · все ролики

Карта гостя лежит в Apple Wallet или Google Кошельке рядом с посадочными талонами, билетами и картами других заведений. Узнают её по двум вещам: цвету и логотипу. Всё это задаётся на вкладке «Дизайн карты» экрана программы — она открывается первой. Справа сразу видно, что получится; переключатель над картой — «Apple Wallet» и «Google Кошелёк»: кошельки рисуют карту немного по-разному.

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

На вкладке пять блоков: «Название и подпись», «Цвета», «Код на карте», «Картинки» и «Обратная сторона». Сохраняет всё сразу кнопка «Сохранить дизайн» в полосе внизу экрана.

Название и подпись

  • Название программы лояльности — гость видит его на обороте карты строкой «Программа».
  • Название на карте — первое, что видно в списке карт Wallet. Обычно это название заведения, а не программы. Без него дизайн не сохранится.
  • Подпись — видна в списке карт Wallet и при поиске по телефону: «Карта постоянного гостя».
  • Как называются бонусы — «зёрна», «баллы», «рубли». Слово попадёт на карту, в письма и на страницу гостя, поэтому ниже просятся три формы: «Одно зерно», «Два зерна», «Пять зёрен». Если формы подставлены автоматически, форма попросит проверить, так ли склоняется ваше слово.

Цвета

Цвета карты, выбор кода (QR или штрихкод) и загрузка логотипа, иконки и фоновой полосы
Контраст считается автоматически: 13.7:1 — карта читается на солнце и в полумраке.
Цвета карты, выбор кода (QR или штрихкод) и загрузка логотипа, иконки и фоновой полосы

Цветов три: «Фон», «Текст» и «Подписи полей». Рядом — рассчитанный «Контраст». Красивое сочетание бежевого на белом даёт контраст 1.8:1, и баланс на такой карте не разобрать у кассы при дневном свете — поэтому величина показана прямо в форме. Google Кошелёк цвет текста выбирает сам, по яркости фона.

Код на карте

«QR-код» читают сканеры со сканирующим окном и камера телефона кассира — это выбор по умолчанию. «Штрихкод EAN-13» нужен там, где на кассе стоит лазерный сканер. В Apple Wallet тот же номер покажется как Code128: эту символику Apple поддерживает, а EAN-13 — нет, читают их одни и те же сканеры.

Картинки

Три слота. Пустой слот просто не попадёт на карту.

  • Логотип — сверху карты, рядом с названием. SVG или PNG с прозрачным фоном, от 160×50, вписывается целиком. Единственная картинка, где кошельки расходятся, — о ней ниже.
  • Иконка — на экране блокировки, в уведомлениях, на ярлыке карты и в шапке письма с кодом. Квадратная, от 87×87, SVG или PNG. Не загрузите — поставим первую букву названия.
  • Фоновая полоса — широкая картинка под названием: интерьер, витрина, блюдо. От 375×123, JPEG или PNG. Одна на оба кошелька: в Apple Wallet лежит под названием, в Google Кошельке становится баннером карты.

Иконку и полосу после выбора файла открывает редактор кадра: вы двигаете и приближаете снимок, пока нужный кусок не встанет в рамку. Уже загруженную картинку можно открыть в редакторе снова и поправить кадр.

Загруженная картинка попадает на карты гостей только после «Сохранить дизайн» — форма напомнит об этом.

Логотип для Apple и для Google — два файла

Apple Wallet рисует логотип прямоугольником в шапке карты, а Google Кошелёк требует квадрат и обрезает его кругом. Один и тот же знак годится обоим не всегда: широкий логотип с названием в кружке Google ужимается до полоски, и заметно это уже в телефоне гостя. Поэтому у слота «Логотип» переключатель — «Apple» и «Google».

Загружать два файла не обязательно: квадрат для Google мы готовим сами из логотипа Apple («Приготовлен из логотипа Apple»), и большинству этого хватает. Если знак в кружке обрезался — переключитесь на «Google» и нажмите «Загрузить свой»: квадрат от 660×660, обычно это знак без длинного названия. Кружок в форме — ровно тот, которым режет Google, так что результат виден до того, как уедет гостям. Свой квадрат живёт отдельно: замена логотипа Apple его не трогает. Пока логотипа нет вовсе, Google получит квадрат цвета карты.

Обратная сторона

Оборот гость открывает, когда карта уже в телефоне, — там ищут, где заведение и как с ним связаться. Кнопки «Адрес», «Часы работы», «Телефон», «Сайт» и «Условия программы» заводят поле с готовым заголовком, «Своё поле» — с любым. У каждого поля два входа: «Заголовок поля» и «Что увидит гость» (до 200 знаков). Порядок меняется стрелками, лишнее поле убирает корзина. Полей — до восьми.

Поле без заголовка или без текста на карту не попадёт — форма предупредит. Телефоны, почту и ссылки Apple и Google делают на карте кликабельными сами.

Страница, на которой гость получает карту, по умолчанию берёт цвета и логотип отсюда. Её можно оформить и отдельно — обложкой, фоном, шрифтом, — об этом отдельная страница.

Блок «Обратная сторона»: кнопки «Адрес», «Часы работы», «Телефон», «Сайт», «Условия программы» и «Своё поле», справа превью карты
Кнопки внизу блока заводят поле с готовым заголовком; справа — как карта выглядит в кошельке.
Блок «Обратная сторона»: кнопки «Адрес», «Часы работы», «Телефон», «Сайт», «Условия программы» и «Своё поле», справа превью карты

Что видит гость на телефоне

На лицевой стороне — баланс в вашем слове для бонусов, рядом процент начисления («Бонус 5%», если у программы есть правило, работающее всегда), имя владельца карты, скидка и счётчик штампов, если они есть в правилах, и код для кассы.

На обороте — ваши поля из блока «Обратная сторона», уровень гостя («Статус»), название программы, номер карты, сообщение текущей рассылки полем «Новости», действующие купоны и, если включено «Приведи друга», ссылка для приглашения.

Частые вопросы

Нужно ли гостю ставить приложение?

Нет. Карта кладётся в Apple Wallet или Google Кошелёк — они уже стоят на телефоне. На iPhone предлагается Apple Wallet, на остальных телефонах — Google Кошелёк; выбирать гостю ничего не нужно.

Можно ли поменять дизайн после выдачи карт?

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

Почему карта нашего заведения лежит вперемешку с чужими?

Wallet складывает в одну стопку пропуска с общим идентификатором. Своя стопка для заведения — возможность тарифа «Enterprise»: платформа выпускает отдельный сертификат Apple на компанию.

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

Создать программу