How to embed a mind map into your website as a widget?

06 october 2021

You can embed maps on your website.


Mind map moving

Try here to move the platform or minimize branches:


The code builder is currently under development. However, you can make the code manually.

To do this:

1. Create a mind map and share it

You can create a mind map at this link:

2. Copy the link into notepad and add the required parameters to it

For example:

Please note

  • A link is followed by ? then the parameters
  • Parameters are separated by a sign &

Available options

  • menubar=0 - remove menubar
  • panelMain=0 - remove main bar
  • panelThemes=0 - remove theme bar
  • panelIcons=0 - remove icon bar
  • panelIcons=open - force the icon bar to open (for shared as editable)
  • panelColors=0 - remove color bar
  • panelColors=open - force the color bar to open (for shared as editable)
  • freezePanels=1 - prohibit opening/closing bars
  • roundedPanels=1 - rounded corners on bars
  • scrollable=0 - turn off map scrolling
  • isolate=1 - users will each edit a different version of your file, otherwise users will edit the same file
  • platformMask=IMAGE_URL - a mask that can be used to trim the map. Example of a picture mask, Example of a cropped mind map.


3. Insert the link in a <iframe> tag and place it on your website

Tag template:

	style="border: none;"

Where THE_LINK - is a link you made in notepad.

For example:

	style="border: none;"

Author of the article: Roman M.


See also

Mind Maps Scripts

What are mind map script for?

To create unique functionality. For example:

  • Inserting current date
  • Insertion of synonyms
  • And anything else you need

Unobvious in IOctopus

When it makes sense, we break the design rule: "everything should be obvious in the interface". But what would be the point of that?