Skip to content

Course page

Check Page Demo: Course Page

In today’s busy online world, lots of people like learning on the internet to get new skills. That’s why having a special page for courses on your website is super important. This page helps show off your courses and gets more people interested in learning from you.

A special course page can make SEO better and help get more leads.

These steps will show you how to create a course page that includes videos from YouTube, Vimeo, or BunnyCDN.

Step 1: Create a course page

Create new blog/page (recommeneded page type) and use the Course template.

You need to choose Course template and assign specific tags to indicate your video sources:

  • Youtube #youtube
  • Vimeo #vimeo
  • Bunny #bunny
  • HTML5 #htmlvideo
  • Alugha #alugha
assign specific tags to indicate your video sources
For example: Choose the Course template and my video source is Youtube

Step 2: Inject JS code and page content

Inject JS code and page content
Use HTML card in ghost editor to inject the code
window.lessons = [
{ "title": "Lesson 1: Orientation", "videoUrl": "WqASI-p-dJM" },
{ "title": "Lesson 2: Everything is a Node", "videoUrl": "v6C7t6l8iL4" },
{ "title": "Lesson 3: Data about Nodes", "videoUrl": "f4FcNhlU7G4" },
{ "title": "Lesson 4: Search in Tana", "videoUrl": "ohisZOdNNFY" },
{ "title": "Lesson 5: Supertag Basics", "videoUrl": "JPxYt1RNB7E" },
{ "title": "Lesson 6: Supertag + Search", "videoUrl": "2O_-l_RAr9Q" }

To optimize SEO, ensure your page content includes long-form content. This should be presented as the Introduction section of your course page.