One line. Any website.
Paste the code into your existing site — Wix, WordPress, Squarespace, GoDaddy, Shopify or custom. Your prices, styles and brand are loaded automatically. Nothing else on your site changes.
See it on a real-looking siteInline block + floating button
Open the widget aloneWhat gets embedded
Full product demoIncluding the contractor view
Option A — Inline quote section
Shows the full quote engine right inside a page, for example on your “Free Quote” page.
<!-- Instant fence quote -->
<div data-fence-quote="northfield"></div>
<script src="https://fence-quote-demo.pages.dev/widget.js" async></script>
Option B — Floating “Get a quote” button
Adds a button to every page. Tapping it opens the quote engine in a full-screen window.
<script src="https://fence-quote-demo.pages.dev/widget.js"
data-client="northfield"
data-mode="button"
data-label="Get an instant quote"
data-color="#0f1011" async></script>
Where to paste it
Menu names can differ slightly by plan and version.
WordPressEdit the page → add a Custom HTML block → paste → Update.
WixAdd elements → Embed code → Embed HTML → paste → stretch the box to full width. For the floating button use Settings → Custom code.
SquarespaceEdit the page → add a Code block → paste. For the button use Settings → Advanced → Code injection.
GoDaddyAdd section → HTML → paste the code.
ShopifyOnline Store → Customize → add a Custom Liquid section → paste.
Custom sitePaste anywhere in the page HTML. Done.
Or let us do it
Invite us as a collaborator on your site and we'll install and test it for you — usually same day.