Shadow DOM embed

Widget demo

Drop one script tag on any marketing site. The widget boots in an isolated shadow root, loads publicYardConfig, and posts to submitOrder. It stays off unless the yard is on a 7-day free trial (no credit card), subscribed, or within 7 days past due.

Embed

<div data-byc-widget></div>
<script
  src="https://gravelmulchcalculator.com/widget.js"
  data-yard="riverstone"
  data-config-url="https://us-central1-bulk-yard-calc.cloudfunctions.net/publicYardConfig"
  data-order-url="https://us-central1-bulk-yard-calc.cloudfunctions.net/submitOrder"
></script>

Order from Riverstone (demo)

Preview of the embed. It does not post an order.

Material

Quantity

Name

Phone

ZIP

Preview only — not a real request

Live widget mounts here when the script URL and a public yard slug are configured. Use the packages/widget build for local demos.