Sound design is best experienced hands-on, not buried in static screenshots or zipped .syx files. Whether you are writing a synth tutorial, reviewing gear on your blog, or showcasing custom patches in a forum, your readers should be able to hear, tweak, and play your sound patches directly in their browser.
Today, we are thrilled to introduce Embedded Interactive Patch Cards for the closeby.one Synth Directory. Now, you can embed any synthesizer profile, interactive CC controller grid, or custom sound preset directly onto your website with a single line of HTML.
The Problem: Static Patches in a Live Music World
Historically, sharing synthesizer patches online meant:
- Taking static screenshots of knob positions that readers manually copy.
- Zipping up hardware SYSEX/MIDI files that require desktop software to load.
- Uploading audio demos without letting users inspect how the sound was constructed.
None of these methods bridge the gap between reading about a patch and actually playing it on hardware.
The Solution: Plug-and-Play Embedded Widgets
With embedded cards, any synth profile or user preset on closeby.one can be embedded as an interactive HTML widget. Visitors to your website can:
- Interact Live: Tweak sliders, envelopes, and filter cutoffs directly inside the embedded frame.
- Connect Physical Hardware: Thanks to Web MIDI (
allow="midi"), visitors can plug in their physical synthesizers (like a Moog Minitaur, Arturia MicroFreak, or Novation Bass Station II) and send parameter updates to their hardware in real-time. - Audition & Fork: Explore patch notes, cable routings, and creator attributions, with a quick link to open the full editor in closeby.one.
Two Versatile Layout Formats
When generating your embed code, you can choose between two purpose-built layout formats:
1. Patch Card (Mini)
Perfect for blog posts, gear reviews, and forum signatures. The Mini format presents a sleek, compact card highlighting the synth manufacturer, preset name, creator handle (@user), patch description, and a direct ⚡️ Send to Synth button.
<iframe src="https://closeby.one/synths/moog-minitaur/embed?mini=true#patch=..." width="100%" height="320" style="border:none; border-radius:16px; background:#020617;" allow="midi"></iframe>
2. Sliders Grid (Full)
Ideal for in-depth synth tutorials and parameter reference guides. The Full format embeds the complete virtual CC controller canvas, giving your audience full access to all parameters, modulation routings, and slider controls.
<iframe src="https://closeby.one/synths/moog-minitaur/embed#patch=..." width="100%" height="520" style="border:none; border-radius:16px; background:#020617;" allow="midi"></iframe>
Step-by-Step Workflow: How to Embed a Patch
Getting your interactive patch widget up and running takes less than 30 seconds:
- Browse or Dial In Your Patch: Navigate to any instrument profile in the Synth Directory and adjust the sliders or load a saved preset.
- Open Embed Modal: Click the Embed Editor button (
</>) on the virtual controller card. - Select Your Layout: Choose between Sliders Grid (Full) or Patch Card (Mini).
- Copy & Paste: Click COPY CODE to copy the ready-to-use HTML snippet, then paste it directly into your WordPress, Ghost, MDX, or HTML website code.
3 Creative Ways to Use Embedded Synth Cards
1. In-Depth Sound Design Tutorials
If you are explaining how to dial in an 80s synthwave bass or an acid lead, embed a live Sliders Grid. Readers can inspect exact CC values, see how envelopes interact with filter cutoff, and push the patch to their synth while reading your article.
2. Gear Reviews & Hardware Comparisons
Reviewing a new analog desktop synth? Embed a Mini Patch Card for each sound example in your article. Readers can audition different patch variations and test parameter ranges on their own hardware.
3. Presets & Patch Packs Promotion
Promoting a free or commercial preset pack? Embed interactive mini cards on your landing page so prospective buyers can inspect knob settings and patch descriptions live before downloading.
Get Started Today
Embedded Patch Cards are live across all 30+ hardware synthesizer profiles on closeby.one.
Head over to the Synth Directory, pick your favorite synth, and share your patches with the community!