Video Preview for Single Course

The Video Preview for Single Course feature allows instructors to add a video preview to the course page. This enhancement provides potential students with a visual and engaging introduction to the course content, increasing their likelihood of enrolling.

Video Preview on the Single Course Page

Importance and Benefits

Adding a video preview to your course page offers several benefits:

  • Increased Engagement: Videos can capture the attention of potential students more effectively than text alone.

  • Better Understanding: A video preview gives a clear and concise course overview, helping students understand what they can expect.

  • Enhanced Credibility: High-quality video previews can improve the perceived professionalism and credibility of the course.

How to Add a Video Preview

To add a video preview to your course, follow these steps:

  1. Edit the Course that you want to add Video Preview using Course Builder. You can do it in two ways:

  • Click on the Edit with Course Builder button on the Single Course page of the course that you want to add a video preview:

Editing the course with Course Builder via Course Page
  • Using the Courses section in the WordPress Dashboard:

Editing the course with Course Builder via WP Dashboard
  1. Navigate to Settings ->Main -> Source type for video preview:

Source type for video preview settings
  1. Select Video Source: Indicate the type of video you want to use for the preview. The available video sources are:


HTML (MP4)

The HTML (MP4) option allows you to upload a high-quality MP4 video file directly to the course page. Additionally, you can enhance the visual appeal of the video by uploading an image poster, which will be displayed before the video starts playing. This option is ideal for providing a professional and seamless video preview experience to potential students.

HTML (MP4) option
  • Poster for a video preview -use dragging & dropping to add an image poster to the video or just click on the upload button.

  • Video Preview - as a poster image you can use the drag & drop method or just use the special button to upload your video in .MP4 format.

Please note: The loading speed can be decreased after video upload depending on server limits, and if the video doesn't upload it is required to check server parameters.

YouTube

The YouTube option allows you to easily add a video preview to your course page by entering the YouTube video URL. This method leverages YouTube's robust hosting and streaming capabilities, ensuring a high-quality viewing experience. By using the YouTube option, you can provide potential students with an engaging and accessible video preview, showcasing your course content effectively.

Settings four YouTube Video Preview

To get a proper YouTube Video URL:

  1. Click on the Share Button in YouTube Video:

YouTube Video
  1. Copy the URL and paste it to the designated area in the Course Builder:

YouTube Video URL

Vimeo

Integrate a Vimeo video preview into your course page by entering the Vimeo video URL. This uses Vimeo's high-quality hosting for an excellent viewing experience. Provide potential students with an engaging and professional preview of your course content.

Vimeo as a prefered video source

Choose Vimeo as a source type and paste the video URL.

Vimeo as a Source

The External Link option allows you to add a video preview to your course page by providing the URL of a video hosted on an external platform. Additionally, you can upload an image poster to display before the video starts playing. This option is ideal for using videos hosted on your own servers or other video platforms, offering flexibility and a professional preview experience for potential students.

External Link as a Source

You can also add a poster image for video preview as HTML (MP4) option.

Embed

The Embed option allows you to include a video from an external source by pasting the embed code provided by the video hosting service. This method supports various platforms and enables seamless integration of your video content into the course page. The Embed option is perfect for utilizing videos hosted on platforms like Dailymotion, Brightcove, or Wistia, ensuring a smooth and professional video preview experience for potential students.

Embed Code Settings

Just enter the embed code in the designated area.

Here is an example of the correct embed iframe code:

<iframe allowtransparency="true" title="Wistia video player" allowFullscreen frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" src="https://fast.wistia.net/embed/iframe/1w9z4zg847" width="400" height="225"></iframe>

Tips

  • Ensure your video preview is engaging and relevant to the course content.

  • Use high-quality images for video posters to create a professional look.

By following these steps, you can enhance your course page with a compelling video preview, making your course more attractive to potential students.

Last updated

Was this helpful?

#514: PeepSo: added to ADDITIONAL Features section

Change request updated