Website Design & Development Cost Calculator
Select your project requirements below to see an instant, transparent cost estimation based on 2026 industry standards.
var basePrice = 20000;
var pagesPrice = 0;
var selectedTypeLabel = “Business Landing Page”;
var selectedPagesLabel = “1-5 Pages”;
function selectType(btn) {
var buttons = document.querySelectorAll(“#wb-type-group .calc-btn”);
buttons.forEach(function(b) {
b.style.borderColor = “#cbd5e1”;
b.style.background = “#fff”;
});
btn.style.borderColor = “#fb2056”;
btn.style.background = “#fff5f6”;
basePrice = parseInt(btn.getAttribute(“data-val”));
selectedTypeLabel = btn.getAttribute(“data-label”);
calculateTotal();
}
function selectPages(btn) {
var buttons = document.querySelectorAll(“#wb-pages-group .page-btn”);
buttons.forEach(function(b) {
b.style.borderColor = “#cbd5e1”;
b.style.background = “#fff”;
});
btn.style.borderColor = “#fb2056”;
btn.style.background = “#fff5f6”;
pagesPrice = parseInt(btn.getAttribute(“data-val”));
selectedPagesLabel = btn.getAttribute(“data-label”);
calculateTotal();
}
function calculateTotal() {
var featuresTotal = 0;
var featuresList = [];
var checkboxes = document.querySelectorAll(“.feature-box:checked”);
checkboxes.forEach(function(cb) {
featuresTotal += parseInt(cb.value);
featuresList.push(cb.getAttribute(“data-label”));
});
var subtotal = basePrice + pagesPrice + featuresTotal;
var maxRange = Math.round(subtotal * 1.25);
var formattedMin = “₹” + subtotal.toLocaleString(“en-IN”);
var formattedMax = “₹” + maxRange.toLocaleString(“en-IN”);
document.getElementById(“total-display”).innerText = formattedMin + ” – ” + formattedMax;
var days = “7 – 10 Days”;
if (subtotal > 80000) {
days = “4 – 6 Weeks”;
} else if (subtotal > 40000) {
days = “2 – 3 Weeks”;
}
document.getElementById(“timeline-display”).innerHTML = “Estimated Timeline: ” + days + ““;
var waMsg = “Hi MeraSEO, I used your Website Cost Calculator:n” +
“• Type: ” + selectedTypeLabel + “n” +
“• Pages: ” + selectedPagesLabel + “n” +
“• Add-ons: ” + (featuresList.length > 0 ? featuresList.join(“, “) : “None”) + “n” +
“• Estimated Budget: ” + formattedMin + ” – ” + formattedMax + “n” +
“I would like to discuss this project.”;
document.getElementById(“whatsapp-btn”).href = “https://wa.me/919167117772?text=” + encodeURIComponent(waMsg);
}