# Редактирование шаблона

Настройки шаблона карты в системе GrowCards делятся на 3 основные категории.

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

## 1. Лицевая сторона

Лицевая сторона карты - это первое, что видит пользователь при открытии вашей карты.

### Настройка полей

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

Также вы можете добавить 2 дополнительных основных поля и поле в правой верхней части карты. Эти поля можно настроить максимально гибко:

1. Название поля
2. Значение по умолчанию
3. Уведомление при изменении поля
4. Отображение поля
5. Ключ поля

{% hint style="warning" %}
**Обратите внимание!**

Если вы хотите использовать поле для отображения бонусов, то используйте ключ **bonuses**, для кэшбека - **cashback**, для процента скидки - **discount**.

Эти ключи зарезервированы в нашей системе для правильной работы интеграций с внешними системами.
{% endhint %}

{% hint style="success" %}
Если вы указали текст для уведомления, то при каждом обновлении поля пользователю будут приходить PUSH-уведомления.

В тексте уведомления обязательно наличие "**%@**", именно вместо этих символов подставляется новое присланное значение этого поля.
{% endhint %}

{% hint style="warning" %}
**Ключ поля** должен быть уникальным. Этот ключ используется при обновлении данных карты через наше [API](https://docs.growcards.ru/developers/api-methods).
{% endhint %}

### Настройка цвета

Каждая карта использует 3 основных цвета:

1. Фон - цвет для подложки карты
2. Текст - цвет для значения полей карты
3. Названия - цвет для названий полей карты

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

### Настройка изображений

Для карты можно загрузить два изображения:

1. Логотип - изображение в левой верхней части карты
2. Основное - прямоугольное изображение в основной части карты

{% hint style="success" %}
Мы подготовили для вас макеты этих изображений в подходящих размерах, на основе которых вы можете создать собственные варианты.

* Логотип - 
* Основное - 
  {% endhint %}

### Настройка параметров карты

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

Типы штрих-кодов:

* QR-код
* PDF417
* Aztec
* Code128

Для обновления шаблона нажмите кнопку "Сохранить".

## 2. Обратная сторона

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

* Название блока
* Текст блока

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

Для редактирования или удаления поля нажмите на соответствующую иконку справа от поля.

Для обновления шаблона нажмите кнопку "Сохранить".

## 3. Местоположение

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

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

Вы можете проверить корректность адреса на карте, нажав кнопку "показать на карте".

Для обновления шаблона нажмите кнопку "Сохранить".