Playground

Test the real widget locally

This page loads the same `/widget.js` bundle you embed on external sites. Change the mode, accent color, and URL context, then send messages against the local `/api/chat` endpoint.

Controls

Reload the same production widget bundle with a different embed configuration.

QA scenario

Loads the first visitor message into a fresh real conversation.

Mode

Theme

Accent

Background

Text

Muted text

Border

Asst. bubble

Radius

Page URL sent to the API

Force a fresh conversation

Clears the widget's saved local state before the preview reloads.

Inline previewhttps://donux.com/services/framer

Demo page

Framer design and build for SaaS teams

Use this area like a real client page. In inline mode the widget mounts in the panel below. In floating mode the bubble appears over the page in the configured corner.

Embedded widget zone

The local widget script mounts here when inline mode is enabled.

inline

Embed snippet

<script
  src="${window.location.origin}/widget.js"
  data-api-url="${window.location.origin}"
  data-inline="true"
  data-container="#donux-chat"
  data-page-url="https://donux.com/services/framer"
  data-accent="#18181b"
  data-bg="#ffffff"
  data-text="#27272a"
  data-muted="#71717a"
  data-border="#e4e4e7"
  data-assistant-bg="#f4f4f5"
  data-radius="12px"
></script>

All data-* attributes are optional — omit any to use the :host defaults from styles.css.

IT · Domanda diretta sul prezzo

Visitor turns

1. Quanto costa un Design Sprint e quanto dura?

Expected signals

• Risponde subito con €4.000 e 2 settimane
• Resta in italiano
• Non usa la call come sostituto della risposta

Score 1–5

Usefulness
Tone
Truthfulness
Concision
Question count
Language consistency
Commercial judgment
Next-step fit

Pass: every score ≥3, average ≥4, and no critical truthfulness or unsupported-action failure.