Guide
How to embed an audio player in Wix.
Wix's built-in audio elements don't do before/after comparisons. Here's the click path to drop a lossless SoundToggle player — A/B or standard — into any Wix page using the Embed Code element, plus the one habit worth building early: Wix places embeds as a fixed-size box, so size it before you expect it to grow on its own.
This is what you'll be embedding
A live SoundToggle A/B player — the same one that ends up on your Wix page. Toggle it and hear the difference for yourself.
Two things to know before you start
Between them, these account for most "it didn't work" or "it looks cut off" reports on Wix specifically.
Embed HTML, not Embed a Site
Wix's Popular Embeds panel bundles several embed types in one place. "Embed a Site" expects a URL and iframes someone else's page — it has nowhere to paste a code snippet. "Embed HTML" is the one with an Enter Code button and a code field; that's the one your SoundToggle snippet goes into. Note that clicking it only places an empty box — you then select that box to paste the code.
The box doesn't grow on its own — size it up front
Unlike a WordPress or Squarespace page, Wix elements are placed as fixed-size boxes rather than flowing content. Even with the Responsive Embed, give the box a starting height from the layout table below when you place it, and revisit it by hand if you add a longer title or a playlist — don't assume it will expand automatically the way it does elsewhere.
Preview looking right isn't proof — check the live page
Your embed does render in the editor and in Preview, so you'll see the player there. The catch on Wix runs the other way: some embeds look fine in Preview and then come up blank once published, because Wix enforces HTTPS and third-party embedding rules on the live site specifically. Publish and open the live page before you call it done.
The click path, in 6 steps
The Responsive Embed in an Embed Code element — no app or premium feature required. No coding beyond copy-paste.
Copy the Responsive Embed from SoundToggle
In your SoundToggle dashboard, click the share/embed icon on the project card you want to publish, and choose Responsive Embed as the sharing method. Copy the whole snippet, script tag included.
Add Elements → Embed Code → Popular Embeds
In the Wix Editor, click Add Elements on the left side of the editor, click Embed Code, then click Popular Embeds. (In the newer Wix Studio Editor the path is Add Elements → Embed & Social → Embed Code, and there is no Popular Embeds step.)
Choose Embed HTML to place the element
Pick Embed HTML — not "Embed a Site," which takes a URL to iframe someone else's page and has nowhere to paste a snippet. Clicking it drops an empty embed box onto your page. It's still blank at this point; adding the code is a separate step.
Select the box, click Enter Code, paste, then Apply
Click the embed box you just placed, then click Enter Code to open the code field. Paste the whole snippet, script tag included, under "Add your code here" and click Apply. Wix only displays HTTPS code — your SoundToggle embed already is, so there's nothing to change.
Size the box by hand
Wix places the embed as a fixed-size box, the same as an image or button, and it will not grow to fit the player later. Drag its corner handles to set a starting width and height now, using the layout table further down this guide.
Publish, then confirm on the live page
The player should appear right away in the editor and in Preview. Publish anyway and open the live page before you call it done: Wix enforces HTTPS and third-party embedding rules on the published site specifically, so the live page is the only place that proves it works.
Wix Studio, and plan questions
Using the newer Wix Studio Editor
- If your site is built in the newer Wix Studio Editor rather than the classic Wix Editor, the embed sits under a different menu and skips the Popular Embeds step entirely: Add Elements → Embed & Social → Embed Code → Enter Code.
- Everything else is the same — paste the snippet, Apply, then drag the element to size before publishing.
Does this need a paid Wix plan?
- The Embed Code element itself is available for editing on every Wix plan, including the Free plan — there is no premium feature gate on pasting HTML into it.
- Wix's own free-plan limits are separate from this and apply to the whole site regardless of what you embed: a Wix-branded subdomain instead of your own domain, and Wix ads on the published pages. Neither affects whether the player itself works.
Starting height by player layout
Wix boxes don't reliably grow on their own, so pick a starting height here for either embed type — add a little if your project has a longer title or a playlist.
| Player layout | Suggested height |
|---|---|
| Minimal | 80px |
| Compact | 260px |
| Full Width | 320px |
| Default | 420px |
| Waveform | 420px |
| Social | 480px |
| Playlist | 500px |
| Video | 600px |
Which layouts you can pick depends on your SoundToggle plan. Free includes the Default and Minimal layouts. Pro adds Compact, Waveform, Social, and Full Width. The Video layout is on Studio. "Playlist" above isn't a separate layout — it's the height a playlist project needs.
If something looks off
Nothing appears in the editor or Preview
The embed should render in both, so don't wave this off. The usual cause is an empty box: choosing Embed HTML places the element, but the snippet only goes in afterwards via Enter Code.
Fine in Preview, blank once published
Wix only serves HTTPS embeds on the live site — check anything you pasted alongside the SoundToggle snippet, which is HTTPS already. Then confirm you used Embed HTML rather than "Embed a Site", and that the project is Public or Unlisted rather than Private.
Player is cut off at the bottom
The box is shorter than the layout needs. Select the element and drag its bottom handle taller — check the table above for a starting point.
Looks squished on mobile only
Wix's mobile editor keeps its own independent layout — open it and resize the element there separately from desktop.
More detail in the help center: Getting your embed code · Player embed not showing · Embed not resizing on mobile
Questions people ask
Can I embed a SoundToggle player on Wix?
Yes. In the Wix Editor, click Add Elements, click Embed Code, click Popular Embeds, and choose Embed HTML to place an embed box on the page. Then select that box, click Enter Code, and paste either SoundToggle embed code into the field. Give the element a starting height and width by dragging its handles, and confirm the result on your published page. We recommend the Responsive Embed; on Wix specifically, still set a starting height, since Wix elements are fixed-size boxes that don't grow on their own.
I added the embed and nothing appears
The embed should render in the editor and in Preview, so a blank box there is worth investigating rather than ignoring. Check that you actually pasted the code: choosing Embed HTML only places an empty box, and the snippet goes in afterwards via Enter Code. Confirm you used Embed HTML rather than "Embed a Site" (which takes a URL instead of a code paste), and that the whole snippet, script tag included, made it into the field. Also confirm the project is Public or Unlisted rather than Private, since private projects only render for you while logged in. If it renders in Preview but the published page is blank, that pattern almost always means non-HTTPS code — not an issue with a SoundToggle snippet, which is always HTTPS, but worth ruling out if you pasted anything else alongside it.
Do I need a specific Wix plan to embed a player?
No — the Embed Code element is available for editing on every Wix plan, including Free, with no premium feature gating the HTML paste itself. Wix's Free plan carries its own site-wide limits, like a Wix-branded subdomain and Wix ads on your published pages, but neither of those affects whether the embedded player works.
Should I use the Responsive Embed or the Iframe embed on Wix?
Either works, but the usual advantage of the Responsive Embed — that it resizes itself so a longer title or an extra playlist track never gets clipped — is less reliable on Wix specifically, since Wix places embeds as fixed-size boxes. Pick a height from the table below for either embed type, and expect to revisit it by hand if the project's content changes materially. The Iframe embed is the more predictable choice if you'd rather not depend on any resize behavior at all.
Why isn't my player getting taller when I add tracks or a longer title?
That's the fixed-size-box behavior above, not a broken embed. Select the element on the Wix canvas and drag its handles to a taller height — use the layout table on this page as a starting point, sized a little generous if the project has a playlist or a long title.
Can I embed a player if my site uses the newer Wix Studio Editor?
Yes — the same Embed Code element exists there, under a different menu and without the classic editor's Popular Embeds step: Add Elements → Embed & Social → Embed Code → Enter Code. Paste the same snippet and size the element the same way.
Can I password-protect a player before I show it to a client?
Yes. Set the project to Unlisted in SoundToggle and add an access password (available on the Pro plan and above) — the password applies wherever the player is embedded, including inside your Wix page, so only people with the password can hear it.
Does the embedded player support lossless WAV or FLAC playback?
It can, on a paid SoundToggle plan. The Free plan accepts lossy formats only (MP3, AAC, OGG, Opus, M4A, WebM); Pro and above add lossless WAV, FLAC, AIFF, and ALAC up to 500 MB per file, which is what you want for an accurate before/after comparison.
Free plan · No credit card
Your Wix site deserves a real A/B player.
Create your first project, grab the embed code, and you'll be toggling before/after audio on your site in a few minutes.
Get started free