# 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>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.prodcamp.com/feedback-loop/changelog.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
