To add the roofing estimate widget to your website, switch it on in the Developer page, add your domain, and paste one line of code into your site. Homeowners then click a button on your site, enter their address and get a priced quote, and you get the lead.
Before you start, finish account setup: an active trial or subscription, and at least one product on the Products page. The widget can't be switched on without both.
Install the roofing estimate widget
- Open Developer in the left menu.
- Under Widget Plugin, click the toggle so the status changes from Disabled to Active.
- Under Allowed Domains, type your domain the way it appears in the browser bar, without https:// or a page path. For example: yourcompany.com. Click + to add more (up to 5), then SAVE CHANGES.
- Optional: set the Button Position, Button Colors and Widget Texts, and check the result in the Live Preview.
- Under Widget Script, click the copy icon.
- Paste the script into your website so it loads on every page, usually in a footer or custom code setting. Publish the change.
- Open your website in a new tab. The quote button should appear where you placed it.
Why isn't the widget showing on my site?
The widget hides itself unless every check passes. Go through this list:
- Widget Plugin says Active on the Developer page.
- Your trial or subscription is active.
- At least one product is selected on the Products page.
- The domain matches exactly. www.yourcompany.com and yourcompany.com count as different domains, so add both if your site opens on both. A subdomain like quotes.yourcompany.com needs its own entry.
- The script is on the live site, not a draft, and any site cache has been cleared.
The Live Preview in the dashboard always shows the widget, even when your site fails one of these checks, so test on your real website.
Platform guides: WordPress and Wix and other site builders. For a full walkthrough, read how to add the RoofSell widget.