A free tool that works for you

Useful for your customers, effortless for you, and a gentle introduction to what Otis can do.

Try it here

This is exactly what your customers would see.

Add it to your site

Copy the code below and paste it into any page or block that accepts HTML. That is the whole job.

<div id=”otisw-brick” class=”otisw-wrap”><style>#otisw-brick{font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,Arial,sans-serif;max-width:420px;border:1px solid #e3e8ee;border-radius:14px;padding:18px;background:#fff;color:#0f172a}#otisw-brick *{box-sizing:border-box}#otisw-brick .otisw-t{font-weight:700;font-size:18px;margin:0 0 12px}#otisw-brick label{display:block;font-size:13px;font-weight:600;color:#556070;margin:0 0 10px}#otisw-brick input,#otisw-brick select{width:100%;margin-top:4px;padding:9px 10px;border:1px solid #d5dbe3;border-radius:8px;font-size:15px}#otisw-brick .otisw-o{background:#0f172a;color:#fff;border-radius:10px;padding:14px 16px;margin:12px 0 8px}#otisw-brick .otisw-n{font-size:34px;font-weight:800;color:#43d17a;line-height:1}#otisw-brick .otisw-l{font-size:13px;color:#cbd5e1;margin-top:4px}#otisw-brick .otisw-s{font-size:13px;color:#556070}#otisw-brick .otisw-by{display:inline-block;margin-top:12px;font-size:12px;color:#0a7d33;text-decoration:none;font-weight:700}</style><div class=”otisw-t”>Brick and block calculator</div><label>Wall length in metres<input type=”number” id=”otisw-len” value=”5″ min=”0″ step=”0.1″></label><label>Wall height in metres<input type=”number” id=”otisw-hgt” value=”1.2″ min=”0″ step=”0.1″></label><label>Wall type<select id=”otisw-typ”><option value=”60″>Half brick wall</option><option value=”120″>One brick wall</option><option value=”10″>Concrete blocks</option></select></label><div class=”otisw-o”><div class=”otisw-n” id=”otisw-total”>0</div><div class=”otisw-l”>units needed, 5 percent wastage</div></div><div class=”otisw-s”>Wall area <b id=”otisw-area”>0</b>, wall ties <b id=”otisw-ties”>0</b></div><a class=”otisw-by” href=”https://optiflowtechnologies.io/brick-and-block-calculator/” target=”_blank” rel=”noopener”>Powered by Otis, the AI sales agent for builders merchants</a><script>(function(){function q(i){return document.getElementById(i);}function c(){var l=parseFloat(q(“otisw-len”).value)||0;var h=parseFloat(q(“otisw-hgt”).value)||0;var t=parseFloat(q(“otisw-typ”).value)||60;var a=l*h;q(“otisw-area”).textContent=a.toFixed(1)+” square metres”;q(“otisw-total”).textContent=Math.ceil(a*t*1.05).toLocaleString(“en-GB”);q(“otisw-ties”).textContent=Math.ceil(a*2.5).toLocaleString(“en-GB”);}[“otisw-len”,”otisw-hgt”,”otisw-typ”].forEach(function(i){var e=q(i);e.addEventListener(“input”,c);e.addEventListener(“change”,c);});c();})();</script></div>

Copy embed code

This is Otis with the brakes on

A calculator answers one question about one material. Otis answers the whole thing. Ask it what you need for a garden wall or a patio and it works out every material, checks your live stock and pricing, builds the quote and takes the order, on your website and at the counter, at any hour. The free calculator is the first taste. Otis is the full meal.

Or embed the whole job estimator

The same idea, but for a whole job. Your customer picks what they are building and gets the full materials list. Copy this one the same way.

<div id=”otisw-job” class=”otisj-wrap”><style>#otisw-job{font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,Arial,sans-serif;max-width:440px;border:1px solid #e3e8ee;border-radius:14px;padding:18px;background:#fff;color:#0f172a}#otisw-job *{box-sizing:border-box}#otisw-job .otisj-t{font-weight:700;font-size:18px;margin:0 0 12px}#otisw-job label{display:block;font-size:13px;font-weight:600;color:#556070;margin:0 0 10px}#otisw-job input,#otisw-job select{width:100%;margin-top:4px;padding:9px 10px;border:1px solid #d5dbe3;border-radius:8px;font-size:15px}#otisw-job .otisj-o{background:#0f172a;color:#fff;border-radius:10px;padding:14px 16px;margin:12px 0 8px}#otisw-job .otisj-nm{font-size:20px;font-weight:800;color:#43d17a;margin-bottom:8px}#otisw-job .otisj-r{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid #24324a;font-size:14px}#otisw-job .otisj-r span:last-child{font-weight:700}#otisw-job .otisj-by{display:inline-block;margin-top:12px;font-size:12px;color:#0a7d33;text-decoration:none;font-weight:700}</style><div class=”otisj-t”>Job material estimator</div><label>What are you building?<select id=”otisj-job”><option value=”garden-wall”>Garden wall, half brick</option><option value=”patio”>Patio</option><option value=”shed-base”>Shed or garden base</option><option value=”fence-run”>Fence run</option></select></label><label id=”otisj-fl”>Length in metres<input type=”number” id=”otisj-l” value=”5″ min=”0″ step=”0.1″></label><label id=”otisj-fw”>Width in metres<input type=”number” id=”otisj-w” value=”3″ min=”0″ step=”0.1″></label><label id=”otisj-fh”>Height in metres<input type=”number” id=”otisj-h” value=”1.2″ min=”0″ step=”0.1″></label><div class=”otisj-o”><div class=”otisj-nm” id=”otisj-name”>Garden wall</div><div id=”otisj-rows”></div></div><a class=”otisj-by” href=”https://optiflowtechnologies.io/job-material-estimator/” target=”_blank” rel=”noopener”>Powered by Otis, the AI sales agent for builders merchants</a><script>(function(){function q(i){return document.getElementById(i);}function n(x){return Math.round(x).toLocaleString(“en-GB”);}var J={“garden-wall”:{name:”Garden wall”,dims:[“l”,”h”],f:function(L,W,H){var a=L*H;var mv=a*0.03;return [[“Facing bricks”,n(Math.ceil(a*60*1.05))],[“Cement, 25kg bags”,n(Math.ceil(mv*(1/6)*1440/25+L*0.06*6))],[“Building sand”,n(mv*(5/6)*1600)+” kg”],[“Wall ties”,n(Math.ceil(a*2.5))]];}},”patio”:{name:”Patio”,dims:[“l”,”w”],f:function(L,W,H){var a=L*W;return [[“Paving slabs, 600mm”,n(Math.ceil(a/0.36*1.05))],[“MOT sub base”,(a*0.1*2.0).toFixed(1)+” t”],[“Sharp sand”,(a*0.05*1.6).toFixed(1)+” t”],[“Cement, 25kg bags”,n(Math.ceil(a*0.04*(1/6)*1440/25))]];}},”shed-base”:{name:”Shed or garden base”,dims:[“l”,”w”],f:function(L,W,H){var a=L*W;var v=a*0.1*1.1;return [[“Concrete volume”,v.toFixed(2)+” m3″],[“All in ballast”,(v*1.8).toFixed(1)+” t”],[“Cement, 25kg bags”,n(Math.ceil(v*6))],[“Sub base”,(a*0.05*2.0).toFixed(1)+” t”]];}},”fence-run”:{name:”Fence run”,dims:[“l”],f:function(L,W,H){var p=Math.ceil(L/1.83);return [[“Fence panels, 1.83m”,n(p)],[“Fence posts”,n(p+1)],[“Postcrete, bags”,n((p+1)*2)],[“Gravel boards”,n(p)]];}}};function run(){var job=J[q(“otisj-job”).value];q(“otisj-fl”).style.display=job.dims.indexOf(“l”)!==-1?”block”:”none”;q(“otisj-fw”).style.display=job.dims.indexOf(“w”)!==-1?”block”:”none”;q(“otisj-fh”).style.display=job.dims.indexOf(“h”)!==-1?”block”:”none”;var L=parseFloat(q(“otisj-l”).value)||0;var W=parseFloat(q(“otisj-w”).value)||0;var H=parseFloat(q(“otisj-h”).value)||0;var rows=job.f(L,W,H);q(“otisj-name”).textContent=job.name;var box=q(“otisj-rows”);box.textContent=””;rows.forEach(function(r){var d=document.createElement(“div”);d.className=”otisj-r”;var a=document.createElement(“span”);a.textContent=r[0];var b=document.createElement(“span”);b.textContent=r[1];d.appendChild(a);d.appendChild(b);box.appendChild(d);});}[“otisj-job”,”otisj-l”,”otisj-w”,”otisj-h”].forEach(function(i){var e=q(i);e.addEventListener(“input”,run);e.addEventListener(“change”,run);});run();})();</script></div>

Copy embed code

Common questions

More from OptiFlow