Embedding in WordPress

WordPress Block Editor (Gutenberg)

1. Open the page or post where you want the calculator
2. Click the + button to add a new block
3. Search for Custom HTML block
4. Paste your CalcWidgets iframe embed code
5. Click Preview to verify it looks correct
6. Publish or Update the page

<iframe
  src="https://yoursubdomain.calcwidgets.com/embed?widgets=loan-repayment"
  width="100%"
  height="600"
  frameborder="0"
  style="border: none;"
></iframe>

WordPress Classic Editor

1. Open the page or post editor
2. Switch to the Text tab (not Visual)
3. Paste your iframe embed code at the desired position
4. Switch back to Visual to preview
5. Publish or Update

Using a Page Builder

If you use Elementor, WPBakery, or another page builder:

1. Add an HTML or Code widget to your page
2. Paste the CalcWidgets iframe embed code
3. Save and preview

Common WordPress Issues

Calculator Not Showing

• Make sure you're pasting in the Text/HTML tab, not the Visual editor
• Some security plugins block iframes — check your plugin settings
• Ensure your WordPress site allows iframes in content

Height Issues

If the calculator is cut off, increase the height value in the iframe code. For most calculators, 600px to 800px works well.

HTTPS/SSL

Your WordPress site must use HTTPS for the embed to work correctly. Most modern WordPress hosts include free SSL certificates.

Need Help?

If you're having trouble embedding on WordPress, contact us at support@calcwidgets.com.au with a link to your site and we'll help you get set up.