Автоматическая система выдачи сертификатов после покупки в Тильда

Шаблон для генерации, это тот pdf файл который получает пользователь на электронную почту, с уже заполненными данными. Но шаблон это по факту пустой pdf файл на который будут накладываться нужные данные

Итак, открываем сервис FIGMA, так как он сохраняет pdf без сжатия, а нам нужен именно такой формат, поэтому проще сразу делать на нем

Создаем лист A4

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

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

Технически в шаблоне система генерации может расположить 3 элемента. 1 — номинал, 2 -дата окончания, 3 — код. Но далее вы можете регулировать наличие данных записей, минимально должна быть размещена только 1 запись, это код

Далее устанавливаем настройки экспорта в pdf, чтобы повысить качество картинки

Далее уже экспортируем

Переходим в управление системой на вкладку «Шаблоны» и открываем меню «Добавить новый шаблон»

Заполняем поля:
1) Название берется из «Внешний код товара» в настройках товара в Тильда

Листаем ниже и находим это поле

2) Здесь вставляется тот же самый externalID

3) Нажимаем на кнопку «Выбор файла» и прикладываем pdf который экспортировали из FIGMA

Название файла желательно чтобы было на английском, я рекомендую писать externalID_1 чтобы потом если будут новый шаблон такой, был с цифрой 2

4), 5), 6) Это координаты где будет расположен код. Пока поставьте все 1

У вас получится что-то вроде этого:

Нажмите на кнопку «Создать»

После того как получите уведомление что шаблон успешно создан, нажмите «ОК»

В списке вы увидите ваш созданный только что шаблон

Пройдемся по основным настройкам и кнопкам:

1) Это координаты кода сертифката, координата по оси Х, координата по оси Y, и ширина контейнера внутри которого текст размещен по центру. Все координаты и ширина в миллиметрах указываются, а не в пикселях. Также нужно учесть, что если координата Х = 0, значит данный элемент не показывается в генерации поэтому если элемент нужен в макете, а координата Х не нужна, то нужно поставить Х=1

2) Аналогичные настройки но доя суммы номинала сертифката

3) Аналогичные настройки но для даты окончания действия сертификата

4) Это цвет текста для всех трех элементов

5) Это размер шрифта для всех трех элементов

6) Кнопка удаления шаблона

7) Кнопка предпросмотра по демо текстам, которые генерируются случайным образом, чтобы проще было регулировать местоположение элементов.

8) Кнопка сохранения введенных данных в карточку шаблона

Итак, чтобы понять принцип распределения элементов приложу скриншот ниже:

1 — это Y в миллиметрах, 2 — это Х в миллиметрах, 3 — это ширина в миллиметрах. Сама фигма не умеет измерять расстояние в миллиметрах, поэтому для этого нужно использовать фотошоп или gimp, но можно распределять элементы путем предпросмотра. Об этом ниже

Итак, расставляем на глаз значения координат, размера шрифта и цвет

Далее сохраняем данные на кнопку 2,

Далее нажимаем на предпросмотр — кнопка 3

После чего у вас откроется демо файл на основе того какие координаты, цвет и размер вы ввели.

Таким образом, повторяя данные действия вы подбираете нужные координаты и размеры.

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

После того, как ваши демо данные встали корректно на свои места, можно считать что шаблон готов к работе

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

Для этого на вкладке «Сертификаты» откройте меню «Добавить сертификат»

Пройдемся по основным полям создания:

1) Дата создания сертификата, от которой потом будет плюсоваться 6 месяцев

2) Лимит активаций сертификата на одного пользователя автоматически ставится 1

3) Скидка, тут уже зависит от того какой сертификат купил пользователь, т.е. это номинал сертификата

4) здесь выбирается шаблон, на основе которого будет генерироваться pdf файл

5) это товары на которые работает скидка по данному сертификату, автоматически ставится 99, что значит скидка на все товары распространяется

6) количество сертификатов, которые нужно создать с текущими параметрами, от 1 до 5

7) фамилия имя того кто купил сертификат

8) e-mail пользователя, кому отправить сертификаты, если вам не нужно отправлять сертификат на почту, то просто оставьте пустым

9) номер телефона купившего сертификат, в формате 7ХХХХХХХХХХ без пробелов, спецсимволов и чего либо, просто укажите числа

10) после того как заполнили все поля, нажмите на кнопку создать.

Вот пример для выдачи 2 сертификатов

После успешного создания вы получите уведомление

В тоже самое время, на почту должны прийти все сгенерированные сертификаты

В системе так же появились две новых карточки

Если сертификат применяется в интернет — магазине, то он гасится автоматически. Но если нужно погасить сертификат вручную, то это можно легко сделать.

Откройте меню «Фильтрация»

И заполните любое из полей, мне например нужно найти в системе сертификат FK34KVAZ

Для этого я ввожу в качестве номера сертификата FK34KVAZ и нажимаю на кнопку «Применить»

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

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

1) Выберите где «Офлайн»

2) Дату погашения

3) Как зовут кто погасил

4) Номер телефона

5) e-mail

6) Нажмите на кнопку «Погасить»

После нажатия на кнопку «Погасить» вы получите уведомление

И сертификат получит статус «Погашен»

Чтобы вновь увидеть все записи удалите из фильтра то что написали и нажмите снова «Применить», тогда фильтр сбросится

У каждой карточки есть кнопка «еще»

При нажатии на которую, появится окно с данными покупателя

У каждой карточки сертификата есть специальная кнопка

Нажмите на неё, чтобы сформировать pdf файл сертификата

Далее можете сохранить себе сертификат в нужную папку. либо сразу распечатать его