Developers build interactive widgets with configurable settings. Non-technical users customize colors, text, images, layouts, and behavior — without touching code. One widget. Many versions.
Free forever — unlimited widgets, no credit card.
Embed in Canva, Shopify, WordPress, Notion, Webflow, Squarespace, and any site.
This is the real WebDYI customizer — interact with it above.
One side wants to ship and move on. The other side wants to tweak forever. Today that gap gets filled with Slack pings, forked code, and broken layouts.
Build the widget once. Expose only the settings you want users to edit. WebDYI auto-generates the customization form. No more forks, no more "can you change the button color" tickets.
Customize safely through a form instead of code. No HTML. No CSS. No JavaScript. Just text, color, image, and toggle controls — like Canva.
Think of it as the Shopify theme editor for embeddable widgets.
Most widget tools give you a locked-down preset and a few color swaps. WebDYI gives you a real design surface — with a no-code form built around it, so your team and clients can take it from there.
Define settings (text, color, image, video, range, select, checkbox) and repeatable blocks. WebDYI auto-generates a clean, Canva-friendly form your clients actually enjoy using.
Edit every visual detail — layout, typography, motion, content blocks. Start from a template, then make it yours. No "12 boring presets" ceiling.
One embed link works on Canva, Notion, Webflow, Shopify, WordPress, Framer, and every iframely-powered surface. Hosted on a fast CDN, sandboxed by default.
The other tools give you a locked widget with a few toggles. WebDYI gives you a real, schema-driven design surface — at a price that doesn't scale with views.
|
Elfsight
Preset widget gallery
|
Common Ninja
Preset widget gallery
|
WebDYI
For designers & agencies
|
|
|---|---|---|---|
| Customization depth | Fixed presets, color & copy toggles only. | Fixed presets, color & copy toggles only. | Full HTML, CSS, JS + Shopify-style schema. Edit anything. |
| Build your own widget | No | No | Yes — design once, reuse forever |
| Auto-generated no-code form | Built-in editor, fixed fields | Built-in editor, fixed fields | Yes — Shopify-style schema |
| Pricing model | From ~$6/mo per app, scales by views | From ~$5.5/mo per app, scales by views | Free forever · $4.99/mo to remove branding |
| View / impression limits | Tiered view caps per plan | Tiered view caps per plan | None — unlimited views on every plan |
| Unlimited widgets | Paid per app/widget | Paid per app/widget | Yes, on free plan |
| Static, sandboxed embed | JS-injected widget loader | JS-injected widget loader | Yes — CDN-served static page, opaque-origin iframe |
| Canva / iframely embed | Limited / workaround | Limited / workaround | Native — approved iframely provider |
| White-label embed | Higher-tier plans | Higher-tier plans | Included on $4.99 plan |
| Agency / multi-client workflow | Per-client account / plan | Per-client account / plan | Hand clients a form, keep design control |
Competitor pricing and limits based on publicly listed plans and may change. Last reviewed June 2026.
Four steps from raw code to a widget your clients can customize themselves.
No coding skills? Ask ChatGPT, Claude, or any AI for a widget, paste the HTML/CSS/JS into our editor, and you're done. Developers can also start from a starter template or use any framework.
Declare which settings to expose: text, color, image, video, range, select, checkbox, plus repeatable blocks. WebDYI auto-generates the form.
Every customization is precompiled and served as a static page from
cdn.webdyi.com. No SPA boot, no client-side compile.
Canva, Shopify, WordPress, Notion, Squarespace, Webflow, custom sites — one sandboxed embed URL works on all of them.
You write the JSON on the left. Your client gets the form on the right. Same source of truth — no extra UI work, no broken layouts.
{
"settings": [
{ "id": "title",
"type": "text",
"label": "Headline",
"default": "Get 20% off" },
{ "id": "buttonText",
"type": "text",
"label": "Button text",
"default": "Claim offer" },
{ "id": "buttonColor",
"type": "color",
"label": "Button color",
"default": "#2563eb" },
{ "id": "image",
"type": "image",
"label": "Hero image" }
]
}Same schema format used in every starter widget.
No UI code required from the developer.
cdn.webdyi.com/w/abc123
Edits in the panel reflow the widget — no redeploy.
These aren't screenshots. Interact with the real widgets below — then make them yours with a few clicks in the customizer.
Modern CTA buttons with hover effects and style presets.
Reveal transformations side-by-side with a draggable handle.
Grid of cards that reveal hidden content on hover — perfect for shop-by-style.
Declare settings (text, color, select, image, video, range, checkbox) and repeatable blocks with presets. The customizer form is auto-generated for you.
Every customization is precompiled and served as a tiny static page from a CDN subdomain. No editor SPA boots when a visitor loads the widget.
Widget code runs in a sandboxed iframe with an opaque origin — isolated from your client's app and the host page. Safe to embed anywhere.
WebDYI is approved as an iframely provider. Paste a widget URL into Canva, Notion, blogs, and CMS editors — it auto-richifies into your live widget.
Upload media straight from the customize form. Stored securely in global object storage and served from our optimized edge network. Per-plan storage quotas apply.
Designers can work in the visual customizer. Developers can work with templates and widgets on the local filesystem and push to the cloud when ready.
Build one widget, expose a schema, let every client get their own version. No more "can you change the color" tickets, no more N maintained copies.
Deliver customizable widgets clients can manage themselves. Stay on-brand without becoming the bottleneck for every text and color edit.
Drop interactive widgets — before/after sliders, hover reveals, lead-gen forms, calculators — straight into Canva designs via the native iframely embed.
Pick a starter widget, fill in your details through a no-code form, embed it on your Shopify, WordPress, or Squarespace site. Done in minutes.
A marketplace where developers publish widgets for others to use and customize. Create once. Earn repeatedly.
Mockup — marketplace launches 2026
Everything you need to know before designing widgets with WebDYI.
No. Every widget exposes a Shopify-style schema, which WebDYI turns into a no-code form for text, colors, images, blocks, and layout. If you can use Canva, you can use WebDYI.
Write HTML, CSS, and JavaScript (or start from a starter template). Use Liquid
placeholders like
{{ settings.title }}
for the parts clients should be able to edit, then declare a schema describing
each setting (text, color, image, range, select, etc.). WebDYI auto-generates the
customization panel, precompiles each instance, and serves it as a static
sandboxed iframe from
cdn.webdyi.com.
Elfsight-style tools hand you a locked preset with a handful of toggles. WebDYI gives you a real, editable widget surface with a configurable schema — so the same widget can be deeply rebranded, restructured, and reused across many clients.
Yes. WebDYI is approved as an iframely provider, so widget URLs auto-richify in iframely-powered surfaces including Canva, Notion, blogs, and CMS editors.
Yes. Widgets are served as static embeds from a CDN and run in sandboxed iframes with an isolated origin — keeping host pages stable and secure.
The free plan includes starter and reviewed core widgets, unlimited templates, unlimited client widgets, and a storage allowance. Free embeds include a small WebDYI badge.
The $4.99 Branding-Free plan removes the WebDYI badge from embeds and gives you clean, no-brand presentation for client-facing widgets.
Send us a request and we'll prioritize it for the starter library. Share your use case, the fields you need clients to customize, and your preferred visual style. Request a widget.
Starter and core widgets are free to use. Upgrade for clean, no-brand embeds.
Use starter and core widgets at no cost.
For clients and teams who want white-label embeds.
Built for designers, marketers, and Canva creators who are tired of cookie-cutter widget galleries.