On this page

Course page

Demo Course Page ⬇️

Mastering Tana Core (by Cortex Futura) tanaflows.com

Introducing Tana Fundamentals - a course for a beginner. A step-by-step guide and examples are included in this 100% free resource.

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

For example: Choose the Course template and my video source is Youtube

Step 2: Inject JS code and page content

Use HTML card in ghost editor to inject the code

<script>
    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" }
    ];
</script>

<script>
    window.lessons = [
        { "title": "Lesson 1: Orientation", "videoUrl": "90553795?h=1d774ad316" },
        { "title": "Lesson 2: Everything is a Node", "videoUrl": "77895795?h=1d77fg5616" },
        { "title": "Lesson 3: Data about Nodes", "videoUrl": "89505795?h=1d7748ig9" },
        { "title": "Lesson 4: Search in Tana", "videoUrl": "8890795?h=2346ad396" },
        { "title": "Lesson 5: Supertag Basics", "videoUrl": "67323795?h=345t4ad318" },
        { "title": "Lesson 6: Supertag + Search", "videoUrl": "1243795?h=1d6u7d317" }
    ];
</script>

<script>
    window.lessons = [
        { "title": "Lesson 1: Orientation", "videoUrl": "ba5f257t-7e0f-43a8-94aa-efcd35977ff8" },
        { "title": "Lesson 2: Everything is a Node", "videoUrl": "ba5f257t-7e0f-43a8-94aa-efcd35977ff8" },
        { "title": "Lesson 3: Data about Nodes", "videoUrl": "hb5f6777t-7e0f-43a8-94aa-efcd35977hht" },
        { "title": "Lesson 4: Search in Tana", "videoUrl": "bn5f257t-7e0f-43a8-94aa-efcd35977uhj" },
        { "title": "Lesson 5: Supertag Basics", "videoUrl": "fa5f257t-7e0f-43a8-94aa-efcd35977juk" },
        { "title": "Lesson 6: Supertag + Search", "videoUrl": "rt5f257t-7e0f-43a8-94aa-efcd3597hhu" }
    ];
</script>

<script>
    window.lessons = [
        { "title": "Lesson 1: Orientation", "videoUrl": "https://mystorage.com/video-1.mp4" },
        { "title": "Lesson 2: Everything is a Node", "videoUrl": "https://mystorage.com/video-2.mp4" },
        { "title": "Lesson 3: Data about Nodes", "videoUrl": "https://mystorage.com/video-3.mp4" },
        { "title": "Lesson 4: Search in Tana", "videoUrl": "https://mystorage.com/video-4.mp4" },
        { "title": "Lesson 5: Supertag Basics", "videoUrl": "https://mystorage.com/video-5.mp4" },
        { "title": "Lesson 6: Supertag + Search", "videoUrl": "https://mystorage.com/video-6.mp4" }
    ];
</script>

<script>
    window.lessons = [
<script>
    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" }
    ];
</script>

Vimeo

Vimeo videos are often private, requiring the addition of the parameter ?h=xxxxxxxx after the video ID, as shown in the code reference above.

Bunny

In case you’re not familiar, Bunny is an affordable streaming video service with anti-download (DRM) features. It safeguards your videos from illegal downloading and even screen recording (need Enterprise plan).

Learn more about Bunny | Register Bunny

HTML5 Video

You can add video sources with MP4 format from your any cloud storage like pCLoud, Amazon, Uploadcare, etc

Alugha

Alugha is the free multilingual video platform like Youtube, but it will cost you for embed the videos on your own website. Please note.

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

Dedicated course hub pag

Have a dedicated course hub page is good. Check the tutorial of how to create a dedicated course hub page.