For WordPress:

• Go to Pages → Add New
• Add a “Custom HTML” block
• Open the downloaded file in a text editor (Notepad, TextEdit)
• Copy ALL the code and paste it into the HTML block
• Publish your page

For Wix/Squarespace/Other:

• Add an “Embed” or “Custom Code” element to your page
• Paste the HTML code from the file
• Save and publish

Once the calculator is on your page:

1. Look for the ⚙️ Settings gear icon on the calculator
2. Click it to open the branding panel
3. Enter your company name and logo URL
4. Customize colors to match your brand
5. Changes save automatically

After publishing:

• Visit your page and try both Homeowner and Contractor modes
• Enter sample numbers and verify calculations work
• Test on mobile to ensure it’s responsive
• Try the Print and Email features

Homeowner & Contractor calculation modes

Add your logo, colors & company name

Works on phones, tablets & desktops

Built-in print, email & share features