> ## Documentation Index > Fetch the complete documentation index at: https://developer.eka.care/llms.txt > Use this file to discover all available pages before exploring further. # Quickstart > Add the MedAssist widget to any website with one tag and a script The fastest way to add MedAssist. Drop a custom element and a script onto any page — no build step, no framework required. The widget appears as a floating button that loads and opens the chat when clicked. Sign up at [console.eka.care](https://console.eka.care), create an agent, and customize it — theme, title, initial message, and allowed inputs are all stored with the agent. New to the console? Follow the [detailed setup guide](/api-reference/authorization/getting-started) to create your account and get set up step by step. Grab the `agentId` from the agent you just created. Paste the custom element where you want it and the script tag just before ``: ```html theme={null} ``` A floating launcher button appears. Clicking it lazy-loads the widget assets and opens the chat. Only **`agent-id`** is required. Everything else — theme, title, initial message — comes from the agent config you set in the console, so you usually don't need any other attributes. ## Full page example ```html theme={null} My Website

Welcome

``` ## Install from npm If you bundle your own assets, install the package instead of using the CDN: ```bash theme={null} npm install @eka-care/medassist-widget-embed ``` ## Use it in a framework The custom element works anywhere HTML does. Inject the loader script and render the tag: ```jsx React theme={null} import { useEffect } from "react"; function App() { useEffect(() => { const script = document.createElement("script"); script.src = "https://cdn.jsdelivr.net/npm/@eka-care/medassist-widget-embed@latest/dist/index.js"; script.async = true; document.body.appendChild(script); }, []); return ; } ``` ```vue Vue theme={null} ``` Already in a React app and want the chat rendered inline rather than as a Web Component? Use the [React SDK](/ai-tools/synapse/react/installation) instead. ## How it works The script registers the `` custom element. The element renders a floating button (or a full view if `display-mode="full"`). On first open, the widget's JS and CSS are fetched — keeping your initial page light. The widget runs inside a Shadow DOM, so its styles never clash with your site. ## Next steps Every attribute you can set — theme, display mode, launcher styling, and more. Configure the widget programmatically with `EkaMedAssist.init()`. ## Troubleshooting Confirm `agent-id` is set, check the Network tab to verify the loader script loaded, and look in the console for errors. If you self-host assets via `data-widget-assets`, ensure `medassist-widget.js` and `medassist-widget.css` are served at that path — or omit it to use the default CDN.