# Як створити сертифікат

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

{% hint style="success" %}
Видані сертифікати за потреби можна відтворити та змінити.
{% endhint %}

Конструктор сертифікатів від MaviBot дає змогу створити сертифікат із посиланням на ваш курс або без нього.

<div data-with-frame="true"><figure><img src="/files/d253accd7c9d72874cdc9cebc9c33fc15b6e6b8f" alt="" width="563"><figcaption></figcaption></figure></div>

Налаштуйте свій сертифікат, втільте фантазію в реальність, використовуйте будь-які зображення, які вам подобаються! Також ви можете вставляти різні тексти та форматувати їх так, як вважаєте за потрібне.

## Почнемо!

Щоб створити сертифікат, перейдіть на вкладку «Курси», де зверху будуть розташовані дві вкладки. Вам потрібно перейти до «Конструктора сертифікатів».

<div data-with-frame="true"><figure><img src="/files/1dd2d56b84cf193e3fe180da6abc57025d01795c" alt="" width="563"><figcaption></figcaption></figure></div>

Якщо ви ще не створили жодного сертифіката, кнопка відображається по центру робочої області; якщо у вас уже є готові продукти, вона знаходиться праворуч на екрані.

<div data-with-frame="true"><figure><img src="/files/d70df6c61408887ce7e77a1148e7685962f44854" alt=""><figcaption></figcaption></figure></div>

Після натискання кнопки «Створити» ви перейдете до базових налаштувань сертифіката.

<div data-with-frame="true"><figure><img src="/files/527aed248886d980c3240243da3672bb24ccec63" alt="" width="428"><figcaption></figcaption></figure></div>

### Основні налаштування сертифіката

В основних налаштуваннях сертифіката задаються формат і прив’язка до курсу. Якщо у вас уже є курс, обирається зображення для сертифіката.

**Назва сертифіката** — це текстове поле для назви вашого сертифіката.

<div data-with-frame="true"><figure><img src="/files/6d3ef91329f359d0d970d91838537fd98c2baba5" alt=""><figcaption></figcaption></figure></div>

**Формат сертифіката** дає змогу вибрати вигляд вашого сертифіката: 1:1 (квадрат), 16:9 (прямокутний) або 4:3 (портретний).

<div data-with-frame="true"><figure><img src="/files/616f7059af8c7f299b14f0972b7c40dde0552d9e" alt=""><figcaption></figcaption></figure></div>

{% hint style="warning" %}

## Зверніть увагу

Завантажене зображення має відповідати обраному формату.
{% endhint %}

**Потім ви можете вибрати курс** і план, до якого буде прив’язано ваш сертифікат.

<div data-with-frame="true"><figure><img src="/files/3514b4e793a2c0cc76fac16524b09ddfcbb7fd4f" alt="" width="498"><figcaption></figcaption></figure></div>

Якщо у вас немає курсів, цей крок можна пропустити.

{% hint style="info" %}
Налаштування сертифіката не вимагають прив’язки до конкретного курсу чи тарифного плану. Така конфігурація гарантує, що студент отримає сертифікат після успішного завершення будь-якого курсу з вашого каталогу на будь-якому доступному плані.
{% endhint %}

Якщо ви хочете видати персоналізоване зображення як сертифікат, використовуйте прапорець «Власне зображення» без прив’язки до курсу:

<div data-with-frame="true"><figure><img src="/files/d9e6f25e29c389b5890ea3934a05dc251e69ce3d" alt="" width="488"><figcaption></figcaption></figure></div>

{% hint style="info" %}
Як створювати персоналізовані зображення та показувати їх через бота, описано в статті «[Персоналізовані зображення](/doc/uk/yak-zrobiti.../personalizovani-zobrazhennya.md)".
{% endhint %}

У полі «**Завантажити сертифікат**» вставте зображення, яке буде фоном вашого сертифіката.

<div data-with-frame="true"><figure><img src="/files/332788e74ff9f0ae020851880b38d0b353128ab1" alt="" width="491"><figcaption></figcaption></figure></div>

Ви можете завантажити зображення зі свого пристрою або додати посилання на нього зі сховища файлів.

Щоб додати сертифікат зі сховища файлів, завантажте зображення у відповідному розділі.

<div data-with-frame="true"><figure><img src="/files/30a6ccb49a61d46af84e19c1bedc23326c6e0ff1" alt=""><figcaption></figcaption></figure></div>

Потім скопіюйте посилання на нього:

<div data-with-frame="true"><figure><img src="/files/26ac6afef0a9142d59d49023acfc1978a02e1a07" alt=""><figcaption></figcaption></figure></div>

І вставте посилання в поле URL у конструкторі сертифіката:

<div data-with-frame="true"><figure><img src="/files/e0ccb78daa049aa9a63be41906d3243dcacde19f" alt=""><figcaption></figcaption></figure></div>

Потім натисніть кнопку «**Зберегти**»:

<div data-with-frame="true"><figure><img src="/files/89a8c2f56d4cbc49f43d1747e5aa046b1f168c35" alt="" width="389"><figcaption></figcaption></figure></div>

З’явиться рядок «Налаштувати поля введення». Натисніть на нього, щоб продовжити налаштування сертифіката:

<div data-with-frame="true"><figure><img src="/files/ac320d8da791d5e582417d813fd9a5fe8b4fe9b5" alt="" width="389"><figcaption></figcaption></figure></div>

### Налаштування полів введення

{% hint style="success" %}

## Зверніть увагу

Сертифікат відображатиме дані, які студент ввів у своєму особистому кабінеті. Тому важливо повідомити студентів, що дані потрібно вносити правильно: повне ім’я та фото студента.
{% endhint %}

Налаштуйте текст за замовчуванням у цих полях введення. Їхні значення будуть заповнені автоматично в момент видачі сертифіката.

<div data-with-frame="true"><figure><img src="/files/6058f10c93699a8e38653211ef7ab8eeb9e877f1" alt=""><figcaption></figcaption></figure></div>

**Ім’я**

Це поле визначає **ім’я отримувача**. Коли студент завершить курс, його ім’я буде автоматично вставлено в це поле на сертифікаті.

Ви маєте повний контроль над його виглядом: виберіть шрифт, налаштуйте товщину та розмір, оберіть колір і задайте точне розташування.

<div data-with-frame="true"><figure><img src="/files/6b94fd06a07eed1ca8a42c88a97a069dd639ce2d" alt=""><figcaption></figcaption></figure></div>

Ви можете редагувати текстові елементи безпосередньо в попередньому перегляді сертифіката:

* **Щоб перемістити:** Наведіть курсор на текст, доки він не зміниться на значок руки. Потім клацніть і перетягніть елемент у нове місце.
* **Щоб змінити розмір:** Наведіть курсор на нижній правий кут текстового блоку, доки курсор не зміниться на стрілку зміни розміру. Клацніть і перетягніть, щоб змінити розмір.\
  Усі зміни миттєво відображаються на панелі налаштувань.

<div data-with-frame="true"><figure><img src="/files/0d06fc76cc944f111e03a80cd3257cf31d09566f" alt=""><figcaption></figcaption></figure></div>

**Дата**

Відображає дату видачі сертифіката, яка автоматично встановлюється як дата завершення курсу студентом.

> **Логіка:** Для курсів із домашніми завданнями дата відповідає здачі останнього завдання. В іншому разі це дата останнього уроку.

<div data-with-frame="true"><figure><img src="/files/40360f12ee2ada2a84ec0534576971fe16b85ae7" alt=""><figcaption></figcaption></figure></div>

**Аватар**

Відображає зображення профілю студента. Ви можете налаштувати його, змінюючи позицію та вибираючи форму (наприклад, коло, квадрат, заокруглений квадрат).

<div data-with-frame="true"><figure><img src="/files/4069a04806f183de73603002ae86b467feae8c85" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}

## Зверніть увагу

* Якщо ви не хочете, щоб аватар відображався на вашому сертифікаті, не заповнюйте поля.
* Якщо ви обрали показувати аватар на сертифікаті, але фото не завантажене в особистий кабінет студента, на сертифікаті відображатиметься порожній аватар.
  {% endhint %}

**Серійний номер сертифіката** складається із серії та номера. Ви можете самостійно ввести серію та редагувати її так само, як ім’я або дату. Номер генерується автоматично під час видачі сертифіката.

<div data-with-frame="true"><figure><img src="/files/a759fd5567ac2eb2d232e12b8cc5443568a49dd8" alt=""><figcaption></figcaption></figure></div>

Ви також можете додати будь-який текст.

<div data-with-frame="true"><figure><img src="/files/efbb27be09daf4c63d821389f4ef4f3a6f066ade" alt=""><figcaption></figcaption></figure></div>

Для цього натисніть «Додати текст», потім введіть потрібний текст і відредагуйте його на свій смак. Щоб збільшити або зменшити розмір тексту, потрібно ввести числове значення в полі «Розмір».

{% hint style="success" %}
Якщо ви хочете, щоб текст був в одному стилі, ви можете скопіювати розмір і колір тексту, а також вибрати відповідний шрифт і товщину.
{% endhint %}

Щоб не втратити весь прогрес налаштування, натисніть кнопку «Зберегти».

<div data-with-frame="true"><figure><img src="/files/c07a35a6b5e6d1100e6e7bf6fb9964cb934f028f" alt=""><figcaption></figcaption></figure></div>

Після налаштування всіх даних ви можете завантажити попередній перегляд, щоб побачити, як виглядатиме сертифікат ваших студентів:

<div data-with-frame="true"><figure><img src="/files/64708195a9d9dfb4ff3440daa9586694e92dfead" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
Усі створені сертифікати відображаються в «Конструкторі сертифікатів». Ви завжди можете замінити їх або змінити налаштування.
{% endhint %}

Ваш сертифікат тепер активний! Він буде **видаватися автоматично** студентам, які успішно виконають критерії курсу (усі уроки та всі обов’язкові домашні завдання), і буде доступний для завантаження в їхніх особистих кабінетах.

## Видача сертифікатів через чат-бота

Щоб налаштувати видачу сертифікатів через ваш чат-бот, виконайте такі кроки:

1. Перейдіть до робочого процесу бота, який оброблятиме видачу сертифікатів.
2. Додайте новий блок до цього робочого процесу.
3. У блоці виберіть **Калькулятор** функцію та налаштуйте її для операцій із сертифікатами.

**get\_certificate(course\_id, name\_on\_cert, avatar, date, tariff\_id, texts)**

{% hint style="warning" %}

## Зверніть увагу

Використання цієї функції у вашому боті споживає ресурси, еквівалентні надсиланню **10 стандартних повідомлень**.
{% endhint %}

{% hint style="danger" %}

## &#x20;Увага

Налаштування сертифіката в параметрах курсу потрібно завершити до використання цієї функції.
{% endhint %}

<table><thead><tr><th width="231">Параметри функції</th><th>Опис параметра</th></tr></thead><tbody><tr><td><mark style="color:червоний;"><strong>!</strong></mark><strong> course_id</strong></td><td>ID курсу</td></tr><tr><td><mark style="color:червоний;"><strong>!</strong></mark><strong> name_on_cert</strong></td><td><p>ім’я на сертифікаті</p><p>(ви можете запитати його або взяти безпосередньо з картки клієнта)</p></td></tr><tr><td><strong>avatar</strong></td><td><p>необов’язковий параметр, 1 — якщо потрібно передати аватар клієнта, 0 — якщо ні</p><p><em>(0 — значення за замовчуванням, не забудьте налаштувати відображення аватара в курсі, якщо хочете його передавати)</em></p></td></tr><tr><td><strong>date</strong></td><td><p>необов’язковий параметр, дата в будь-якому форматі</p><p><em>(за замовчуванням буде поточна)</em></p></td></tr><tr><td><strong>tariff_id</strong></td><td><p>необов’язковий параметр, потрібен, якщо ви хочете видати сертифікат, налаштований для плану</p><p><em><strong>(</strong><mark style="color:червоний;"><strong>!</strong></mark><strong> </strong><strong>план має бути налаштований заздалегідь)</strong></em></p></td></tr><tr><td><strong>texts</strong></td><td><p>це необов’язковий параметр для передавання масиву текстів.</p><p>(якщо ви передасте <strong>більше текстів</strong> , ніж налаштовано, тоді <strong>просто відкиньте зайві</strong>; якщо ви передасте <strong>менше</strong>, буде <strong>відображено ті, що ви передали</strong>)</p></td></tr></tbody></table>

{% hint style="danger" %}
! <mark style="color:червоний;">**Помилки під час передавання параметрів:**</mark>

* Якщо параметр course\_id передано неправильно, функція повертає <mark style="color:червоний;">**помилку wrong course\_id.**</mark>
* Якщо параметр tariff\_id передано неправильно, повертається <mark style="color:червоний;">**помилку wrong tariff\_id.**</mark>
  {% endhint %}

{% hint style="success" %}
Після налаштування бот видаватиме сертифікат студенту через повідомлення в чаті з посиланням для доступу.
{% endhint %}

{% hint style="info" %}
Щоб дізнатися, як створювати та видавати персоналізовані зображення за допомогою конструктора сертифікатів, зверніться до статті "[Персоналізовані зображення](/doc/uk/yak-zrobiti.../personalizovani-zobrazhennya.md)".
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/uk/lms/certificate/builder.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.