Here is an example of an embedded double wheel from the Spin the Wheel website, spinthewheel.io:
How to embed Wheel pages into WordPress sites
As can be seen above, the page has been embedded into this website. This has been done on WordPress using the “Custom HTML” block component.
Don’t use the WordPress iframe function, as it doesn’t do what it’s supposed to! Try it on your WordPress site today and add an interactive component to it. Here’s how I did it in this case:
Here’s the code used for the above:
<iframe> src=”https://spinthewheel.io/dice-roller-2d6″ style=”border:0px #ffffff none;” name=”Spin the Wheel” scrolling=”no” frameborder=”1″ marginheight=”0px” marginwidth=”0px” height=”400px” width=”750px” allowfullscreen></iframe>
You can even embed without adverts. Just use the Design menu on the spinthewheel.io site and use the ‘Disable Ads’ switch.
Single Wheel
Below you can see another example for a singe wheel with a maximum fill using a div and iframe. You will also need to use the “Custom HTML” block component in WordPress. Here is the code used:
<div style=”width:100%; max-width:1200px; margin:0 auto;”>
<div style=”position:relative; width:100%; padding-top:95%; overflow:hidden;”>
<iframe
src=”https://spinthewheel.io/wheels/kzTB01QuzzsbjRkVMJ9pcz0xJmU9MA==“
style=”position:absolute; inset:0; width:100%; height:100%; border:0; display:block;”
scrolling=”no”
frameborder=”0″
allowfullscreen>
</iframe>
</div>
</div>