Try Speedy PV: the live widget, and the code that embeds it

Try it here

Change it on the left. Copy the code on the right.

This is the real widget, live, serving Sunmax. Every control below sets an attribute on the element, and the code updates as you go.

The two tags that embed it

1 attribute, updating live

index.html

<script src="https://speedy-pv.co.uk/widget/speedy-pv.js" defer></script>

In the <head> of the page. One script serves every installer.

index.html

<speedy-pv-widget path="/sunmax"></speedy-pv-widget>

In the <body>, where the tool should appear.

Or just a search box

The one-line version

The visitor types their address on your page and lands on your Speedy PV site with the journey already started. It follows the controls on the left like the widget does, and with none of them set it inherits the fonts and colours of the page it sits in: it has no shadow root, so it looks like the rest of your site rather than like us.

index.html

<script src="https://speedy-pv.co.uk/widget/address-finder.js" defer></script>

In the <head> of the page.

index.html

<speedy-pv-address-finder path="/sunmax"></speedy-pv-address-finder>

In the <body>, where the search box should appear.

Prefer to send people away instead? Your whole site lives at https://speedy-pv.co.uk/sunmax.

Happy with it? Switch it on

Tag the kit combinations you want to offer, choose the web address your site should live on, and paste the two tags above wherever the tool should appear.

Open Speedy PV setup