How to embed an OKMindMap inside your blog or Moodle webpage resource.

--- Advertisement ---

Connected 2023
Connected Conference OpenLMS

Hi. In this post, I will show you how to embed an OKMindMap in your website or Moodle webpage resource or label.

This method is different from adding an OKMindMap activity to your Moodle site as mentioned previously in this post. That was a pretty long post wasn’t it? Don’t worry, this article is short(er) and sweet(er). The method oulined in this article is quite straight-forward and easier to implement that the OKMindMap activity. The advantage of a Moodle activity is that it can be tracked and logged. Warning: a mindmap embedded (as shown in the sections below) in a Moodle label resource or Moodle webpage resource cannot be logged. With that in mind, let’s begin!

The window below is an example of an embedded OKMindMap. One of my mindmaps saved on Here it is just an image. It is a live embedded object on my blog. There you can click it, and hold and drag your mouse. You can click on the tip of any first level node to expand the child nodes. You can zoom and unzoom with your mouse scroll-wheel.

Here’s the embed code of the above window:

<iframe src=""
width="600" height="600" ></iframe>

How did I get the embed code of the OKMindmap object? Read on to find out how on my blog post. Screenshots are in gorgeous technicolour.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Dive Deeper On

The Latest

The eLearn Podcast

Connected Conference OpenLMS

--- Advertisement ---

Post Pages - Sidebar 4 - CourseMerchant

--- Advertisement ---

Post Pages - Sidebar 7 - Titus Learning

--- Advertisement ---

Post Pages - Sidebar 5 - Edwiser (RemUI)

Subscribe to our newsletter

Education technology has the power to change lives. 

To get the latest news, information and resources about online learning from around the world by clicking on the button below.