keyboard_arrow_left Back to Knowledge Base

Adding your calculator to a WordPress website

Have you built an interactive web calculator and want to integrate it into your WordPress website? It's really easy! All you have to do is copy your calculator’s code snippet and paste it in a specific place of you WordPress website. Follow the instructions below to do this.

And if you don't have a custom interactive calculator yet, learn how to create your first interactive calculator by following our step-by-step tutorial.

Step 1 | Retrieve your calculator’s code snippet:

  1. Sign in to your CALCONIC account.
  2. Click My Calculators.
  3. Choose the calculator you want to embed to your Squarespace website.
  4. Make sure that the calculator is activated. If it isn’t, click the Inactive label to activate it.
  5. Click the Embed button. Activate your calculator before embeding
  6. (Optional) Click the + New Website button and add your website’s address to whitelist it. Note, website address whitelisting doesn't work with iFrame embedding. Click here to learn more about the whitelisting.
  7. Click Next. Whiteliste the address of your website
  8. Copy your calculator’s code snippet. Retrieve your calculator’s code snippet

Step 2 | Embed the snippet code to your website:

  1. Sign in to your WordPress admin panel.
  2. Click Pages.
  3. Click the page you want to embed your calculator.
  4. Hover your mouse over the place you want to add your calculator and click the + Add Block icon. Add new block to the page
  5. Click the Formatting section to expand it. Expand formatting section
  6. Click Custom HTML. Click the Custom HTML icon
  7. Paste your code snippet.
  8. Click Preview to check if the calculator has been successfully embedded. Paste your calculator's code snippet
  9. Click the Update button to publish your page with the embedded calculator.
Build calculator for free!