Embed the M-PESA Charges Calculator on Your Website
Publish a live M-PESA fee widget on your blog, news page, finance tool, business portal, or customer help center. Customize the look, preview it instantly, and copy a working iframe snippet in seconds.
Live preview
See your theme and colors instantly as you customize.
Copy embed code
One click to generate the iframe snippet for your site.
Fast and responsive
Optimized for mobile and desktop screens.
Live preview
This preview loads the same public widget endpoint your visitors will use.
Your embed code
Copy and paste this code into your site. The snippet updates automatically as you change the builder options.
<iframe src="https://mpesacalculator.org/embed/mpesa-charges.html?type=send&theme=light&primary=0B4425&accent=2E7D32&radius=12px&font=16px&tariff=business" width="100%" height="560" style="border:0;border-radius:12px;" loading="lazy" referrerpolicy="strict-origin-when-cross-origin"></iframe>How the embed works
The widget loads directly from Mpesa Calculator, so updates to supported fee logic can be reflected without you rebuilding your own page. It is best suited for blogs, calculators, comparison pages, publisher guides, and customer-help pages that want a quick live fee checker.
- loads as an iframe, so it stays isolated from your page code;
- supports Send Money, Agent Withdrawal, and Paybill modes;
- can be branded with your preferred primary and accent colors;
- works well as a supporting tool beside an article or help guide.
Isolated embed
The widget runs inside an iframe so it does not depend on your page scripts or styles.
Brand controls
Adjust theme, colors, radius, and font scale without editing widget source code.
Simple install
Paste one iframe snippet into your page and publish when you are ready.
Need custom branding or white label?
Tell us what you need and we'll tailor the widget for your audience.