Webflow
Add Release Notes to your Webflow website in minutes.
Webflow lets you create professional, custom websites in a completely visual canvas with no code.
With Released + Webflow, you can seamlessly embed a widget or announcement page into your website.
If you aren't familiar with Webflow's custom code embed feature, we recommend you watch this their tutorial first: https://university.webflow.com/lesson/custom-code-embed
- 1.
- 2.Take note of the
<script>and the<released-page>tags. You will require those snippets in the next step.
In your Webflow interface.
- 1.Click on the ﹢ icon in the top left or simply click
ato open the Add elements panel. - 2.Scroll to the Advanced section and click the Embed element.
- 3.Copy the code snippets from above into the dialog.
- 4.Click Save & Close. The element has now been added.
- 5.Move it to the section of the page where you want to display the announcement page.
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.
Add a notification badge to a link or a button.
To add a notification badge, we recommend to add the
<script> tag in the site's <head>tag instead of in the Embed block to ensure it's available on every page.
https://university.webflow.com/lesson/custom-code-in-the-head-and-body-tags#custom-code-in-page-settingsSimilar to adding the announcement page, you can add the notification badge via the embed element.
- Click on the ﹢ icon in the top left or simply click
ato open the Add elements panel. - Scroll to the Advanced section and click the Embed element.
- Copy the code snippets from above into the dialog.
- Click Save & Close. The element has now been added.
- Move the element next to the link or button where you want to show the badge. Typically in the navigation.
- Use the 2D & 3D transforms settings to adjust the position of the badge
Adjust the position of the badge with the element's transform settings.
Watch a 90 seconds walk through on how to add your release notes to your Webflow site.
Last modified 1mo ago