Embed your calculator on your website (WordPress, Wix, Webflow & more)

5 min read

Embedding takes one line of code. It loads the calculator in a secure frame (iframe) that auto-resizes with its content, so there are no inner scrollbars. Below is the general method plus per-platform steps.

1Copy the snippet

2Paste in an HTML block

3Publish your site

4Live on your website

Copy the snippet

Open your calculator, go to the 'Embed' tab and copy the script line. It looks roughly like this:

<script src="https://quotira.app//embed.js" data-calculator="your-slug" async></script>

Paste it where the calculator should appear. That's it.

WordPress

In the block editor, add a 'Custom HTML' block and paste the code there. In Elementor, use the 'HTML' widget. Don't paste it into a normal paragraph block - it won't run there.

Wix

Choose 'Embed' → 'Embed a widget' (Embed HTML / iframe) and paste the script line. Drag the element into place and give it enough height; the calculator adjusts its height afterwards.

Webflow

Drag an 'Embed' element (Add → Components → Embed) onto the page and paste the code. Publish your site to see it live.

Squarespace & other builders

Almost every website builder has a 'Code' or 'Embed' block. Look for it and paste the script line. Stuck? Email us your site link and we'll take a look.

Common issues

Calculator not showing? Make sure the code is in an HTML/embed block, not plain text.
Publish first: the calculator must be published in Quotira, otherwise there's nothing to show yet.
Seeing an old version? Changes appear only after you publish again in Quotira.

Still stuck? We're happy to help.

Back to all guides