> For the complete documentation index, see [llms.txt](https://docs.checklist.getalvis.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.checklist.getalvis.com/widget/installation-widget.md).

# Widget installation

 

1. **Install the script.** Add the code below to every page on which you want to enable Checklist. Copy and paste it before the **`</body>`** tag on each page.

   ```javascript
   <script>
   (function(a,l,v,i,s){
     a._Alviss=[];
     a.Alvis=function() {a._Alviss.push(Array.prototype.slice.call(arguments));}
     a.alvis_config={alvis_id:"{{YOUR_ALVIS_ID}}"};
     i=l.getElementsByTagName('head')[0];
     s=l.createElement('script');s.async=1;
     s.src=v;
     i.appendChild(s);
   })(window,document,'//assets.getalvis.com/alvis-onboard-1.0.19.js');
   </script>
   ```
2. **Optional.** After adding the code, go to your website or web app and load any of the pages you just updated. Call `window.Alvis("boot")` to make sure Alvis is installed.
3. **Show checklist to your user.** Once you have a logged in user on your site (after they have authenticated and you have their user IDs available) you call the following to identify the user. **For Intercom,** **Make sure to use the user\_id that you use to identify users, so we can match them. For Hubspot, make sure to use the email of the current logged in user.**

   ```javascript
   window.Alvis("identify", "{{YOUR_UNIQUE_USER_ID}}");
   ```

   After a user is identified, the launcher will be shown at the bottom right corner.
4. Whenever the URL or route changes, you need to call **`window.Alvis("page")`** for Alvis to check if or which checklist should be shown.&#x20;

   ```javascript
   window.Alvis("page");
   ```