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

Створення слайдера

Для відображення слайдера в сценарії бота потрібно вибрати блок "слайдер"

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4c895f3d-6633-4068-8b70-55dadc6b563b/Untitled.png

При відкритті "розширеного редагування" блока, в Json конфігурації вказуються посилання на зображення і назви зображень, як вони будуть підписані в чаті.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/fa3c0af6-c417-433f-81db-e227f3a0fe98/Untitled.png

Зверніть увагу, що в тому числі, можна використовувати посилання на зображення, які завантажені в "Менеджер файлів":

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/fbe6c262-6f26-45de-91b3-8d3c0ec419fe/Untitled.png

Для прикладу, щоб ознайомитися з тим, як працює слайдер, можна в Json конфігурацію скопіювати наступне значення:

{
  "day 1": "<https://15xh2r248z7d286gcz3i6g1q-wpengine.netdna-ssl.com/wp-content/uploads/2017/10/first-day.jpg>",
  "слон": "<https://upload.wikimedia.org/wikipedia/commons/thumb/7/70/2005-bandipur-tusker.jpg/1200px-2005-bandipur-tusker.jpg>",
  "троль": "<https://deti-online.com/img/raskraski-cat/trolls.jpg>"
}

Далі вибираємо джерело: "Метод на сервері", а назву метода зазначаємо "menu".

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7d449009-167f-4612-b5df-3921c0b25b3d/Untitled.png

Для коректного відображення зображень в слайдері, кожному зображенню повинна відповідати кнопка. Наприклад, якщо в Json конфігурації ми вказали 3 посилання на зображення, то необхідно додати 3 кнопки, значення кнопки при цьому залишити пустими:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/01825738-d065-4273-9d77-dad5ea8228b9/Untitled.png

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

Наприклад, на скріншоті нижче, якщо користувач клікне на зображення 1 чи 2, він перейде на блок "Оберіть потрібну категорію", а якщо клікне на зображення 3, то перейде на блок "Категорія в процесі розробки":

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ad8e774d-2f3e-4d88-887c-abacf2e5f065/Untitled.png

Приклад відображення слайдера в Telegram