Skip to main content

How do metapages work?

Metapages are connected iframes (websites) where you can send/receive JSON messages​

An iframe is an entire HTML page that is embedded in another HTML page.

We have created a special kind of iframe called a [Problem Internal Link]. A [Problem Internal Link] iframe runs a small javascript client that can send and receive messages to and from other metaframe iframes via the parent page (the metapage). The metapage library coordinates messages between metaframes via the graph defined in the metapage's metapage.json file.

Because of the precautions of Cross Domain security, iframe page isolation plus secure messaging enables safe isolated webpage communication, controlled by the user or parent page.

Parent page content cannot inspect iframe content and vice versa.

The page can send and receive messages to frames. Frames send messages to each other via the page.

Communicate with the metapage​

Example embedding a metapage as a react component

If you embed a metapage in your own site, you can send/receive messages to any metaframe: