Loading...
Embed the Electric Guitar in your own webpage
If you're able to edit your website, you can add the virtual electric guitar
in just a few steps.
▽
Option 1
Embed with the default setup
▽
Option 1
Embed with the default setup1
Insert an iframe.
Add this snippet to your page's HTML.
<iframe
src="https://4four.io/embed/guitar/electric"
width="900" height="580"
frameborder="0">
<a href="https://4four.io/guitar/electric">
Electric Guitar
</a>
</iframe>
2
Go to your page.
Open your page in a browser. The Electric Guitar should be there, like this:
3
All done!
▽
Option 2
Embed with a customized setup
▽
Option 2
Embed with a customized setup1
Go to the Electric Guitar
2
Choose the settings you need.
Press the 
button to add notes, for example.
button to add notes, for example.3
Press the Link Button 
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/guitar/electric/1AQgyAK8ACAAcAxMbAhIBCQAA
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/guitar/electric/1AQgyAK8ACAAcAxMbAhIBCQAA
"
width="900" height="580"
frameborder="0">
<a href="https://4four.io/guitar/electric/1AQgyAK8ACAAcAxMbAhIBCQAA
">
Electric Guitar
</a>
</iframe>
6
Go to your page.
Open your page in a browser. The Electric Guitar should be there, with your chosen options, like this:
7
All done!
See Also