{"id":2361,"date":"2026-03-12T12:08:46","date_gmt":"2026-03-12T11:08:46","guid":{"rendered":"https:\/\/norskinteraktiv.no\/?p=2361"},"modified":"2026-03-12T12:10:33","modified_gmt":"2026-03-12T11:10:33","slug":"2361-2","status":"publish","type":"post","link":"https:\/\/norskinteraktiv.no\/en\/2361-2\/","title":{"rendered":"How to build engaging online courses with MentorKit Course Creator"},"content":{"rendered":"<section id=\"text-block_b375edc2668342440d95bff39c19300f\" class=\"text alignfull\">\n\t<div class=\"text-container\">\n\t\t<div class=\"text-inner-container\">\n\t\t\t\t\t\t\t<p>We've all experienced the dreaded \u00abNext, Next, Finish\u00bb type of online course. You know, the endless walls of text, uninspiring layouts and an interface that feels like it was made in the early 2000s.<\/p>\n<p>But what if you actually need to build something that really engages your team? Imagine you've been tasked with creating your company's new onboarding course: \u00abSustainability in the Modern Workplace.\u00bb This isn't just a formality to tick off a compliance form - it's about a culture change. The course needs to look professional, be interactive and work perfectly on all devices.<\/p>\n<p>The good news? You don't need a degree in web design to make it happen. Let's walk through how you can use MentorKit Creator to turn this vision into reality step by step.<\/p>\n<p>Start with a solid foundation<\/p>\n<p>All good projects start with a clear vision and a structured plan. Before we worry about colours and images, we need to lay the foundation.<\/p>\n<p>When you open Creator for the first time, your dashboard is the command centre. Creating the course framework itself only takes a few seconds. You give the course a clear title, such as Sustainability 101, and a short description so participants know exactly what they're getting into.<\/p>\n<div style=\"padding:51.44% 0 0 0;position:relative;\"><iframe src=\"https:\/\/player.vimeo.com\/video\/892631753?h=3198545a66&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" title=\"01. Getting Started with MentorKit. Course Creator: How to Create your first course\"><\/iframe><\/div>\n<p><script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script><\/p>\n<p>See how easy it is to start your very first course from the main dashboard.<\/p>\n<p>Once the course is created, the real magic happens in the structuring phase. A course is essentially a digital book, and a good book needs chapters. Instead of gathering all the content on one huge page, MentorKit allows you to create separate pages for topics such as \u00abEnergy efficiency\u00bb, \u00abWaste management\u00bb and \u00abGreen commuting\u00bb.<\/p>\n<p>The best part is how visually intuitive this is. By dragging one page slightly to the right below another, you instantly create a sub-chapter. This makes it easy for employees to navigate through a more comprehensive sustainability course.<\/p>\n<div style=\"padding:56.25% 0 0 0;position:relative;\"><iframe src=\"https:\/\/player.vimeo.com\/video\/891478724?h=81983d6b94&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" title=\"Swap Containers: Watch the &quot;Swap With&quot; tool in action, allowing you to instantly redesign your layout without losing content.\"><\/iframe><\/div>\n<p><script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script><\/p>\n<p>See how drag-and-drop makes it easy to reorganise pages and build a clear chapter structure.<\/p>\n<p>Bringing knowledge to life<\/p>\n<p>Once the structure is in place, it's time to embed the content. Chances are you already have your training material in a Word document or PDF.<\/p>\n<p>The text editor in MentorKit is designed to be smart. You can drag and drop text directly from your browser or document into your course. For example, if you're pulling statistics on global recycling rates from Wikipedia, you can easily embed links, bold important numbers and apply rich text formatting.<\/p>\n<p>A pro tip for course developers: If you're copying text from a Word document with a lot of formatting, use the \u00abPaste without formatting\u00bb feature to ensure the text fits into your design and keeps a consistent look.<\/p>\n<div style=\"padding:51.44% 0 0 0;position:relative;\"><iframe src=\"https:\/\/player.vimeo.com\/video\/901823562?h=7712b5e980&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" title=\"Discover how to efficiently pull in external text, apply rich formatting, and manage tables and hyperlinks. The text editor\"><\/iframe><\/div>\n<p><script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script><\/p>\n<p>See how you can easily capture text, apply rich formatting and manage tables and links.<\/p>\n<p>Design for impact: Grid system<\/p>\n<p>We're moving from being writers to being designers. A modern course shouldn't just consist of text; it needs variety in layout to hold attention.<\/p>\n<p>MentorKit uses \u00abContainers\u00bb flexible boxes that can contain text, images and interactive elements.<\/p>\n<p>By default, a page may start with one large container, but you can easily choose a layout with two, three or four columns. In our sustainability course, for example, you can use a two-column layout: an engaging introductory text on the left and an inspiring image of a wind farm on the right.<\/p>\n<div style=\"padding:51.44% 0 0 0;position:relative;\"><iframe src=\"https:\/\/player.vimeo.com\/video\/886834840?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" title=\"Learn how to select page layouts and populate flexible containers with your content. Containers\"><\/iframe><\/div>\n<p><script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script><\/p>\n<p>See how to choose page layouts and fill flexible containers with content.<\/p>\n<p>But what if you change your mind? Perhaps you've created a great page but realise that the image should be on the left to direct the eye better.<\/p>\n<p>Instead of deleting everything and starting over, you can use the \u00abSwap\u00bb feature to swap space between containers in an instant.<\/p>\n<div style=\"padding:56.25% 0 0 0;position:relative;\"><iframe src=\"https:\/\/player.vimeo.com\/video\/1068815508?h=81983d6b94&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" title=\"Swap Containers: Watch the &quot;Swap With&quot; tool in action, allowing you to instantly redesign your layout without losing content.\"><\/iframe><\/div>\n<p><script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script><\/p>\n<p>See how the Swap With tool allows you to redesign the layout without losing the content.<\/p>\n<p>To bring your containers to life, you have full control over their properties. You can adjust the padding (the air around the content) so that the text is not right up against the edges. You can also use solid background colours or elegant gradients.<\/p>\n<p>For example, a subtle green-to-blue gradient behind a container with \u00abRecycling tips\u00bb can reinforce the environmental theme of your course.<\/p>\n<div style=\"padding:51.44% 0 0 0;position:relative;\"><iframe src=\"https:\/\/player.vimeo.com\/video\/890268177?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" title=\"Container properties: Dive deep into fine-tuning container aesthetics, from adjusting padding to creating custom backgrounds\"><\/iframe><\/div>\n<p><script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script><\/p>\n<p>Go in-depth on container settings from padding to custom background gradients.<\/p>\n<p>Engage the senses: Visual elements and interactivity<\/p>\n<p>A picture is worth a thousand words, especially in e-learning. To make your course visually stunning, you don't even need to leave the platform.<\/p>\n<p>MentorKit is directly integrated with Unsplash, giving you access to millions of high-resolution and free images.<\/p>\n<p>Whether you need an image of a bustling city or a quiet forest, you can add it directly into the course. The platform also allows you to define a focal point in the image. This means that even when the screen gets smaller, the most important subject such as the Eiffel Tower or a face will still be perfectly centred.<\/p>\n<div style=\"padding:51.44% 0 0 0;position:relative;\"><iframe src=\"https:\/\/player.vimeo.com\/video\/892231483?h=5e073485d5&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" title=\"Images and graphics: Explore how to integrate Unsplash graphics, manage image transparency, and utilise the crucial Focus Point\"><\/iframe><\/div>\n<p><script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script><\/p>\n<p>See how you can integrate Unsplash images, adjust transparency and use the Focus Point tool.<\/p>\n<p>Sometimes you also have too much information for one screen. For example, if you need to explain \u00abThe 5 pillars of sustainable business\u00bb, a long text can be overwhelming.<\/p>\n<p>Then you can use the Accordion element. This allows you to collect information in clickable sections. Participants can open \u00abPilar 1\u00bb, read text and see an image, and then close it again.<\/p>\n<p>This turns a static text into an interactive discovery process. You can also customise colours, rounded corners and the spacing between sections.<\/p>\n<div style=\"padding:52.5% 0 0 0;position:relative;\"><iframe src=\"https:\/\/player.vimeo.com\/video\/885152035?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" title=\"Accordion: See how to build interactive, space-saving accordions to present deep data cleanly.\"><\/iframe><\/div>\n<p><script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script><\/p>\n<p>See how you can use Accordion to present a lot of information in an organised and interactive way.<\/p>\n<p>The final touch: Perfect mobile experience<\/p>\n<p>You have now created a great course. The text is clear, the layout balanced and the images inspiring.<\/p>\n<p>But here's the reality of modern corporate training: Half of attendees are likely to take the course on their mobiles.<\/p>\n<p>If a beautiful four-column layout suddenly turns into microscopic text on an iPhone, you'll lose their attention.<\/p>\n<p>This is where responsive design comes in. You don't need to create a separate mobile version of your course. By using the preview, you can simulate smaller screens.<\/p>\n<p>MentorKit automatically recognises the screen width and stacks the containers vertically. The image that used to be on the right now sits below the text for a seamless experience on all devices.<\/p>\n<div style=\"padding:51.44% 0 0 0;position:relative;\"><iframe src=\"https:\/\/player.vimeo.com\/video\/892621120?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" title=\"Responsive design: Watch the magic of responsive design as containers automatically stack and resize to fit any screen\"><\/iframe><\/div>\n<p><script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script><\/p>\n<p>See how responsive design automatically adapts the layout to any screen.<\/p>\n<p>Now it's your turn<\/p>\n<p>Creating a great course is no longer about wrestling with cumbersome software. It's about telling a good story.<\/p>\n<p>With these tools at hand, your \u00abSustainability in the modern workplace\u00bb course can inspire and engage your team.<\/p>\n<p>Would you like me to also help you create a concrete case example or a quiz section that can be placed in the middle of the blog post to make it even more convenient for readers?<\/p>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>We've all experienced the dreaded \u00abNext, Next, Finish\u00bb type of online course. You know the ones - endless walls of text, uninspiring layouts and an interface that feels like it was made in the early 2000s.<\/p>","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-2361","post","type-post","status-publish","format-standard","hentry","category-nyheter"],"acf":[],"_links":{"self":[{"href":"https:\/\/norskinteraktiv.no\/en\/wp-json\/wp\/v2\/posts\/2361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/norskinteraktiv.no\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/norskinteraktiv.no\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/norskinteraktiv.no\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/norskinteraktiv.no\/en\/wp-json\/wp\/v2\/comments?post=2361"}],"version-history":[{"count":2,"href":"https:\/\/norskinteraktiv.no\/en\/wp-json\/wp\/v2\/posts\/2361\/revisions"}],"predecessor-version":[{"id":2364,"href":"https:\/\/norskinteraktiv.no\/en\/wp-json\/wp\/v2\/posts\/2361\/revisions\/2364"}],"wp:attachment":[{"href":"https:\/\/norskinteraktiv.no\/en\/wp-json\/wp\/v2\/media?parent=2361"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/norskinteraktiv.no\/en\/wp-json\/wp\/v2\/categories?post=2361"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/norskinteraktiv.no\/en\/wp-json\/wp\/v2\/tags?post=2361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}