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

Каждый шаблон в системе стыкуется с Тильдой только в том случае если корректно создан товар и шабано присвоены SKU и внешний код

Идем в Каталог товаров и создаем новый товар для шаблона. Товар будет называться «Свидетельство о публикации»

Нажимаем кнопку Добавить и заполняем данные карточки. Указываем 1) картинку и 2) стоимости

Далее опускаемся в самый низ и находим поле «Внешний код»

Скопируйте себе данный код, он понадобится при создании шаблона. А также скопируйте Product ID

Далее поднимитесь снова наверх

И в качестве SKU укажите, скопированный ранее, внешний код товара. Эти 2 поля служат своего рода соединением Тильды с системой выдачи после оплаты.

Можете сохранять товар. И переходите на страницу покупки сертификата. Вы видите там такой блок

Зайдите в его настройки через кнопку «Контент»

И вставьте в поле ID ТОВАРА В КАТАЛОГЕ скопированный ранее Product ID товара

Сохраните изменения. Опубликуйте страницу

Слеющим важным моментом, является настройка полей корзины для корректного заполнения pdf сертификата \ диплома \ свидетельства.

Для этого в систему встроеные следующие ключи. Для удобства занес их в таблицу файла xlsx Скачать можно тут

Так как у нас «Свидетельство о публикации» то согласно скрина

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

Открываем корзину через кнопку «Контент» и согласно таблицы создаем поля и проставляем значение переменной из таблицы эксель

ФИО, Почта и Телефон нам не интересны, там должны быть переменные которые Тильда сама ставит (name, email,phone)

Далее Населенный пункт

Обратите внимание на имя переменной, тут указан ключ из таблицы эксель. Еще отмечаю ниже что поле обязательно. Навсякий случай

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

После того как все сделали, убедитесь что включен вот этот сервис

Чтобы после успешной оплаты, все попадало в систему контроля и учета.

Сохраните изменения. И опубликуйте страницу

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

Так как листы у нас A4, первым делом определямся с форматом (горизонтальный или вертикальный)

Далее идем в фигма и там создаем frame Вертикальный и A4

Далее у нас создался пустой Frame. Тут размещаем картинкой готовый дизайн или делаем с нуля самостоятельно

Давайте сделаем свой дизайн для примера откроем любой шаблон вертикального А4 в pdf

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

Далее вернемся в Figma и выделим наш Frame 1) нажав на заголовок и 2) нажмите на белый квадрат в заливке (Fill)

1) Переключитесь на вставку изображения и 2) загрузите изображение сертификата с компьютера

После того как дизайн вставился, снова выделите Frame

Справа — снизу нажмите где Export на символ +

1) Выберите PDF и 2) Нажмите на кнопку Export

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

Перейдите по ссылке https://pedagog-patriot.ru/admin-certificate и авторизуйтесь

После авторизации вы увидите интерфейс управления шаблонами сертифкатов \ дипломов

Нажмите на кнопку Новый шаблон. И для начала заполните Название, extid — внешний код товара из тильды, что копировали ранее, SKU и окажите вертикальный или горизонтальный

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

Далее добавляем нужные поля. Чтобы это сделать нажмите на кнопку Добавить поле

И в качестве:

• 1 вводите ключ поля из таблицы значение которого хотите вывести
• 2 единицы измерения поля, доступно в процентах, мм, см.
• 3 координата по Х
• 4 координата по Y
• 5 выравнивание текста внутри своего контейнера если включена ширина из пункта 8
• 6 размер шрифта
• 7 цвет
• 8 ширина контейнера, например нужна если у вас текст может быть на несколько строк. Если только на 1 строке то ставьте 0
• 9 межстрочный интервал для пункта 8
• 10 вариант шрифта, система идет со встроенными шрифтами. Все которые встроены выовдятся здесь
• 11 если для шрифта работает жирность то вы можете её включить

Сначала расположите поле «на глаз», далее нажмите на кнопку Просмотреть сертификат

Сгенерируется предварительный просмотр и вы увидете как располагается ваше поле

Таким образом вы можете менять координаты, размер шрифта и в реальном времени смотреть положение. Например ниже я уменьшил размер шрифта и высоту по Y

Запускаю предварительный просмотр и вижу

Что сл ишком много уменьшил по Y, корректирую значение еще раз

Создаю следующее поле с учетом наших ключей из таблицы

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

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

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

Из нового также можете указывать не целые числа, а числа с запятой 38,5. Это позволит более точно расположить поля

Еще один нюанс, при изменении ширины контейнера нужно и менять координату Х

Давайте пропустим остальные поля и создадим еще одно важное поле. Если до этого мы использовали встроенные ключи, то теперь создадим поле уже свое с заранее заданным значением. Оно заполняется нашим значение при условии что в корзине не появится такая переменная как делали выше. Итак создадим поле со ссылкой на публикацию и назовем её cust_my_link_post и присвоим свое значение

Получается теперь это наше кастомное поле, которое нет в таблице, но заполняется нашим значением по умолчанию, однако если в корзине тильды добавится такая переменная, то она заменится значением что придет от Тильды

Оставшиеся поля создаются по тому же принципу.

После того как сохранили шаблон и внесли все поля, перейдите на вкладку выдача и управление

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

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

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

Удаляем текущий сертификат из системы

И возвращаемся к корректированию нашего шаблона во вкладке Шаблоны. Потом после корректировки прогоните еще раз на выдаче реального сертификата.

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

Нажмите на кнопку Выдать сертификат и для начала заполните стандартные поля

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

Если у вас один шаблон, то доступны одни поля

Если другой, то другие поля

Давайте заполним поля для Свидетельства.

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

Далее у вас появится в списке выдача сертфиката человеку. Однако у него будет статус Оплачен, что говорит что ему на почту он не был отправлен

Поэтому нажмите на кнопку Отправить email и через несколько секунд статус поменяется на Выдан

Это означает что сертификат пришел ему на почту

Несмотря на 3 варианта получения сертификата пользователем после оплаты. Бывает так что происходит сбой везде. В таком случае статус будет Ошибка

Либо Оплачен

Тогда вы можете попробовать нажать на кнопку Отправить email и посмотреть что получится, успешно ли отправится. Если отправки так и не было, то вы можете нажать на кнопку Скачать и тогда вы получите сертификат пользователя в формате pdf со всеми заполненными данными. и тогда вы сможете отправить документ ручным способом.

Уже выданный сертификат можно изменить. Для этого напротив записи нажмите на кнопку Изменить

И во всплывающем меню справа внесите нужные правки

Внизу нажмите на кнопку Сохранить

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