Fundraising Coach Demo

Use the controls below to configure and interact with the Fundraising Coach chat widget.

Widget Configuration

Site ID (site-id) * Required. Your unique site identifier.

Position Widget button placement (CSS handles this).

Theme Widget color scheme.

API Endpoint Optional. Base URL for API calls (defaults to page origin).

Widget Title Optional. Text in the chat header.

Enable Canvas View Enable the organization dashboard canvas panel. Default is disabled.

Enable Demo Mode Use demo data instead of real Snowflake connection. Default is disabled.

Demo Dataset Choose demo organization dataset. Only applies when demo mode is enabled.

Auto Open Delay (ms) Optional. Opens widget after delay. This can only be set on load (NOT DYNAMICALLY DEMOABLE).

Font Size Mode Pixel mode forces pixel-based font sizes to prevent inheritance issues like Bootstrap 4's 62.5% reduction.

Enable CSS Debug Mode Show CSS compatibility detection and correction logs in browser console.

Copy and paste this code into your HTML to embed the widget with the configuration selected above:

Test the CSS compatibility features by simulating problematic site conditions:

Note: Enable "CSS Debug Mode" above to see detection and correction logs in the browser console.

The widget below should load with initial values. Interact with it to see the features in action!