Free Embeddable Widget

Add a Consulting Rate Calculator to Your Site in 30 Seconds

One script tag. No dependencies, no signup, no API key. Visitors pick their industry, experience level, and billable hours — and instantly see a recommended rate range with income projections. Every embed includes a dofollow “Powered by Consulting.me” link.

Get the embed code →Try the live demo
⚡

One script tag

A single <script> tag renders the full calculator. No build step, no npm install, no framework required.

📦

Zero dependencies

The widget is a single self-contained JS file — no React, no jQuery, no CSS framework. Styles are scoped so they never leak onto your page.

📱

Fully responsive

Renders perfectly at 390px and up. The layout reflows to a single column on phones with no horizontal scroll.

🎨

Themeable

Light and dark themes out of the box, plus a custom accent color via a data attribute to match your brand.

🔍

SEO backlink

Every embed carries a dofollow “Powered by Consulting.me” link to consulting-me3.acoco.ai — a genuine backlink that compounds your SEO.

🆓

Free forever

No cost, no attribution removal option, no premium tier. Embed it on as many sites as you like.

Live Demo

This is exactly what your visitors will see

Pick an industry, set your experience and hours, and hit calculate. This running widget is the exact same code you'll embed.

Loading live demo…
Step by step

How to embed it

The widget is a single self-contained JavaScript file hosted on Consulting.me. You embed it by adding two lines of HTML anywhere on your page — inside a blog post, a sidebar, a tools page, or a dedicated landing page.

1. Copy this snippet

This is the complete embed — a container <div> and the widget script:

<div id="consulting-rate-calculator"></div>
<script src="https://consulting-me3.acoco.ai/embed/consulting-rate-calculator.js" async></script>

2. Paste it where you want the calculator

Drop the two lines into your page's HTML — between <body> and </body>, wherever you want the calculator to appear. That's it. The script loads asynchronously and renders the calculator into the container automatically.

3. (Optional) Customize the theme

Add data-theme="dark" for a dark background, or data-accent="#2563eb" to match your brand color. Both attributes go on the container <div>.

What visitors get: They choose their consulting field from 15 industries, set their years of experience (0–2 up to 20+), and drag a slider for billable hours per week. The widget returns a recommended hourly rate with a low–high range, weekly / monthly / annual income projections, and a plain-English note explaining how the number was derived from real market benchmarks.

Example Integrations

Three ways to embed it

Basic (default light theme)

The standard embed. Works on any light-background page out of the box.

<div id="consulting-rate-calculator"></div>
<script src="https://consulting-me3.acoco.ai/embed/consulting-rate-calculator.js" async></script>

Dark theme

For dark-background sites and dashboards. The whole widget re-themes automatically.

<div id="consulting-rate-calculator" data-theme="dark"></div>
<script src="https://consulting-me3.acoco.ai/embed/consulting-rate-calculator.js" async></script>

Custom accent color

Match your brand. Override the default teal accent with any hex color — the buttons, highlights, and range slider all pick it up.

<div id="consulting-rate-calculator" data-accent="#2563eb"></div>
<script src="https://consulting-me3.acoco.ai/embed/consulting-rate-calculator.js" async></script>

Width control

The widget fills its container's width automatically. To place it in a narrow sidebar, wrap the container in a constrained-width element:

<div style="max-width:360px">
  <div id="consulting-rate-calculator"></div>
</div>
<script src="https://consulting-me3.acoco.ai/embed/consulting-rate-calculator.js" async></script>
Alternative

Prefer an iframe?

If your CMS or platform blocks external scripts, you can also embed the calculator as an iframe pointing at our hosted demo page. This avoids any script-execution concerns while still rendering the live widget:

<iframe
  src="https://consulting-me3.acoco.ai/embed/rate-calculator?widget=1"
  width="100%"
  height="720"
  style="border:1px solid #d9e6ec;border-radius:14px"
  title="Consulting Rate Calculator"
  loading="lazy"
></iframe>

Note: the iframe variant still includes the “Powered by Consulting.me” link inside the widget. The script-tag embed is recommended — it renders faster, scales to its container, and the backlink sits directly in your page's DOM (better for SEO).

How It Works

A genuinely useful widget — and a real backlink

The calculator gives your visitors a real, instant answer — what they should charge as a consultant — based on the same industry-benchmark data that powers Consulting.me's rate calculator. It's not a lead form or a teaser; it delivers the full result in the widget. That's what makes it worth embedding: your readers get value without leaving your page.

In return, every embed includes a visible “Powered by Consulting.me” link back to consulting-me3.acoco.ai with a dofollowrelationship. For sites that cover consulting, freelancing, or career content, that's a fair, organic exchange: a free interactive tool for a single attribution link. As more sites embed it, those backlinks compound — each one is a genuine editorial endorsement from a contextually relevant page.

The only requirement is that the attribution link remains visible and unmodified. The widget is free to use on any site, commercial or otherwise.

Distribution

Submit the widget to code directories

To maximize discovery and backlink growth, submit the widget to developer and template directories. Here's a ready-to-use submission kit:

Widget description (copy for listings)

Consulting Rate Calculator Widget — a free, self-contained, embeddable consulting rate calculator. Add it to any site with a single script tag (no dependencies, no build step). Users select their industry, experience level, and billable hours per week to get an instant recommended hourly rate range with weekly, monthly, and annual income projections, all derived from real market benchmarks across 15 consulting fields. Fully responsive (390px+), light/dark themes, custom accent color. Includes a "Powered by Consulting.me" attribution link.

Embed: <div id="consulting-rate-calculator"></div><script src="https://consulting-me3.acoco.ai/embed/consulting-rate-calculator.js" async></script>

Demo: https://consulting-me3.acoco.ai/embed/rate-calculator
Source: https://consulting-me3.acoco.ai/embed/consulting-rate-calculator.js
License: Free to embed; attribution link must remain visible.

Recommended directories

JSRepo
JavaScript component registry
CodePen
Create a pen + add to an embeddable-widgets collection
BootstrapMade
Template/widget gallery
GitHub
Gist or repo with embed README
Codeply
Front-end snippet library
JSFiddle
Live fiddle with the embed
StackBlitz
Runnable project
Dev.to
Tutorial post: “Add a rate calculator to your site”
Hashnode
Developer blog post + embed demo
Reddit (r/webdev, r/consulting)
Share as a free resource
Product Hunt
List as a free embeddable tool
Awesome lists
Submit to relevant awesome-* lists

Tip: When posting on Dev.to, Hashnode, or Reddit, embed the live widget directly in the post so readers can try it without clicking away — then end with the copy-paste snippet. Live, interactive demos convert far better than screenshots.

For consultants

Looking for more than a widget?

The widget answers one question: what should I charge?If you're launching a consulting business, Consulting.me gives you the full picture — your sellable niche, three productized offers with pricing, a rewritten bio, a cold-outreach sequence, a proposal template, and a 30-day plan to land your first three clients.

Get the Launch Kit — $29 →Full rate calculator on Consulting.me