Before you start
- Custom Code needs a published site with a connected domain (your own address, like sparklewash.com), which means a paid Wix plan. On a free wixsite.com address, skip to No domain? Use Embed HTML.
- You need to be the site owner or have admin rights in the Wix dashboard.
- Your code from the Share page, copied.
The 3 steps
In your Wix dashboard go to Settings → Custom Code (under Development & integrations).
Open your site’s dashboard and click Settings. Scroll to Development & integrations and click Custom Code.
What you’ll see: Wix Settings with Custom Code under Development and integrations.
Click + Add Custom Code, paste the code below, choose All pages and Place Code in: Body – end.
Click + Add Custom Code at the top right. Paste your code into the box and give it a name, like “Instant price”. Under Add Code to Pages choose All pages and load it once per visit. Under Place Code in choose Body – end.
What you’ll see: Wix Add Custom Code panel set to All pages and Body end.
Click Apply, then open your live site: the “Instant price” button shows bottom right.
Click Apply. Open your live site (not the Editor) in a private window: the “Instant price” button shows bottom right on every page.
Your code
Copy it from your Share page: it has your calculator’s name filled in where this example says your-calculator. Paste it exactly as it is, in one piece.
<script async src="https://w.pricemywash.com/loader.js" data-widget="your-calculator" data-mode="button"></script><iframe src="https://w.pricemywash.com/w/your-calculator?embed=fixed" style="width:100%;height:1000px;border:0" title="Instant price" loading="lazy"></iframe>No domain? Use Embed HTML
This works on any Wix plan and puts the calculator inside one page, like “Get a quote”:
- In the Editor, open that page and click Add Elements (+) → Embed Code → Embed HTML.
- Click Enter Code, paste the fixed box code from your Share page (the one starting with
<iframe) and click Apply. - Wix shows embedded code in a box of fixed size. Drag the element to the full width of the page and about 1000 px tall, so the whole calculator fits without a scrollbar. Publish.
The Embed HTML element doesn’t show a floating button on other pages: link to that page from your menu, or add your price link as a menu item.
If it doesn’t show up
- Nothing under Custom Code? Your site isn’t published yet or has no connected domain. Use Embed HTML or your price link until it does.
- Open the live site, not the editor. Most builders don’t run added code in their editor or preview. Open your real address in a private window.
- Button and inline on the same page? Use one way per page. The floating button hides itself on a page that already shows the calculator inside it.
- The button covers a chat bubble or a bar. It moves above cookie and chat bars by itself. If it still sits on top of something, add
data-position="left"(bottom left) ordata-offset="80"(80 px higher, up to 200). The Share page has these under “If the button covers something”. - Your web person set a strict security policy (CSP). Ask them to allow
w.pricemywash.cominscript-srcandframe-src. - Check it worked: the Share page shows Live on your-site.com once someone opens the page with the code on it. No visitors yet? Press Check install.
Stuck? Use the hosted link instead
Your calculator also lives on its own page, pricemywash.com/q/your-name. Any site builder can link to it: add a menu item or button called “Instant price” that opens that address. It works the same on your Google Business Profile, your Facebook page and as a QR code on door hangers. Copy it, or download the QR, on your Share page.