Add a rate calculator to any website with 2 lines of code.
<script src="https://hourly-rate-calculator.tp-business.workers.dev/widget.js"></script>
<div id="freelance-rate-calc"></div>| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Embeddable Freelance Rate Calculator Widget</title> | |
| <meta name="description" content="Free embeddable hourly rate calculator widget for freelancers. Add to your site with one line of code."> | |
| </head> | |
| <body> | |
| <h1>Embeddable Freelance Rate Calculator</h1> | |
| <h2>Demo</h2> |
| (function() { | |
| const container = document.getElementById('freelance-rate-calc'); | |
| if (!container) return; | |
| container.innerHTML = ` | |
| <div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; max-width: 320px; padding: 20px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff;"> | |
| <h3 style="margin: 0 0 16px 0; font-size: 18px; color: #111;">Freelance Rate Calculator</h3> | |
| <div style="margin-bottom: 12px;"> | |
| <label style="display: block; font-size: 14px; color: #374151; margin-bottom: 4px;">Desired Annual Income</label> | |
| <input type="number" id="frc-income" value="80000" style="width: 100%; padding: 8px; border: 1px solid #d1d5db; border-radius: 4px; font-size: 16px; box-sizing: border-box;"> |
| (function() { | |
| const container = document.getElementById('freelance-rate-calc'); | |
| if (!container) return; | |
| container.innerHTML = ` | |
| <div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; max-width: 320px; padding: 20px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff;"> | |
| <h3 style="margin: 0 0 16px; font-size: 18px; color: #111;">Freelance Rate Calculator</h3> | |
| <label style="display: block; margin-bottom: 8px; font-size: 14px; color: #374151;">Desired annual take-home:</label> | |
| <input type="number" id="frc-income" placeholder="80000" style="width: 100%; padding: 8px; border: 1px solid #d1d5db; border-radius: 4px; font-size: 16px; box-sizing: border-box;"> | |
| <button onclick="(function(){ |
Whether you're a management consultant, IT consultant, or business consultant - here's how to price your services.
| Consulting Type | Junior | Mid-Level | Senior | Expert |
|---|