You can embed just about anything that provides a secure embed code with the Embed Anything Block.
Sample Video Embed: learner preview mode on left and design mode on right
Sample Audio Embed: learner preview mode on left and design mode on right
How to embed just about anything
Create a new step on your course Path and open the step.
Select "Media" then "Embed Anything." You've added an Embed Block to your step!
Paste in your URL (or paste the full embed code into the appropriate field).
Optionally add more Blocks. When finished, hit Publish.
*If embedding unlisted or private videos from YouTube or Vimeo, please see the FAQs below for specific privacy setting requirements.
What can I embed?
Most commonly, this is used to embed video, audio, and surveys from third-party services, such as:
Videos from Vimeo, YouTube, Wistia, etc
Audio from SoundCloud, SermonAudio, etc.
Surveys from Typeform, Google Forms, etc.
Interactive H5P objects
Also embed PDFs from Scribd, slide presentations from Google Slides, and more.
💡Tip: You can also drop a "shareable" invite link into an Embed Anything Block to prompt learners to enroll in the next recommended course. See how to get your "shareable" invite link here.
With the Embed Anything Block, you can...
Embed via URL
Embed via full embed code and edit the code
Easily reorder and reuse the finished Block
Q. Can you host my video or audio content?
Q. Why isn't my private video showing up for learners?
A. Some privacy settings will not allow your videos to be viewed by learners when embedded in your course.
Private YouTube videos cannot be viewed by learners when embedded. Use the Unlisted setting instead.
Private Vimeo videos that are restricted to embedding on certain domains will need your domain (*.pathwright.com or your custom domain) whitelisted. You will also need to have the following domain whitelisted when you embed from the URL: cdn.iframe.ly.
Q. Can I link out to third-party content with a hyperlink instead?
A. Absolutely. Add any Text Block and then highlight the text you'd like to hyperlink. In the editor that pops up, select the hyperlink button. Enter your link and then hit Enter.
Q, Can I embed a button link?
A. Yes, you can use the Meeting Block to add a link out to a virtual meeting or calendar app (or anything, really).
Q. My H5P objects or other third-party embeds aren't loading correctly. What can I do?
A. Some types of embeds ask you to inject a script into your school header. Go to Account Settings > Connect other apps > Add custom code & pixel tracking, and paste the code under "Inject code into the header."
Q. Can I embed using SCORM?
A. We are currently unable to export to or import from SCORM. We've been looking into the new Tin Can version of SCORM since it is a better, more future-oriented version, but we don't have a timeline for implementing it.
Q. Can I embed ____?
A. You can embed content created in a third party program within a step on Pathwright as long as it meets the following criteria:
It provides an embed code or supports embedding from the URL.
It's hosted on a server that is under https (a secure connection).
It's no wider than 900px (or it should adapt responsively to the screen width, ideally).
You have permission to use the material.
If the embed code provided by the third-party service does not load correctly, you can create an iframe by inserting the following code into the embed field:
<iframe src="https://myurl.html" width="900" height="500"></iframe>
Now, change the URL (using https://) to point to where your hosted file is stored. You can adjust the height and width if needed.
Q. My Typeform isn't embedding correctly on mobile, what do I do?
A. For a responsive embed code for Typeform, replace the URL in the code below with your own and paste in as an embed code:
<div class="typeform-widget" style="width: 100%; height:600px;"><div class="typeform-wrapper" style="position: relative; width: 100%; height: 100%;"><iframe id="typeform-full" width="100%" height="100%" frameborder="0" src="https://yourbrand.typeform.com/yourID001">span id="selection-marker-1" class="redactor-selection-marker"</iframe></div></div>