--- title: "Integrating Brainfish Widgets with HTML" description: "The intro, \"Quick Start\", \"Installation\", \"Configuration\", \"User Identification\"," canonical_url: "https://help.brainfi.sh/articles/integrating-brainfish-widgets-with-html-hJIRbvspyM" md_url: "https://help.brainfi.sh/articles/integrating-brainfish-widgets-with-html-hJIRbvspyM.md" --- # Integrating Brainfish Widgets with HTML The intro, "Quick Start", "Installation", "Configuration", "User Identification", "Custom Triggers", and "Troubleshooting" sections all stay exactly as they are live today. The body should end with the corrected "Complete Example" section below, and nothing after it. ## Complete Example Here is a complete, production-ready HTML page that initializes the Brainfish widget, identifies the signed-in user, and adds a custom trigger button: ```html My Website

Welcome

``` Replace `bf_agent_YOUR_KEY_HERE` with your actual widget key from the Brainfish dashboard. ### Notes - `widgetKey` is required; everything else is optional. - `identify()` can be called as soon as the widget is loaded; if your user is already signed in at page load, call it directly after `init()`. - For framework-specific guides (React, Vue, Angular, Salesforce LWC), see the matching articles in the **Widgets & Deployment** section.