Skip to main content

Help your customers visualize their new roof

This design visualization tool allows homeowners to “try on” Owens Corning asphalt roofing shingles directly from your website. The user can either upload their own photo or select a pre-loaded house to experiment with different shingle colors, as well as adjust the siding and trim color, to better understand how their color choice will affect the overall appearance of their home.

Website Installation Instruction

Step 1 of 2 - Add Javascript

Include this javascript in the <body> section of your website. We recommend that it is placed right before the final </body> tag.
Note: you only have to do this once for all widgets.

<script src="https://apis.owenscorning.com/client/widget.js" async></script>

Copy to Clipboard

Step 2 of 2 - Instructions

Copy this div and place it in the corresponding place on your site where you would like the widget to appear.

Example :

<div id="visualizer" data-zip="90210"></div>

Copy to Clipboard

Please Note!

  • We recommend only using 1-3 total widget lines per page.
  • Adding all of the widgets below adds a LOT of content to your site, which will slow down the page it appears on.

Frequently asked questions

Contact Us

Even though we’re a global company, we’re always ready to answer your questions. Call to speak with an Owens Corning representative.