Embed Interactive Content on Wix
No Wix app needed. Copy one line of code, paste it into a Custom Code block, and you're live.
CalcStack tools are embedded on Wix websites across every major industry. The embed process takes under 60 seconds, paste one line of code and your interactive tool is live, branded to your website, capturing qualified leads. Read the full embed guide or see pricing.
Live demo
See a Live Example
This is a real CalcStack tool. Your visitors see this exact experience.
Why CalcStack
Why CalcStack for Wix?
Lead capture built in
Every calculator can gate results behind an email form. Leads arrive in your CalcStack dashboard with full context, every input, every output, benchmark position, and the source URL of the Wix page that converted them.
Industry benchmarks
Show visitors how they compare to industry averages. Benchmarks increase engagement, make your calculators more valuable and shareable, and produce higher-quality leads with richer context data.
White-label ready
Remove all CalcStack branding on Growth and Agency plans. Your calculators look like a native part of your Wix site, visitors see your brand, your colors, and your domain throughout the experience.
How the Wix Embed Works
Wix lead generation through CalcStack works via the HTML iframe widget on any Wix page. Visitors interact with calculators, scorecards, or quizzes; their inputs become qualified leads with full context routed via webhook. Integration requires no Wix app install, no Velo code, and no theme modifications, just paste the embed code into an HTML widget.
The embed loads inside an isolated iframe. Your Wix site layout, fonts, and performance remain completely unaffected. The tool communicates lead data back to CalcStack via a secure postMessage bridge, your site never handles sensitive visitor data directly.
This architecture works identically across Wix Editor, Wix Studio, and Wix sites with custom domains. No server-side configuration or Velo (Wix Code) knowledge is needed for the standard embed. According to W3Techs CMS market-share data and BuiltWith technology surveys, Wix powers millions of websites worldwide and has been consistently ranked among the largest hosted website builders since 2018.
Embed Code Reference
Two ways to embed on Wix: the HTML iframe widget in the Wix Editor (recommended for most users), or Velo (Wix Code) for advanced programmatic control. Both methods support lead capture, custom styling, and CRM integration.
HTML iframe Widget (Recommended)
In the Wix Editor, click "+" → "Embed Code" → "HTML iframe". Paste the code below into the widget code field.
Standard iframe embed
<iframe src="https://calcstack.net/embed/profit-margin-calculator?customer=your-id" width="100%" height="700" frameborder="0" style="border:none;border-radius:12px;"></iframe>Script embed with auto-resize
<div data-calcstack-tool="profit-margin-calculator" data-customer="your-id"></div>
<script src="https://calcstack.net/embed.js"></script>Velo (Wix Code), Advanced
If you need programmatic control, for example, passing dynamic values from Wix form inputs into the calculator, enable Velo Dev Mode and use the HtmlComponent API to load the embed. This is optional and only needed for advanced use cases.
Velo HtmlComponent example
$w("#htmlEmbed1").src = "https://calcstack.net/embed/profit-margin-calculator?customer=your-id";Find your Customer ID in your CalcStack dashboard under Settings. Without a Customer ID, the embed runs as a demo with CalcStack branding and no lead capture. Browse all available tools on the resources page.
Common Issues & Troubleshooting
Most Wix embed issues are resolved in under a minute. Here are the three most common problems and their fixes.
HTML widget shows blank in Wix Editor preview
Cause: The Wix Editor canvas does not render HTML iframe widgets in the drag-and-drop design view. This is a known Wix Editor behavior, the widget placeholder appears empty while editing.
Fix: The HTML widget only renders on the published site or in Wix's Preview mode. Click the "Preview" button in the top-right of the Wix Editor to verify the tool loads correctly before publishing. Once published, the tool renders fully for all visitors.
Tool appears too small in the HTML widget
Cause: The default HTML iframe widget in Wix has a relatively small height. If the CalcStack tool has multiple steps or long form fields, the content gets cut off or requires scrolling inside a small frame.
Fix: Select the HTML widget on your Wix page, open the element settings (the gear icon or stretch handles), and set the widget height to 600–800px. For tools with many fields or multi-step flows, 800px is recommended. The width should be set to 100% or stretch to the column width.
Mobile layout cuts off the tool
Cause: Wix uses a separate mobile editor with independent element sizing. The desktop HTML widget dimensions do not automatically translate to the mobile layout, so the tool may appear cropped or overflow on smaller screens.
Fix: Switch to the Wix Mobile Editor (the phone icon in the top bar) and adjust the HTML widget size for mobile separately. Set the width to full-width and the height to 600–700px. CalcStack tools are fully responsive inside the iframe, so they adapt to whatever container size you provide.
Popular Lead Generation Tools for Wix Sites
ROI Calculator
Help prospects calculate return on investment before they buy.
Pricing Calculator
Let visitors configure pricing and see costs in real time.
Mortgage Calculator
Essential for real estate and financial services Wix sites.
Solar ROI Calculator
Perfect for solar installers showcasing savings on their Wix site.
Break-Even Calculator
Show visitors when their investment will pay for itself.
Profit Margin Calculator
A must-have for e-commerce and SaaS pricing pages.
Turn Your Wix Visitors Into Qualified Leads
Start with the Free plan, no credit card required. Embed interactive tools and start capturing leads today.
Also available on: