> ## Documentation Index > Fetch the complete documentation index at: https://docs.scentxp.com/llms.txt > Use this file to discover all available pages before exploring further. # Installation ## Adding ScentBot to your website ScentBot is a web component (``) that loads via a single script file. This guide covers the three steps to get it running on your page. ## Step 1: Load the widget script Add the ScentBot runtime script to your page. Place it before the widget tag, ideally in the `` or at the end of the ``: ```html theme={null} ``` This script registers the `` custom element. It loads asynchronously and initializes the widget once the DOM is ready. ## Step 2: Load fonts ScentBot uses **Graphik** and **Dover Serif** as its default fonts. Add the following `@font-face` declarations to your CSS: ```css theme={null} @font-face { font-family: "Graphik"; src: url("path/to/Graphik-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-family: "Graphik"; src: url("path/to/Graphik-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; } @font-face { font-family: "Graphik"; src: url("path/to/Graphik-Semibold.woff2") format("woff2"); font-weight: 600; font-style: normal; } @font-face { font-family: "Dover Serif"; src: url("path/to/DoverSerif-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; } ``` Replace the `src` URLs with the actual paths where your font files are hosted. ScentXP provides the default font files during onboarding. You can substitute your own brand fonts by overriding these declarations or using the `styles` attribute to load a custom CSS file. ## Step 3: Add the widget Insert the `` tag in your page markup. At minimum, you need the `public-key` attribute: ```html theme={null} ``` ### Typical setup A common configuration includes user identification, positioning, and notification preferences: ```html theme={null} ``` ### Full page example ```html theme={null} My Store ``` ## Next steps All widget attributes — required and optional. Listen for cart events and control the widget programmatically.