westudy 2.0

Тарифы
Кейсы

Матеріали Canva — прямо у вашому уроці

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

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

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

Коли доречно

Коли наочний матеріал уже підготовлений у Canva.

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

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

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

Матеріал Canva та його код вбудовування.

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

Перевірте читабельність і навігацію на телефоні.

МОЖЛИВОСТІ

Що можна вбудувати з Canva

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

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

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

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

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

Як використати Canva у навчанні

Зберіть візуальну пам’ятку «Як перевірити джерело»: автор, дата, докази, першоджерело. Додайте два вигадані приклади публікацій. Учень пояснює, яке джерело надійніше і яких даних бракує для висновку.

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

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

На скриншоті — Introducing Embeds on Canva — 5 слайдів. Сценарій уроку вище є методичною пропозицією WeStudy, а не описом усіх екранів цього демо.

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

Інтерфейс Canva та iframe-код

Презентація відобразилася, усі п’ять слайдів переглянуто за допомогою навігації плеєра. Приклад пояснює вбудовування Canva. Реальний скриншот тестового редактора WeStudy.

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

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

Introducing Embeds on Canva — 5 слайдів

<iframe
  src="https://www.canva.com/design/DACHZTlgWkU/view?embed="
  width="100%"
  height="100%"
  title="Introducing Embeds on Canva — 5 слайдів"
  allowfullscreen
></iframe>

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

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

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

Як додати Canva у WeStudy

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

  1. Відкрийте дизайн і Share.

  2. See all

  3. Embed.

  4. Опублікуйте дизайн для вбудовування й скопіюйте HTML-код.

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

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

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

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

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

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

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

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

Обмеження Canva та доступ

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

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

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

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

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

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

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

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

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

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

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

Запитання про Canva у WeStudy

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

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

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

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

Beautiful.ai

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

Pitch

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

Coursebox

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

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

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

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

30

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

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