Embedding your calculator on a Wix website

Learn how to embed a calculator on your Wix website.

Getting the calculator

  1. Navigate to the ConvertCalculator App
  2. Go to the editor of your calculator by clicking on your calculator's title.
  3. Click on the button "Embed on your website" at the top of the page.
  4. Click on the "embed code" found in the pane and copy it.

Displaying the calculator

Make sure you are in Wix's editor and edit the page you want the calculator to be displayed on. Add an "HTML/iFrame" element. You can find it via "Add" and "More". Click on the button "Enter Code" and paste the embed code you copied on step 4 of "Getting the calculator".

  1. Save the code by clicking on the "Apply" button.
  2. Resize the iFrame block to make it fit.
Embed on Wix

Congratulations! You now have a working web calculator on your Wix website.

Common Problems

The calculator shows scrollbars when viewing it on my live website

Unfortunately, Wix doesn't allow for direct embedding via JavaScript. Instead, Wix uses an iFrame. This means you need to set a fixed height of the calculator block to make it "fit". To remove the scrollbars, make sure you set the height of the block in Wix to at least the height of the calculator. If the block is smaller than the calculator, scrollbars will appear.

No luck?

Are you having trouble embedding a calculator on your website? Don't hesitate to contact us by sending a chat message (via the bubble in the bottom right corner).

Related articles

Learn more about wix in one of the following articles