Wix Embed Code

Add this as Custom Code in Wix: Dashboard → Settings → Custom Code (or Tracking & Analytics → New Tool → Custom), paste the code, and set the position to Body — end. The script appends a full-page transparent iframe — Sid appears fixed in the bottom-left corner of the screen, and clicks pass through to your site everywhere else.

Published App URL

⚠️ Use your published app URL, not the preview URL.

<!-- SoCal Reds FC - Sid Chat Widget (full-page transparent overlay) -->
<script>
  (function () {
    var f = document.createElement("iframe");
    f.src = "https://sidsocalredsfc.com/wix-embed";
    f.style.cssText = "position:fixed;top:0;left:0;width:100%;height:100%;border:none;background:transparent;pointer-events:none;z-index:99999";
    f.allow = "autoplay; clipboard-write; encrypted-media";
    f.title = "Sid Chat";
    document.body.appendChild(f);
  })();
</script>

✅ Sid docks in the bottom-left corner of the screen and expands to a chat panel on click.

✅ Transparent overlay — your site stays fully clickable around the widget.

⚠️ Use Custom Code (not the Embed HTML element) — the HTML element sandboxes the iframe and blocks the full-page overlay.