Embed Resources on a Website

You can embed Mandala Audio-Video and Visuals resources in your own website with iFrames. An iFrame lets you add HTML content within another HTML page. 

To give access to resources from other Mandala tools, you can link to them.

Embed audio and video

1. Open the audio or video resource you want to share
2. Click the Share icon  in the toolbar on the media file

   • Sharing options will appear overlapping the media

3. Copy the iFrame code in the bottom field

4. Paste this code into your site's HTML to embed the media

   • Learn how to embed Mandala media in WordPress, or make an HTML page in UVaCollab (guide courtesy of ITS) 

Embed visualizations

1. Open the visualization you want to share
   • Learn more at View Visualizations
2. Click the Share icon 
   • This icon looks like a network above the visualization

   • The "Share" dialog box will open

3. Click the type of embed code you want

   • The embed code will open

4. Copy the embed code
5. Paste this code to add visualizations to websites 
   • Learn how to embed Mandala media in WordPress, or make an HTML page in UVaCollab (guide courtesy of ITS)