All Collections
Announcements and Changelog
Changelog
Creating and customizing your AnnounceKit changelog page
Creating and customizing your AnnounceKit changelog page

Transform your AnnounceKit changelog page into a tailored, interactive hub for updates, feedback, and more!

Updated over a week ago

Welcome to AnnounceKit's Changelog – a dynamic platform that lists your posts chronologically, offering a range of possibilities.

Create a personalized standalone webpage, maintain a private internal news feed, and effortlessly collect feedback. Share updates with ease and enjoy subscription options via Email, RSS, and Slack; collect feature requests; or show your progress with a roadmap.

Your changelog page is just a few customization steps away!

What can you achieve with the AnnounceKit Changelog?


What will you find in your AnnounceKit changelog?

1) Your posts section: This is where your project posts will be held. Here, you will find updates, announcements, and other important project information.

2) Search options for your users to find posts: This feature allows your users to easily find posts that are relevant to what they are looking for.

3) Feature Request button: (if enabled) Each user will have the ability to submit their suggestions right from the changelog. This helps you keep track of all the feature requests you receive from your users.

4) Roadmap section of your project: (if enabled) This area will give you visibility into your project timeline. You can see what features you’re working on and when they’ll be released. You can also share this with your users.

5) Multi-language toggle and subscription box: (if enabled) If you’re offering multiple languages, your users can switch back and forth between each one. Also, they will have the option to sign up for email, Slack and RSS notifications.

6) Feedback section: (if enabled) This is where your users can submit their feedback for your project. You will also be able to monitor the conversation and see your user's reactions.

How to create and customize your changelog?


By default, your changelog page will be public and ready the moment you sign up.

By going to your changelog settings, you can change the following settings:

  • Your changelog's title and description (only visible with Full and Medium feed styles)

  • Setup a custom hostname (available in the Scale plan)

  • Disable your changelog

  • Display segmented posts publicly
    By default, your segmented posts will be visible for your target users.
    For example, if you create a post targeted at your Admin users, only they will see that specific post.
    With this option enabled, all of your posts will be visible to all of your users,regardless of their segmentation.

  • Redirect based on browser language
    If your project has multiple languages implemented, you can have your changelog redirect users based on their browser's language.

  • Custom Javascript / CSS
    You can insert custom JavaScript in your changelog for things like tracking codes, chatbots, and custom CSS to customize the user experience. You can only use the <script> and <style>tags.
    Please note that you must have a custom hostname to use the <script> tag.

Getting Started with the Customization Page


By going to your Settings > Changelog and clicking on "Theme Designer" on the top right, you can customize how your changelog looks.

Our customization page is a great way to make sure your site looks and feels exactly the way you want it. In this article, we will provide an overview of the six main sections of our customization page and how to use them.

On our customization page, you'll have six sections to choose from with their details:

Global Settings

When you start customizing your page, it's always a good idea to start with the Global Settings first.

  • Full Style Feed

    • Display includes the feed title, description, subscribe button, and multi-language toggle.

    • Provides a comprehensive view of the header

  • Medium Style Feed

    • Display includes the feed title, description, subscribe button, and multi-language toggle.

    • Offers a moderately sized header, balancing content and aesthetics.

  • Top-Bar Style Feed

    • Display includes the feed title, subscribe button, and multi-language toggle.

    • Features a compact top-bar design with essential elements.

  • Minimal Style Feed

    • Display includes only the feed title, subscribe button, and multi-language toggle.

    • Presents a minimalistic style without additional header content.

  • Logo: Upload a logo to be displayed on your changelog.

  • Font Family: Change the font of your changelog.

  • Accent and background color: The accent color will change the color of the links on your changelog.

  • Container Size: Change the size of the container box that includes your posts and roadmap.

Header Settings

The Header section is where you control how your site's header will look. Here, you can choose a background image or color, change your logo colors, and customize the navigation bar.

  • Change the background color of your header

  • Change the text color displayed in your header

  • Change the color filter and size of your logo

  • Change the height and shadow of the header

  • Hide your title

  • Hide subscribe button and change its text color and background color

  • Hide the back button

Sidebar

The Sidebar section is where you control the content of the sidebar.

  • Placement: Users can choose the placement of the sidebar (left or right) and set the font color and label hover color.

  • Hide Search: Option to hide the search feature with customization options for text color, background color, border color, and focus color

  • Hide Archive: Option to hide the archive section (the section where your posts are visible per month)

Post List

The Post List section is where you control how post are displayed on your changelog.

  • You can customize the background color, text color, title color, date color, and font size for posts.

  • You can also choose to hide the cover image, collapse long posts, and hide the date of your posts. You also have options for font size, opacity of the labels displayed on your posts, shadow intensity of the post window, and its border radius.

  • You can also choose to display month headers.

  • You can choose between the default post list or timeline post style.

  • You can hide emoji feedback and comments.

  • You can customize the feedback background color, text color, border color, and icon color.

  • Additionally, you can specify colors for emoji backgrounds, foregrounds, and decorations.

Roadmap and Modal Items

The Roadmap section is where you control how the roadmap looks on your changelog.

  • Text and background colors, title color, border color, font size, line color, collapsed status and toggle disable are settings available for your roadmap displayed on the changelog.

The Modal section is a section where modal windows will be available upon clicking on certain buttons in your changelog.

  1. The Roadmap item is the modal window you'll see upon clicking on an item on a roadmap.

  2. The Feature Request modal window is a window your users will see while submitting requests.

  3. The subscription modal window is the window your users will see upon clicking on the subscribe button.

The colors of all the elements inside the modal windows (such as title color, input color, text color, background color, border color, etc) can be changed.

Did this answer your question?