Click Here For Measure Estimate Software Try It For Free

Flooring Calculator

Estimate all flooring types like a pro

MeasureSquare’s Flooring Calculator is the most sophisticated 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

Sample Use Cases on Flooring Store Websites:

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)

Host the Flooring Calculator on your Website

The Flooring Calculator can be hosted 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.

Contact calculator@measuresquare.com for more info.

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>

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

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.