Wix install guideAdd your instant price calculator to Wix

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

1. 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.

   install-wix-custom-code16:10

   Wix: Settings → Custom Code

   image1600×1000

2. 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.

   install-wix-add-code16:10

   Wix: Add Custom Code, Body – end

   image1600×1000

3. 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”:

1. In the Editor, open that page and click Add Elements (+) → Embed Code → Embed HTML.
2. Click Enter Code, paste the fixed box code from your Share page (the one starting with <iframe) and click Apply.
3. 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) or data-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.com in script-src and frame-src.
• Check it worked: the Share page shows Live on your-site.com within a minute of someone opening the page, or 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.