Embeds
Install RoofKit on contractor websites with a floating button widget or an inline iframe that forwards attribution and deep-link parameters.
Install modes
| Mode | Behavior | Best for |
|---|---|---|
| Button widget | Loads roofkit-embed.js, renders a launcher, and opens the visualizer in a modal iframe. | Sites that need a compact persistent CTA. |
| Inline iframe | Places the visualizer directly in the contractor page layout. | Landing pages with a dedicated visualizer section. |
Parameter forwarding
Both install modes forward supported marketing attribution into host_page_url and forward deep-link params separately as top-level iframe URL params.
- Attribution allowlist includes UTM parameters and common ad click identifiers.
- Deep-link params are brand, material, shape, and color.
- Deep-link params are intentionally not embedded inside host_page_url.
https://contractor.example/roof-replacement?brand=westlake&material=lib-tiles&shape=high_barrel&color=westlake-fn-barcelona-900-avalonbeachblend