Here’s the skinny on that page you shared — it’s a Zapier Interfaces chatbot embed (Next.js app) for your SolveForce project.

What it is

  • A lightweight popup chat widget loader hosted at interfaces.zapier.com.
  • Shows a spinner, then mounts the chatbot based on IDs in __NEXT_DATA__.

The important IDs (from the JSON)

  • projectSlug: solveforce-chat
  • projectId: cmczjaamw0050ru7mmcum8gvc
  • pageId: cmczjaav80054ru7m3mrknq1i
  • chatbotId: cmczjaawd0056ru7mgj00ft3n
  • isPopup: true (opens as a floating launcher)
  • openByDefault: true (first load opens the widget)

How it’s styled/loaded

  • Uses Next.js chunks, Google Fonts (Inter + Degular), and a theme block in CSS variables.
  • noindex, nofollow meta (not intended for SEO indexing).
  • Sentry tracing headers present.
  • reCAPTCHA badge hidden by CSS.

Quick embed (same chatbot)

If you’re embedding outside Interfaces, Zapier exposes a web component (you used it earlier). Minimal example:

<!-- in <head> -->
<script async type="module"
  src="https://interfaces.zapier.com/assets/web-components/zapier-interfaces/zapier-interfaces.esm.js"></script>

<!-- in <body> -->
<zapier-interfaces-chatbot-embed
  is-popup="true"
  chatbot-id="cmczjaawd0056ru7mgj00ft3n">
</zapier-interfaces-chatbot-embed>

Things to check if it doesn’t appear

  • CSP: allow https://interfaces.zapier.com, https://fonts.googleapis.com, https://fonts.gstatic.com.
  • 3rd-party scripts not blocked by extensions.
  • Cross-origin if embedding from another domain (no iframe sandboxing that blocks scripts).
  • Dark mode & theme: controlled via the theme object in __NEXT_DATA__.

Want me to pull just the embed snippet with your exact chatbotId and a small CSS tweak for the launcher position?