Embed activity

How to set up a custom embed activity

David Kofoed Wind avatar
Written by David Kofoed Wind
Updated over a week ago

The Embed activity allows you to embed anything into Eduflow as a learning activity. Your learners will be able to interact with the embedded content without having to leave Eduflow.

Screenshot of Eduflow with a Mural embed

To use the Embed activity, you need to copy an embed code from the site you want to embed.

For example, the form tool Reform uses the following type of code which can be embedded in Eduflow's embed activity.

<div id="my-reform"></div>

<script>window.Reform=window.Reform||function(){(Reform.q=Reform.q||[]).push(arguments)};</script>
<script id="reform-script" async src="https://embed.reform.app/v1/embed.js"></script>

<script>
Reform('init', {
url: 'https://forms.reform.app/EnqcrG/feedback/v7ro9b',
target: '#my-reform',
background: 'default',
})
</script>

Standard and wide view

The Embed activity offers two width options – default (standard) and wide.

This toggle specifies how much space the embed will take up on the page. The standard view is contained to the activity description area while the wide option takes up all available space in the activity page.

Aspect ratio

You also have the option to set the aspect ratio of your embed. By default, the embed is set to 16:9 which is the aspect ratio for most videos. However, if you're embedding things that would benefit from a different aspect ratio, you can change it. Below is an example of an embedded PDF document with an aspect ratio that respects the tall format.

Activity completion

Learners will click a "mark as complete" button in order to complete embed activities.

Examples

Example 1: Use calendar tools to embed a calendar with events.

Below is an example with AddEvent, which allows learners to add the events directly to their online calendar and subscribe to calendars.

Did this answer your question?