# Как создать кнопку "Поделиться" в Telegram-боте?

Конструктор чат-ботов [LeadConverter](https://leadconverter.ru/) позволяет быстро и удобно создавать кнопки-ссылки с сообщением, чтобы ваши пользователи могли оперативно делиться информацией со своими близкими и друзьями. Скорее приступим к настройке :point\_down:

{% hint style="info" %}
Нам понадобятся:

1. Ссылка, которой вы хотите поделиться.
2. Сопроводительный текст.
   {% endhint %}

### Создание блока и кнопки

1. Создаем синий блок **"Сообщение"**.
2. Под иконками мессенджеров ищем пункт **"Сообщение"** и выбираем его. В появившемся окошке набираем нужный текст.
3. Далее нажимаем **"+ Добавить кнопку"**. Появилась **"Кнопка 1"**.
4. Жмем на **"Кнопку 1"** и выбираем строку "**Тип кнопки" > "Ссылка".** &#x20;

<figure><img src="/files/vjKp1G2aKDIr7ig8dtRq" alt=""><figcaption><p>Первый этап создания кнопки-ссылки</p></figcaption></figure>

### Оформление кнопки-ссылки с сообщением

Кнопка "Поделиться" будет работать правильно, если верно настроить ссылку и текст. Помимо вашей ссылки вам также понадобится шаблон ниже :point\_down:

<pre><code>https://t.me/share/url?url=<a data-footnote-ref href="#user-content-fn-1">ссылка</a>&#x26;text=<a data-footnote-ref href="#user-content-fn-2">текст</a>_сообщения
</code></pre>

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

{% hint style="info" %}
Для корректного отображения текста его необходимо **закодировать.**
{% endhint %}

1. Заходим на сайт: <https://toolber.ru/url-encode>
2. Вставляем текст в поле "**Введите URL для кодирования**".
3. Нажимаем **"Кодировать"**.

<figure><img src="/files/hzrvFWJE6zZqAH3LA09m" alt=""><figcaption><p>Примерно так будет выглядеть ваш текст - как из Матрицы <span data-gb-custom-inline data-tag="emoji" data-code="1f60e">😎</span></p></figcaption></figure>

4. Копируем получившийся текст из поля "**Кодированный URL**".

<figure><img src="/files/XlyHmoUd0opevIf7YBCZ" alt=""><figcaption><p>Второй этап позади</p></figcaption></figure>

Итак, теперь у нас есть ссылка и корректно выглядящий текст. Осталось все собрать воедино.

### Сборка кнопки "Поделиться"

1. Собираем шаблон, нужную ссылку и закодированный текст вместе, и у нас получается вот такая ссылка :point\_down:

```
https://t.me/share/url?url=https://leadconverter.ru/&text=%D0%A1%D0%B0%D0%BC%D1%8B%D0%B9%20%D0%BB%D1%83%D1%87%D1%88%D0%B8%D0%B9%20%D0%BA%D0%BE%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%82%D0%BE%D1%80%20%D0%B2%D1%81%D0%B5%D1%85%20%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%20%D0%B8%20%D0%BD%D0%B0%D1%80%D0%BE%D0%B4%D0%BE%D0%B2!%20%D0%9F%D0%BE%D0%BF%D1%80%D0%BE%D0%B1%D1%83%D0%B90%BC%D1%8B%D0%B9%
```

2. В редакторе чат-бота ищем нужный блок и жмем на **"Кнопку 1".** В строку **"Ссылка"** вставляем собранную ссылку.

<figure><img src="/files/fBAxiHnSyRvh9Q1C3BFx" alt=""><figcaption><p>Готово!</p></figcaption></figure>

{% hint style="info" %}
Если не нужно отслеживать нажатие по этой кнопке-ссылке, вы можете поменять "**Тип ссылки**" на "**Кнопка-ссылка без отслеживания**", и тогда действие "**Поделиться**" откроется в этом же окне.
{% endhint %}

Вуаля, кнопка "Поделиться ссылкой с друзьями" работает!

{% hint style="success" %}
Техподдержка рада ответить на любые ваши вопросы! Смело обращайтесь, мы всегда придем на помощь :relaxed::point\_down:
{% endhint %}

{% content-ref url="/pages/-MasAPNcg291uNezFqb4" %}
[Как задать вопрос в поддержку?](/kak-zadat-vopros-v-podderzhku.md)
{% endcontent-ref %}

[^1]: Сюда нужно вставить ссылку

[^2]: Сюда нужно вставить текст


---

# 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.leadconverter.su/faq/populyarnye-voprosy/telegram/kak-sozdat-knopku-podelitsya-v-telegram-bote.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.
