✕

How To: Embed

Loading...
Embed an Orff mallet instrument in your own webpage
If you're able to edit your website, you can add the online Xylophone , Metallophone or Glockenspiel in a few steps.
▽
Option 1 Embed with the default setup
1 Insert an iframe.
Add this snippet to your page's HTML for the Alto Xylophone.
<iframe   src="https://4four.io/embed/xylophone/alto"   width="900" height="460"   frameborder="0">  <a href="https://4four.io/xylophone/alto">    Xylophone  </a> </iframe>
2 Go to your page.
Open your page in a browser. The Xylophone should be there, like this:
3 All done!
▽
Option 2 Embed with a customized setup
1 Go to the Xylophone
2 Choose the settings you need.
Press the Edit button and then the 5 button to switch to the Pentatonic scale, for example.
3 Press the Link Button Link
This will create links for your configuration.
4 Note the exercise text.
It's at the end of the links. Here's an example:
https://4test.io/embed/xylophone/alto/1AQAyjAMEEoYAAcxDRFLGQA
5 Insert an iframe with the exercise text.
Add this snippet to your page's HTML. Replace the highlighted part with the text from step 4.
<iframe   src="https://4four.io/embed/xylophone/alto/1AQAyjAMEEoYAAcxDRFLGQA "   width="900" height="460"   frameborder="0">  <a href="https://4four.io/xylophone/alto/1AQAyjAMEEoYAAcxDRFLGQA ">    Xylophone  </a> </iframe>
6 Go to your page.
Open your page in a browser. The Xylophone should be there, with your chosen options, like this:
7 All done!