# Персонализированные изображения

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

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

Давайте попробуем создать изображения вместе. 

## Создание изображения

Для создания персонализированного изображения понадобится конструктор сертификатов: для этого войдите в раздел создания курсов. 

В конструкторе сертификатов можно настроить выдачу персонализированных изображений с помощью чат-бота. 

Для этого сначала настроим сертификат и текст в нем:

{% hint style="success" %}
Обращаем внимание!

В тарифе "Инфобиз" персонализированное изображение создается в разделе "Курсы" во вкладке "Сертификаты.

В тарифе "Бизнес" раздел называется "Редактор изображений":

<img src="/files/AlxOkQ0UmejcoyvMwCsP" alt="" data-size="original">

На бесплатном тарифе функционал недоступен.
{% endhint %}

Шаг 1. Создаем шаблон изображения: нажмите на "Создать сертификат" (на тарифе "Инфобиз") или "Создать шаблон" (на тарифе "Бизнес") и загрузите необходимое изображение.

<figure><img src="/files/ROqaSJvAYuxCKAe8H33b" alt="" width="563"><figcaption><p>Рис. 1. ДЛЯ ТАРИФА ИНФОБИЗ<br>Создаем сертификат, загружаем изображение и ставим галочку "Использовать<br>шаблон как кастомное изображение"</p></figcaption></figure>

<figure><img src="/files/4jHsh7rcPuH7BF2bOJPB" alt="" width="563"><figcaption><p>Рис. 1. ДЛЯ ТАРИФА БИЗНЕС<br>Создаем шаблон, загружаем изображение и ставим галочку "Использовать<br>шаблон как кастомное изображение"</p></figcaption></figure>

{% hint style="success" %}
Обязательно активируйте чекбокс "Использовать шаблон как кастомное изображение".&#x20;
{% endhint %}

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

<figure><img src="/files/XS8qUxyAMBWyh4ahWtIB" alt="" width="563"><figcaption><p>Рис. 3. Переходим в настройки полей ввода</p></figcaption></figure>

Расположите имя получателя (в последствии через чат-бота имя будет изменено с помощью функции), также текст, который хотите прописать на картинке или выберите другие настройки:

<figure><img src="/files/4Q5gTUIEDNpr55xJitBy" alt="" width="563"><figcaption><p>Рис. 4. Добавляем поля с текстом</p></figcaption></figure>

Можно играть с конструктором сертификатов по-разному: выбирать различные настройки цвета, шрифтов, самого изображения и прочее.&#x20;

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

## Отправка файла через Чат-бот

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

Нам понадобится функция get\_custom\_image(image\_id, name\_on\_image, avatar)

{% hint style="warning" %}
Внимание!&#x20;

Использование функции в боте эквивалентно отправлению 10 сообщений.&#x20;
{% endhint %}

<table><thead><tr><th width="294">Параметр</th><th>Описание параметра</th></tr></thead><tbody><tr><td><mark style="color:red;">!</mark> image_id</td><td>ID изображения</td></tr><tr><td><mark style="color:red;">!</mark> name_on_image</td><td>имя пользователя</td></tr><tr><td>avatar </td><td>аватар пользователя. <br>Если необходимо передавать на персонализированном изображении, передайте значение "1". </td></tr></tbody></table>

ID изображения можно взять здесь:

<figure><img src="/files/t5HEOAcD8kzGwf54N3A8" alt="" width="563"><figcaption><p>Рис. 5. Копируем ID изображения</p></figcaption></figure>

Для примера воспользуемся небольшой схемой Чат-бота, которая будет отправлять изображение в чате:

<figure><img src="/files/3OljBc697Flotj0J1CfH" alt="" width="563"><figcaption><p>Рис. 6. Демонстрационная схема чат-бота для примера</p></figcaption></figure>

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

<figure><img src="/files/Q2nJBMpJzxSjl2w4b6gt" alt="" width="563"><figcaption></figcaption></figure>

Настройки третьего блока, который направляет изображение:

1. В последнем блоке, который будет выдавать изображение, в калькуляторе пропишем нашу функцию, где будет лежать ID изображения и переменная name следующим образом:

<figure><img src="/files/EAiSAELUUGP6alWvFLci" alt="" width="563"><figcaption></figcaption></figure>

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

Функция get\_custom\_image возвращает словарь с данными.

Если вам нужно отображать файл в диалоге, то в результате нужно выводить не саму переменную с присвоенным ей значением функции get\_custom\_image(в примере - это image\_1), а отображать результат переменной по ключу 'url' (в примере - это image\_for\_user)

Если все сделано верно, то в диалог придет сразу изображение.
{% endhint %}

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

1. только на латинице ("картинка = " - неправильно, "image = " правильно);
2. без пробелов ("apple on tabble = " - неправильно, "apple\_on\_tabble = " -правильно);
3. цифры в конце ("1apple = " - неправильно, "apple1 = " - правильно).&#x20;
   {% endhint %}

Обратите внимание, что через конструкцию #{} мы вставили введенные пользователем значение в виде переменной full\_name.&#x20;

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

<div><figure><img src="/files/AKMwtt5ut2TQNYNCWXPT" alt="" width="563"><figcaption></figcaption></figure> <figure><img src="/files/vbau4AWtZsivzLV1IqyS" alt="" width="563"><figcaption></figcaption></figure></div>


---

# 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.salebot.pro/chasto-zadavaemye-voprosy/kak-sdelat/personalizirovannye-izobrazheniya.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.