> For the complete documentation index, see [llms.txt](https://help.prodcamp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.prodcamp.com/feedback-loop/changelog.md).

# Changelog

## 1. What is Changelog?

Not to reinvent the wheel, let's check [Wikipedia](https://en.wikipedia.org/wiki/Changelog):

> A **changelog** is a log or record of all notable changes made to a project. The project is often a website or software project, and the changelog usually includes records of changes such as bug fixes, new features, etc.

Simply put, at ProdCamp changelog is a module that allows sharing a product's updates with its customer base.

## 2. How to make it public?

There are two ways of how to share your updates:

### 2.1 Share it on your roadmap

Creating a new changelog record will enable the section on your public roadmap (considering it's shared publicly).

<img src="/files/-MXOpszRoUnFLs3HjK8J" alt="" width="563">

### 2.2 Changelog embeddable widget

Alternatively, you can share your changelog in the embeddable widget.

<img src="/files/-MXOqz-aNj32V3V-XKpC" alt="ProdCamp Changelog Widget" width="375">

<img src="/files/-MXOrOtLwB7j0VPEU7hq" alt="ProdCamp Changelog Widget" width="375">

To get the most out of it, use both: the changelog on the public roadmap and as an embeddable widget.

## 3. How to get started with Changelog?

### Create a changelog record

To create a record, go to the Changelog section on the main menu and click on "New entry".

\
You can create drafts and publish them when the time comes.

#### PRO Tip: To make your changelog more alive, consider adding animated GIF images.

## **4. Embedding Changelog in your app**

1. Go to the [products page](https://app.prodcamp.com/products) and open your product.
2. Head over to Widgets and click on the Generate button.

<img src="/files/-MXP0-ip2gzYIqrX8mBi" alt="" width="563">

3\. Click on the first section with code called "Widgets SDK installation kit", it will copy the text to the clipboard and place it inside the `<body>` tag on your page.

<img src="/files/-M_vuQHxtM6yY-GP9aJ8" alt="" width="563">

It will look similar to the following code

```markup
    ...
    <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.t="********",c.p="************",c.args=[],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>
    ...
</body>
```

\
4\. Init the changelog widget on the page.

```markup
<script>
    ProdCamp('initChangelog');
</script>
```

For example, here's what was needed to add a changelog button to our recent [blog post](https://www.prodcamp.com/blog/how-to-manage-customer-feedback):

```markup
<div style='display: flex; justify-content: center;'>
	<a data-prodcamp-changelog="true" href="#" class="button-copy primary-copy button-small-copy button-cta-first-copy w-button">PLEASE PLEASE PLEASE CLICK HERE</a>
</div>
...
<script>
    ProdCamp('initChangelog');
</script>
```

Thank you!

Feedback is much appreciated.

**Check out our changelog:**

{% embed url="<https://roadmap.prodcamp.com/changelog>" %}
