A couple of fake roofing company websites, used to check that the Roof Rocket form behaves itself when it is dropped onto somebody else's website.
The Roof Rocket estimate form is designed to be pasted into a roofer's own website. When that happens, the form is running on a different web address than the one it came from — that's what "cross-origin" means, and it is the situation most likely to expose bugs.
These test pages let us see the form living on a genuinely different website, in a real browser, exactly the way a real customer's site would use it. If something looks wrong here, it would look wrong for a paying customer too.
A clean, modern, ordinary one-page roofing website — the kind of site most roofers actually have. Nothing unusual about it.
The form is installed here using the simple method: one line of code pasted directly into the page, in the exact spot where the form should appear.
What this proves: that the basics work. This is the control. If the form misbehaves on this page, the problem is with the form itself, not with anything unusual about the website it was installed on.
The same kind of one-page roofing website, with the same sections in the same order, but deliberately styled to look different so the two are never confused in a screenshot.
The form is installed here using the placeholder method: the loading code goes once at the very top of the page, and then an empty marker is dropped wherever the form should show up. This is the method used by website builders that don't let you paste code into the middle of a page.
What this proves: that the newer placeholder installation path works in a real browser on a real separate website — not just on a developer's machine.
Two more test sites are planned but not built yet: an old-fashioned, badly-built website (the kind with a cluttered layout and dated code), and a site with strict security settings that block outside code by default. Those are for a later round of testing.