Instant Roof Estimate Widget for Roofer Websites (Demo)

Homeowners type their address and see a roof size and price range on your site, branded with your company name and color, then click through to request your exact quote.

Live demo: "Acme Roofing", navy

Embed it

Paste one line where the estimate should appear:

<script src="https://roofgenius.com/widget.js" data-company="Your Roofing Co" data-color="c0392b" data-cta="https://yoursite.com/contact" async></script>

• data-company: shown in the title and button.
• data-color: hex brand color for buttons and highlights.
• data-cta: where "Get an exact quote" goes (your contact page, booking link, tel: or mailto:).

Or use a plain iframe: <iframe src="https://roofgenius.com/widget/?company=Your+Roofing+Co&color=c0392b&cta=https://yoursite.com/contact" style="width:100%;height:1400px;border:0"></iframe>

Starts, finished estimates and widget views are counted per day with no personal data.