Flooring Calculator

Estimate all flooring types like a pro

MeasureSquare’s Flooring Calculator is the most sophisticated free web flooring calculator that estimates all flooring types accurately. The same calculation method and layout algorithm are employed by MeasureSquare’s pro estimating software editions.

The Flooring Calculator is capable of working with rooms of many different shapes and stairs, and offers a very simple user interface to calculate estimates and layouts for carpet, vinyl, ceramic tile, hardwoods and laminates, VCT, VLT, and more.

Working in both metric and imperial measurement system, the Flooring Calculator has been used by flooring dealers, homeowners/DIYers to estimate flooring product footages, seam layout, cut sheet, waste ratio, grout, pad, etc.

Flooring Calculator

How to use the calculator

Host the Flooring Calculator on your Website, it’s Free!

The Flooring Calculator can be hosted free on a flooring website easily by embedding a few lines of code in HTML webpage. It provides a proactive way to assist web visitor to engage your product and services, and eventually generates leads for your business.

See the YouTube tutorial by the side. Still need technical help? contact demo@measuresquare.com

How-to video tutorial on hosting flooring calculator in a website

Click Here to Expand: Custom HTML/JS code to put into hosting web page

Embed the Calculator button

Position this calculator button where ever you’d like by copying & pasting the HTML and JavaScript blocks below to your host HTML page. You can configure the calculator to use default settings, such as product width and length, by setting them in the JavaScript code as shown.

For lead generation, you may also provide your company name and email so that visitors can elect to send their estimates to you. Use the thirdPartyName and thirdPartyEmail parameters to do this.

 

 


        <input type="button" id="calculateBtn" value="Calculate"/>
        Usage  <input id="usageText"/>SF
        <div id="callback" ></div>
        <img id="image" />

	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
	<script src="https://calculator.measuresquare.com/scripts/jquery-m2FlooringCalculator.js"></script>

	<script>
		$(function () {
			$('#calculateBtn').m2Calculator({
				measureSystem: "Imperial",            
				thirdPartyName: "thirdPartyName", 
				thirdPartyEmail: "test@email.com", // if showDiagram = false, will send estimate data to this email when user click Email Estimate button
				showCutSheet: false, // if false, will not include cutsheet section in return image
				showDiagram: true, // if false, will close the popup directly 
				product: {
					type: "Carpet",
					name: "Carpet 1",
					width: "6'0\"",
					length: "150'0\"",
					horiRepeat: "3'0\"",
					vertRepeat: "3'0\"",
					horiDrop: "",
					vertDrop: ""
				},
				cancel: function () {
					//when user closes the popup without calculation.
				},
				callback: function (data) {
					//json format, include user input, usage and base64image
					$("#callback").html(JSON.stringify(data));   
					console.log(data.input)
					$("#usageText").val(data.usage);    
					$("#image").attr("src", data.img);  //base64Image
				}
			});
		});
	 </script>

Sample Use Cases as Lead Generator:

Check out these sample sites hosted with MeasureSquare Flooring Calculator.

Floor Inspirations Houston (click on green “Virtual Measuring Tool” button)

Floors Stores Group (click on grey “Draw My Room” button)

Great Floors (click on “Draw My Room” button)

Integrate the Flooring Calculator with Shopping Cart

The Flooring Calculator button can be integrated with E-commerce flooring site easily by placing it next to a product purchase page, web buyers can open the calculator with measurements, and estimated quantity is automatically populated back into the shopping cart qty field. Here are a few samples:

Sample Shopping Cart Use Cases

Click on the green calculator button to pop up the calculator window. Product qty field will be filled automatically when the calculator is closed.

Flooring Liquidator Shopping Cart (click on orange “Use our Calculator” button)

Wood Calculator With Shopping Cart

Carpet Calculator With Shopping Cart

Tile Calculator With Shopping Cart

carpet calculator

Click Here to Expand: Custom HTML/JS code to put into hosting web page

Embed the Calculator button

Position this calculator button where ever you’d like by copying & pasting the HTML and JavaScript blocks below to your host HTML page. You can configure the calculator to use default settings, such as product width and length, by setting them in the JavaScript code as shown.

For lead generation, you may also provide your company name and email so that visitors can elect to send their estimates to you. Use the thirdPartyName and thirdPartyEmail parameters to do this.

 

 


        <input type="button" id="calculateBtn" value="Calculate"/>
        Usage  <input id="usageText"/>SF
        <div id="callback" ></div>
        <img id="image" />

	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
	<script src="https://calculator.measuresquare.com/scripts/jquery-m2FlooringCalculator.js"></script>

	<script>
		$(function () {
			$('#calculateBtn').m2Calculator({
				measureSystem: "Imperial",            
				thirdPartyName: "thirdPartyName", 
				thirdPartyEmail: "test@email.com", // if showDiagram = false, will send estimate data to this email when user click Email Estimate button
				showCutSheet: false, // if false, will not include cutsheet section in return image
				showDiagram: true, // if false, will close the popup directly 
				product: {
					type: "Carpet",
					name: "Carpet 1",
					width: "6'0\"",
					length: "150'0\"",
					horiRepeat: "3'0\"",
					vertRepeat: "3'0\"",
					horiDrop: "",
					vertDrop: ""
				},
				cancel: function () {
					//when user closes the popup without calculation.
				},
				callback: function (data) {
					//json format, include user input, usage and base64image
					$("#callback").html(JSON.stringify(data));   
					console.log(data.input)
					$("#usageText").val(data.usage);    
					$("#image").attr("src", data.img);  //base64Image
				}
			});
		});
	 </script>

Calculator API and Sample Codes

MeasureSquare provides web calculator API calls that can be deployed through your own software or web applications as well.

Here is the Measure Square web flooring calculator API spec (https://calculator.measuresquare.com/help)

Contact

Please email api@measuresquare.com if you need help hosting the calculator on your site, and if you plan to use the web calculator API from your applications.