Tutorial
Framer Release Notes Integration
Jens Schumacher
Aug 10, 2023
•
3
minutes read
Tutorial
Overview
In this guide, we will walk you through the process of adding your release notes to a Framer website.
What is Framer?
If you haven't heard of Framer, it makes building websites super easy, fast and fun. It automatically optimizes your page for SEO and takes care of performance optimization and hosting. You can design sites on a freeform canvas. Add animations, interactions and a CMS, just like this blog. We love Framer at Released.
Framer also supports the creation of code components, letting you add basic HTML to the canvas or create fully interactive React components.
Adding release notes to Framer
To integrate our own release notes page into Framer, we have created Framer components. Simply copy and paste the following URL into your Framer canvas to add an announcement page to your site
The best part, the component exposes all the properties of the announcement page embed code in the Framer UI, making it super easy to customize it's look and feel.
Adding a notification badge
To notify users about the availability of a new post, you can enhance the user experience by incorporating a notification badge on the link or button leading to the announcement page.
Similar to the Page component, Released provides a Badge component that you can copy and paste into your Framer design view.
Try it yourself
Remix this project to see the release notes in action. Take a look at our documentation for a more detailed description on how to set up the integration. And of course, if you haven't tried Released yet, head over to the Atlassian marketplace and start your 30 day free trial.
