Widget Studio
A widget is a piece of Simplified embedded inside your own web page. Instead of sending a customer away to a separate quote tool, the journey starts on your site — usually with an address box on your homepage.
Find it under Apps & Embed → Widget Studio.
Why embed rather than link
A link asks the customer to commit to a new page before they have invested anything. An embedded address box asks for one piece of information they already know, and by the time they have typed it they are into the journey.
The practical difference is in the drop-off between your homepage and the first step of a quote.
Widget types
| Widget | What it does |
|---|---|
| Quote Launchpad | An address box that checks you cover the area, then starts a quote in the tool you choose. The workhorse — this is the one most installers want. |
| Contact Us Form | Captures an enquiry, which arrives under Enquiries. |
| Fixed Package | Presents a specific package and captures details for it. Good for a promoted offer. |
| Service Plan Table | Your service plans as a comparison table, with sign-up and payment. |
| Not Doing Solar | A calculator showing the long-term cost of doing nothing. A persuasion tool rather than a capture tool. |
A Hometree Solar Calculator widget is also available to accounts using Hometree finance.
Creating a widget
- Go to Apps & Embed → Widget Studio.
- Click to create a new widget.
- Choose the widget type.
- Give it a name. This is internal — your customers do not see it.
- You are taken to the editor, with settings on the left and a live preview on the right.
Configure it, checking the preview as you go, then get the embed code from Embed this widget in the top right.
Adding it to your website
The embed is two lines: a container the widget renders into, and a script that loads it.
<div id="simplified-widget-YOUR_WIDGET_ID"></div>
<script src="https://YOUR_SIMPLIFIED_URL/widget-loader.js?widgetId=YOUR_WIDGET_ID"></script>
Copy the snippet from the Embed this widget panel rather than typing it out — it comes with your actual widget ID and the correct address already filled in.
Paste it into your page where you want the widget to appear. In most website builders this means adding a custom HTML or embed block. The widget sizes itself to the container, so put it in a full-width section if you want it full width.
If you cannot add custom HTML to your site, there is a hosted version of every widget on its own address, which you can link to instead.
Check it worked
- Publish the page and open it in a browser.
- Confirm the widget appears and is styled as it was in the preview.
- Complete it — enter a real address in a Quote Launchpad, or submit a Contact Us Form.
- Confirm the result arrives in the Installer Portal: a quote under Sales Pipeline → Instant Quotes, or an enquiry under Sales Pipeline → Enquiries.
Test on a phone as well as a desktop. Most customers will meet your widget on a phone.
What's next
- Web apps and URLs — linking instead of embedding
- Day to day — handling what the widget brings in