westudy 2.0

Тарифи
Кейси

Слайди Beautiful.ai — прямо в уроці

Презентація вже готова? Додайте її до уроку, щоб учні переглядали слайди поруч із поясненням і завданням до теми.

Пояснення, готовий матеріал і завдання — в одному уроці WeStudy.

ДЛЯ ВАШОГО УРОКУ

Коли доречно

Для наочного пояснення, схеми чи підсумку теми.

Що побачить учень

Опубліковану презентацію з перемиканням слайдів.

Що підготувати

Презентацію з публічним доступом і код вбудовування.

Перед публікацією

Переконайтеся, що у відкритій презентації немає закритих даних.

МОЖЛИВОСТІ

Що можна вбудувати з Beautiful.ai

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

Звичайне посилання та oEmbed не замінюють iframe-код у WeStudy. Якщо презентація містить закриті дані, підготуйте окрему навчальну копію до публікації.

Коли обрати цей спосіб

Коли ви вже створюєте матеріали в Beautiful.ai і хочете зберегти їхній власний інтерфейс. Пояснення завдання та критерії оцінювання розмістіть у WeStudy, щоб навчальний маршрут залишався зрозумілим.

АВТОРСЬКА ІДЕЯ ДЛЯ УРОКУ

Як використати Beautiful.ai у навчанні

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

Як перевірити навчальний результат

Попросіть учня подати коротку відповідь або власну роботу в завданні WeStudy. Оцінюйте пояснення рішення та застосування матеріалу, а не лише факт відкриття вікна.

Це запропонований сценарій уроку. Він не є готовим опублікованим демо або результатом тестування у вашому кабінеті.

ВИГЛЯД МАТЕРІАЛУ

Інтерфейс Beautiful.ai та iframe-код

Презентація Training Presentation відкрилася в редакторі WeStudy. Перехід із титульного слайда до змісту перевірено клавішею навігації. Повне проходження презентації не перевірялося. Реальний скриншот тестового редактора WeStudy.

ПЕРЕВІРЕНИЙ ПРИКЛАД

Посилання та код iframe

Реальний приклад Beautiful.ai у редакторі WeStudy.

<iframe
  src="https://www.beautiful.ai/player/-MlBcUxNy8K7MslN_pPI"
  width="100%"
  height="720"
  title="Beautiful.ai — приклад"
  allowfullscreen
></iframe>

Презентація Training Presentation відкрилася в редакторі WeStudy. Перехід із титульного слайда до змісту перевірено клавішею навігації. Повне проходження презентації не перевірялося. Для свого курсу замініть демонстраційний матеріал власним і перевірте доступ студента.

Звідки брати адресу iframe. У коді, який видає сервіс, знайдіть атрибут src: його значення — адреса вбудованого матеріалу. У WeStudy вставляйте весь код, зберігаючи параметри та дозволи постачальника.

ПОКРОКОВА ІНСТРУКЦІЯ

Як додати Beautiful.ai у WeStudy

1. Отримайте код у Beautiful.ai

  1. Presentation

  2. Sharing Settings.

  3. Змініть доступ навчальної копії з Private на Public.

  4. Get Embed Code

  5. Copy Embed Code to Clipboard.

2. Вставте iframe в матеріал курсу

На скриншоті вище показано саме Beautiful.ai: меню курсу ліворуч, матеріал посередині та поле iframe праворуч.

  1. У розділі «Курси» відкрийте курс і редактор його змісту. Оберіть модуль та натисніть «+ Додати матеріал».

  2. Перейдіть у «iFrame та Інтеграції» та оберіть тип матеріалу «iFrame».

  3. У «Загальні налаштування» додайте назву, короткий опис і зображення. Наприклад, назвіть матеріал «Beautiful.ai — практика» та поясніть завдання студентам.

  4. У розділі «iFrame» вставте повний код вбудовування Beautiful.ai у поле «Вставте html код iframe елемента». Потрібен HTML-код iframe, а не звичайне посилання на сайт. Беріть його лише з надійного HTTPS-ресурсу, який дозволяє вбудовування.

3. Перевірте з боку студента

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

Обмеження Beautiful.ai та доступ

Звичайне посилання та oEmbed не замінюють iframe-код у WeStudy. Якщо презентація містить закриті дані, підготуйте окрему навчальну копію до публікації.

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

Якщо iframe не відкривається

Запитується вхід

Перевірте доступ саме до матеріалу, а не лише до сторінки автора. Закрите джерело залишається закритим усередині iframe.

Порожнє вікно або заборона вбудовування

Повторно скопіюйте офіційний код. Якщо сервіс має список дозволених доменів, додайте фактичний домен школи. Не підміняйте адресу редактором.

Матеріал перестав працювати

Перевірте, чи не вимкнено публікацію, чи не завершився строк посилання та чи залишився доступ на потрібному тарифі.

Не видно нижніх кнопок

Збільште висоту iframe у налаштуваннях, які дозволяє постачальник, і перевірте результат на вузькому екрані.

Запитання про Beautiful.ai у WeStudy

Джерела та актуальність

Редакція WeStudy · Перевірка прикладу: 6 жовтня 2026.

Презентація Training Presentation відкрилася в редакторі WeStudy. Перехід із титульного слайда до змісту перевірено клавішею навігації. Повне проходження презентації не перевірялося. Перевірка відображення проведена у тестовому редакторі WeStudy. Перед запуском перевірте доступ із правами студента та вигляд на телефоні.

Що ще додати до курсу

Pitch

Презентація, опублікована через зовнішнє посилання.

Canva

Опублікований дизайн або презентація Canva.

Coursebox

Опис і програма курсу в iframe; доступ до уроків може потребувати входу.

●  ВАШ НАСТУПНИЙ КРОК

Спробуйте WeStudy
безкоштовно

Від першої ідеї до власної онлайн-школи. Створюйте, навчайте та розвивайте свій проєкт разом із WeStudy.

30

днів безкоштовно

Доступ до всіх функцій безкоштовно на 30 днів