This page intentionally behaves like a customer site host. The chatbot runs as the public floating widget, opens inside its own iframe runtime, keeps the host layout intact while the page scrolls, and can be tested here before the snippet is copied into a production storefront.
Open and close transitions should feel stable and never jump outside the viewport.
The widget should stay attached to the viewport while the page keeps its own natural scroll.
Iframe content should load the realtime assistant without leaking internal tool or prompt text.
The launcher and panel should still fit on narrower widths without clipping or overflow.
The page includes enough structure and vertical content to catch z-index issues, bad fixed positioning, broken viewport calculations, and collisions with other floating elements.
Scroll through this page while the widget is closed and while it is open. The launcher should remain visually anchored, and the expanded panel should not affect document flow or push the host page around.
Use this area to test with product queries, FAQ questions and support requests. The host page must stay clean, with no overflow artifacts, clipped corners, or weird stacking behavior over the cards.
This section intentionally has no embed placeholder. The floating widget now creates and reuses its own host node, matching the GTM-friendly snippet that external teams will copy.
This final section adds more height so that the page behaves like a real ecommerce landing or category page. If the widget still feels stable here, the host integration is in a healthy state.