Embed2 min
How to add a calculator to your WordPress site
Embed ToolKnife calculators into WordPress posts and pages with a simple HTML block. No plugin required.
Prerequisites
- A WordPress site (self-hosted or WordPress.com Business)
1
Open the page or post editor
In your WordPress admin, open the page or post where you want to add a calculator. Switch to the Block Editor (Gutenberg) if not already using it.
2
Add a Custom HTML block
Click the "+" button to add a new block. Search for "Custom HTML" and select it. Paste the embed code below, changing the tool slug to the calculator you want.
Embed code
<iframe src="https://toolknife.com/embed/mortgage-calculator" width="100%" height="600" style="border: none; border-radius: 12px;" title="Mortgage Calculator" loading="lazy"> </iframe>
3
Customize the appearance
Add parameters to the URL to match your site theme. For example, to use a dark theme with a blue accent color:
Dark theme with custom accent
<iframe src="https://toolknife.com/embed/mortgage-calculator?theme=dark&accent=2563EB" width="100%" height="600" style="border: none; border-radius: 12px;" title="Mortgage Calculator" loading="lazy"> </iframe>
4
Find the right tool
Visit toolknife.com/embed to browse all 273+ embeddable tools. Use the configurator to preview how the tool looks with your preferred theme and accent color, then copy the embed code directly.
5
Common tool slugs for WordPress
Here are popular tools for blogs and publisher sites:
- `mortgage-calculator` - real estate and finance blogs
- `bmi-calculator` - health and fitness blogs
- `compound-interest-calculator` - personal finance blogs
- `tip-calculator` - food and restaurant blogs
- `unit-converter` - recipe and cooking blogs
- `qr-code-generator` - marketing and business blogs
- `color-converter` - design blogs
Related guides
Tools used in this guide
Ready to integrate? Browse all 273+ tools with interactive examples.