# Embed checklist on a page

<figure><img src="https://2496151117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSftFWx1nnIytwPf874%2Fuploads%2FHvjmfw9gIQ3xoAiVPSMM%2FScreen%20Shot%202022-11-02%20at%2011.38.28%20PM.png?alt=media&#x26;token=ad9a51b6-f6f6-411e-90c9-011d94d2dfe2" alt=""><figcaption><p>Embed checklist on a age</p></figcaption></figure>

To embed a checklist on a page, first make sure you have installed [the latest script(1.0.19 or above) and identified the user](https://docs.checklist.getalvis.com/widget/installation-widget). Then, simply add&#x20;

<pre class="language-html"><code class="lang-html"><strong>&#x3C;div 
</strong>    data-alvis-app="checklist" 
    data-checklist-id="{{checklist_id}}" 
    data-fit-size="true"
>&#x3C;/div>
</code></pre>

If you still do not see the checklist, call

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

Also, most likely, you do not want this checklist to show as a popup. You can hide the checklist by choosing "Do not show on any page" in "Which page should we show this on?" setting on the checklist page.

<figure><img src="https://2496151117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSftFWx1nnIytwPf874%2Fuploads%2FlXEpt2NeRmNyvBkM0RYG%2FWeChat8ed107b51f487bc34faca46c64b46d81.png?alt=media&#x26;token=8b8c0bfc-8f35-457d-845f-b6c962fc1ff9" alt=""><figcaption></figcaption></figure>
