Page 1 of 2

Full JavaScript Configuration

This demo shows how to configure Ginotate entirely through JavaScript using window.ginotateConfig.

Configuration Used

window.ginotateConfig = {
  apiKey: 'js-demo-key-12345',
  apiSecret: 'js-demo-secret',
  endpoint: 'https://api.example.com/feedback',
  color: 'blue',
  icon: 'flag',
  size: 'medium',
  title: 'JS Config Demo',
  categories: ['Bug', 'Feature', 'Question'],
  demoMode: true
};

How It Works

Configuration is set via window.ginotateConfig before the script loads
No HTML attributes needed on the script tag
Can use dynamic values from your app (auth tokens, user IDs, etc.)
Settings panel allows users to override these defaults
User overrides persist via cookies across pages

Try it: Click the blue flag button, go to Settings, change some values (like color or size), and save. Then navigate to Page 2 to see your settings persist! You can also drag the button anywhere.

Go to Page 2 → ← Back to Demo Hub