Getting the calculator

  1. Navigate to http://app.convertcalculator.co
  2. Go to the editor of your calculator by clicking on your calculator's title.
  3. Click on the button "Embed on your website" in the top of the page. 
  4. Click on the "embed code" found in the pane and copy it.

Displaying the calculator

  1. Make sure you are in Wix's editor and edit the page you want the calculator to be displayed on.
  2. Add a "HTML/iFrame" element. You can find it via "Add" and "More".
  3. Click on the button "Enter Code" and paste the embed code you copied on step 4 of "Getting the calculator".
  4. Above the pasted code, paste the following CSS code to make the font look good:
<style>
  body {
    font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;
  }
</style>

NB. If you want to match the typography of your website, replace the font-family  with your own.

    5. Save the code by clicking on the "Apply" button.
    6. Resize the iFrame block to make it fit and optionally apply        styles like you would on every other block.

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

No luck?

Are you have trouble with 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).

Did this answer your question?