Общая информация
Сообщения, отправляемые чат-ботом, могут содержать ссылки на различные интернет-ресурсы. При переходе по такой ссылке клиент попадет на целевой ресурс (например, на страницу для покупки билетов на поезда дальнего следования). Использование ссылок на информационные ресурсы помогает сократить время клиента на поиск нужной информации.
| Информация |
|---|
Ссылки можно размещать в блоках Информация, Вопрос и Пауза. |
В языке HTML для создания ссылок используется тег <a> и его атрибут href:
- <a> – тег для создания текста ссылки, который будет отображаться в диалоге.
- href – атрибут тега <a>. Его значением является адрес целевой страницы, на которую осуществляется переход.
Чтобы нужное слово (или фраза) стало Разберем сразу на примере как это сделать с помощью языка HTML.
Например, в блоке Информации разместим такой текст:
Перейти на наш сайт можно <a href="https://twin24.ai/">здесь</a>
Где:
- для создания ссылки применяется элемент <a>, так называемый якорь (от англ. anchor)- чтобы выделенный текст стал ссылкой, поместите его между открывающим и закрывающим тегами — — <a>…</a>
- href (сокращение от hypertext reference (гипертекстовая ссылка)) укажите URL (Universal Resource Locator, универ-сальный указатель ресурса), иными словами, адрес страницы, на которую будет осуществляться переход. URL-адрес обязательно должен быть заключен в кавычки.
Выглядеть в редакторе это будет так:
А теперь как это будет выглядеть в чате:
. С помощью атрибута href укажите адрес страницы нужного сайта, например:
| Блок кода | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
<a href="https://twin24.ai/">этой ссылке</a> |
Переход по указанной ссылке будет выполняться на текущей вкладке браузера. Чтобы при переходе по ссылке открывалась новая вкладка, используйте атрибут target со значением blank:
| Блок кода | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
<a href="https://twin24.ai/" target="_blank">этой ссылке</a>. |
Использование в сценарии бота
| Предупреждение |
|---|
Внимание – данный способ работает только для веб-виджета и Telegram. ВК, WhatsApp, Viber – не поддерживают гиперссылки. |
Разместите в блоке Информация следующий текст:
| Блок кода | ||
|---|---|---|
| ||
Перейти на наш сайт можно по <a href="https://twin24.ai/" target="_blank">этой ссылке</a>. |
В диалоге Telegram сообщение бота будет выглядеть так:
В диалоге виджета сообщение бота будет выглядеть так:
* Только есть особенность - это будет работать только в редакторе и вэб-версии. Если ваш бот в Телеграмм, то сокращения не будет