Widget Active

๐Ÿ“ฆ Widget Script URL

Your widget is hosted at:

Loading...

๐Ÿ”Œ Installation

Add this single line to your website, just before the closing </body> tag:

Loading...

No other dependencies required. The widget self-initialises and injects its own styles.

โš™๏ธ n8n Webhook Configuration

The widget sends all messages to your n8n workflow via the webhook URL set in parkpilot-widget.js at the top of the CONFIG block.

Current webhook URL: https://parkpilot.app.n8n.cloud/webhook/parkpilot-chat

โš ๏ธ If this URL has changed, update the webhookUrl value in parkpilot-widget.js and re-upload both files to Netlify.

๐Ÿš€ How the Widget Works

  1. Widget loads on your site and shows a chat launcher button in the bottom-right corner
  2. After 6 seconds, an attention bubble appears above the button to prompt engagement
  3. When opened, the visitor sees quick-reply options and a greeting message
  4. Messages are sent to your n8n workflow, which passes them to Claude AI and returns a response
  5. When a visitor is ready to convert, they can book a demo, request an info pack, or ask for a callback via the built-in lead capture forms
  6. Lead data is sent to n8n for routing to your CRM or email

โœ… What's New in v2.0

  1. Quick-reply buttons on open (agents, integrations, pricing, demo)
  2. Animated launcher with open/close icon toggle
  3. Split first/last name fields and improved form validation with inline error states
  4. Optimistic success screen on form submit (no waiting for n8n response)
  5. Refined font (DM Sans), tighter spacing, polished mobile layout
  6. Bot avatar replaced with branded "PP" initials (no emoji)
  7. Accessible markup โ€” ARIA roles, live region on messages, keyboard close (Escape)
  8. Improved error messages with email fallback to info@parkpilot.uk