# Post Preview

## **Key Features of the Post Builder Preview**

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FHmWhGMoAusfgeraH0jwb%2Fimage.png?alt=media&#x26;token=9c63937c-8a93-46a0-acf7-4ca1f8c7b409" alt="" width="417"><figcaption></figcaption></figure>

### **Live Update**

* **Real-Time Changes**: As you make changes in the editor, the preview updates in real-time to reflect these modifications.
* **Current Post Display**: This area displays the current post you are editing, allowing you to see exactly how your content will appear to users.

### **Adaptive Preview**

The preview area adapts based on the content you create and modify within the Post Builder:

* **Post Content**: Shows the content of your post as you write and format it.
* **Media Embedding**: Displays embedded images, videos, and other media in the context of the post.
* **Formatting Styles**: Reflects text formatting changes, such as headings, lists, bold, and italics.
* **Interactive Elements**: Demonstrates how CTAs, comments, and likes will appear and function in the final post.

### **Scrollable View**

* **Full Post View**: You can scroll through the preview area to see the entire post, ensuring all elements are correctly displayed and aligned.

***

## Dashboard Previews

The Dashboard provides various preview options to help you see how your posts and changelog will appear to users.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FExThKCMxe9Z2ORCFN93l%2Fimage.png?alt=media&#x26;token=6602e6b1-e104-48dc-8365-c7b5b0ca7e18" alt=""><figcaption></figcaption></figure>

### **List View**&#x20;

* Shows a list of all posts with their current statuses and key details **(A)**.
* **How to Use**: Review the list to get an overview of all your posts and quickly identify their status (e.g., draft, published).

### **Live Widget Preview**

* Displays how the changelog will appear in the widget format on your site **(B)**.
* **How to Use**: Click on the "View" button in the top right corner to open the live widget preview. This helps you see how users will interact with the changelog on your actual site.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FQyYWKisALHp1bAB2t51p%2Fimage.png?alt=media&#x26;token=d120ec7a-4794-4777-958d-643c272062a1" alt=""><figcaption><p>Changelog preview</p></figcaption></figure>

{% hint style="info" %}
This preview is strictly the same as the one displayed for user, you'll not see any Drafts only Live posts are displayed.&#x20;
{% endhint %}

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2Fii4h5cs3Mv3djltJMYKm%2Fimage.png?alt=media&#x26;token=bd039cd4-3edd-4044-9ace-146340394dcd" alt=""><figcaption><p>Empty changelog preview</p></figcaption></figure>

The Post Builder Preview and Dashboard Previews provide powerful tools to visualize and refine your content before publishing. Leverage real-time updates, scrollable views, and detailed previews to ensure your posts are engaging, informative, and visually appealing.


---

# 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.usejimo.com/docs/experiences/changelog/posts/post-preview.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.