Installing widgets

How to install widgets into your pages

Install widgets SDK

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

2. Select the right product.

3. Click on the "Widget"

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:

<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.

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:

PreviousAny App (via Zapier)NextWidgets SSO

Last updated 2 years ago

hashtagInstall widgets SDK

hashtagInvoke a specific widget initialization function

Install widgets SDK

Invoke a specific widget initialization function