# Installing widgets

## Install widgets SDK&#x20;

1\. Log in to your ProdCamp account. Go to the product details page of a product which widget you want to embed.

![](https://3223839397-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M9YH1onkNo4yiuWdB4j%2Fuploads%2FIgzE9yK3zjVaUhIwDlSv%2FCleanShot%202022-01-13%20at%2019.51.53%402x.png?alt=media\&token=11d48e54-cf7b-4403-b242-fdbd2e6b74ae)

2\. Select the right product.

![](https://3223839397-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M9YH1onkNo4yiuWdB4j%2Fuploads%2Fd28vfxCUe5jlf086thWY%2FCleanShot%202022-01-13%20at%2019.52.46%402x.png?alt=media\&token=db38229f-47e8-45be-93de-2416470be404)

3\. Click on the "**Widget"**

<figure><img src="https://3223839397-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M9YH1onkNo4yiuWdB4j%2Fuploads%2FcNm1D9s6pQTjGUwkkJjw%2FCleanShot%202022-01-13%20at%2019.53.31%402x.png?alt=media&#x26;token=95d43ec1-c1ec-48c9-9af5-38a6aa150402" alt="" width="375"><figcaption></figcaption></figure>

3\. Click on the "**Generate**" button to generate the script code that you should insert at the end of the **body** tag on your page.

It will look something like this:

<figure><img src="https://3223839397-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M9YH1onkNo4yiuWdB4j%2Fuploads%2FqmyHRahrS7CEKgIGRdTN%2FCleanShot%202022-01-13%20at%2019.55.33%402x.png?alt=media&#x26;token=25ddd8d5-8578-4e25-8464-5e1002004d3c" alt="" width="375"><figcaption></figcaption></figure>

```javascript
<script>
!function(t, e, a, n) {
    function o() {
        if (!e.getElementById(a)) {
            var t = e.getElementsByTagName(n)[0],
                o = e.createElement(n);
            o.type = "text/javascript";
            o.async = !0;
            o.src = "https://cdn.prodcamp.com/js/prdcmp-sdk.js";
            t.parentNode.insertBefore(o, t)
        }
    }
    if ("function" != typeof t.ProdCamp) {
        var c = function() {
            c.args.push(arguments)
        };
        c.p = "{your_product_id}";
        c.args = [];
        c.t = t.ProdCampSettings && t.ProdCampSettings.token;
        c.f = true;
        t.ProdCamp = c;
        "complete" === e.readyState ? o() : t.attachEvent ? t.attachEvent("onload", o) : t.addEventListener("load", o, !1)
    }
}(window, document, "prodcamp-js", "script");
</script>

```

After the system generates the script code - click on the text area and the code will be copied to your clipboard. Insert this code at the end of the **`<body>`** tag on your page, right before the **`</body>`** closing tag.

## Invoke a specific widget initialization function

Now you can invoke a command using the **`ProdCamp`** global function and initiate some specific widget, how to do it you can read in one of the following articles:

* [Feedback widget](https://help.prodcamp.com/widgets/feedback-widget)
* [Changelog widget](https://help.prodcamp.com/widgets/changelog-widget)
* [NPS widget](https://help.prodcamp.com/widgets/nps-widget)
