WindowCAD® - Tutorials: Retail designers

Adding retail designers to a website

We recommend the below approach to add the window and door designers to a website. This will keep the page load time down while giving customers an easy to use experience.

Having WindowCAD® hosted inline on a website can be hard to use for customers. The page will already require scrolling with a mouse or finger but will also need to scroll items and orbit/pan the 3D view within WindowCAD®. This causes frustration for users and provides a bad user experience.


1. Add the Script

Place this in your website <head> element:


    <script src="https://www.windowsoftware.co.uk/embed/windowcad.js"></script>

2. Add the button

Insert this button wherever you'd like users to launch the designer:


    <button onclick='openWindowCAD("url")'>Get a free quote</button>

3. Insert you're URL

Replace url within the openWindowCAD function with the URL from the WindowCAD® settings under Website designers.