> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pyne.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# JS Snippet Installation

> How to install the Pyne JS snippet in your application

To enable Pyne guides in your web application, you need to install the Pyne JavaScript snippet.

<aside>
  📽️ **Video Guide:** [Watch Installation
  Video](https://www.loom.com/share/950389693d384f51bca566c8f956b8c5)
</aside>

## Installation Steps

1. Log in to the Pyne Dashboard and navigate to the [Setup Page](https://dashboard.pyne.ai/settings/setup).
2. Locate and copy the JavaScript snippet provided that fits to your tech stack.
3. Paste the copied snippet into the `<head>` section of your application's HTML template(s). Ensure it's included on all pages where you want Pyne guides to potentially appear.

**Result:**
This snippet asynchronously loads the Pyne SDK onto the page. Once deployed, Pyne is active, and you can start [previewing guides](/setup/previewing) or enabling them for users via [Publishing](/essentials/publishing) and [Targeting](/setup/targeting).

<Note>
  You can also preview a guide in your app without installing anything. All you need for this [is the Pyne Chrome Extension](https://chromewebstore.google.com/detail/pyne/icflgpgblboblmkhllbkdhbaedgoomac), which will inject a temporary code into the HTML.
</Note>

**Video Walkthrough:**

<div style={{ position:"relative",paddingBottom:"56.25%",height:0 }}>
  <iframe src="https://www.loom.com/embed/950389693d384f51bca566c8f956b8c5" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style={{ position:"absolute",top:0,left:0,width:"100%",height:"100%" }} />
</div>
