Embed a Versal Course in your Website or Blog

In our quest to build an open platform for anyone to create and share courses, we are especially drawn to ideas that offer instructors new levels of freedom and flexibility.

The Versal Embedded PlayerToday, we’re releasing our first major feature since launch: course embedding. It’s the freedom to publish your course on your website or blog.

Course embedding has been on the Versal roadmap since very early in our development. And as we suspected, it has also been the top request since launch – by a landslide. So today we’re very excited to test this new feature, and are especially interested to hear your experiences as you give it a try.

What is course embedding?

It’s an easy way to add your course directly to your website or blog. Much like with embedded videos, people who take your course never leave your website. They access the course right in the embedded course player.

How hard is it to embed a Versal course?

Simply copy a short snippet of code from your course’s overview page (click the </> icon) and paste it into your website or blog’s HTML code. Your course is now live wherever you’ve embedded it. Embed code

Wait, does this mean you have to be a coder to embed a course? No, absolutely not. If you can copy-and-paste text, you can embed a Versal course.

To make it easy, we’ve created this short course below (coincidentally, embedded here in our own blog using the same feature) with step-by-step instructions for many of the most common places on the web, including:

[embedit snippet=”[embedit snippet=”versal-course-tutorial”]

Course embedding is also a new way for people to share your courses with their own audiences. Let’s say you create a course to teach Conversational Spanish, and embed it on your own blog. One of your readers also writes a blog with travel tips. She can also embed your course in her own site and share it with her readers.*

Can courses go viral? Courses are a very different experience than a 50-second cat video, but it’s always possible. If you embed a course into your blog or website, post a link on our Facebook page and we’ll feature our favorites.

A few quick tips:

  1. The embedded course player is 750 pixels wide. If you embed a course on your website, make sure you allocate the appropriate space. If you are embedding your course on a blog, we recommend single column-width templates or themes with extra white space around the columns.
  2. When you open the embed code window (by clicking on the </> symbol), you have two size choices: 750×527 and 750×1000. The difference? The second offers your learners more vertical space for reading.
  3. As the first version of the embedded course player, you may encounter a few glitches. For example, in some cases when you’re using Safari, the course may not fully load correctly in the frame. If you refresh your page, it should load properly. If you come across any bugs or glitches, please drop us a note at help@versal.com or here.

We’re looking forward to seeing your courses appear all over the web. And keep the ideas and feedback coming (email us, or find us on Facebook and Twitter). Our beta has been an incredible learning experience, and we’ve been humbled by your support and grateful for your enthusiasm. Stay tuned for more updates coming soon…


*Note…we’re sensitive to the fact that you may want to post a course on your own blog, but not have it posted elsewhere. This is an early version, and like all of our other beta features, we’ll be continually refining and enhancing it. We do expect to offer instructors the option to turn off course embedding in the future. For now, if you do not want your course to be embedded by anyone else, we recommend inviting people to directly take your course or sharing links with people you trust.