Configure Your Wheel
Leave empty to use preset items for the selected wheel type.
Your Embed Code
Copied to clipboard!
Live Preview
This is exactly what visitors will see when you embed the wheel.
Works on Every Platform
Paste the embed code into any of these CMS platforms in under a minute.
WordPress
- Open the page or post editor.
- Add a Custom HTML block (Gutenberg) or switch to HTML mode (Classic).
- Paste the iframe code and publish.
Shopify
- Go to Online Store → Pages or your theme editor.
- Click the </> source code button.
- Paste the iframe code and save.
Webflow / Any HTML Site
- Add an Embed component to your page.
- Paste the iframe code into the embed editor.
- Publish or save your changes.
What's Included in the Embed
The embedded wheel is fully functional — no reduced features, no watermarks, no signup wall.
Cryptographic Randomness
Every spin uses crypto.getRandomValues() for provably fair results.
Fully Responsive
Scales to any container size — from mobile to desktop without horizontal scrollbars.
7 Themes
Match your site's style with Default, Dark, Minimal, Gaming, Crypto, Studio, or High Contrast.
Pre-loaded Items
Pass your own items via URL parameter — visitors see your wheel ready to spin.
Frequently Asked Questions
Yes — the Wheel Spin Pro embed is 100% free with no account required. The embedded wheel is fully functional including spinning, confetti effects, winner display, and custom items. There are no ads inside the embed and no hidden costs.
Yes. Use the Custom Items field in the configurator above. Your items are encoded into the iframe URL as a parameter, so the wheel loads pre-populated for every visitor — no user input required.
No. Iframes load independently and do not block your page's rendering. The wheel uses
loading="lazy" by default so it only loads when scrolled into view, protecting your Core Web Vitals score.
Yes. Adjust the Width and Height fields in the configurator, or edit the
width and height attributes directly on the <iframe> tag. Setting width="100%" makes it fully responsive.
Yes. In the Gutenberg editor, add a Custom HTML block and paste the iframe code. In the Classic Editor, switch to Text/HTML mode and paste the code. The wheel will appear inline in your post.
Ready to Embed Your Wheel?
Scroll back up to the configurator, pick your settings, and copy your code in under 60 seconds.